前端

v2和v3版本区别

vue2和vue3双向数据绑定原理发生了改变 vue2 的双向数据绑定是利用ES5 的一个 API Object. defineProperty()对数据进行劫持 结合 发布订阅模式的方式来实现的。 // 数据劫持:当访问或者设置 vm 中的成员的时候,做一些干预操作 Object.defineProperty(vm, 'msg', { // 可枚举(可遍历)

Vue-根据角色生成动态路由及菜单-1-vue脚手架创建项目

根据登录用户的角色,生成路由后addRoute、生成菜单栏基本思路:     1. 用户在登录页输入 用户名+密码 请求后端 login接口 拿到 token 后保存到cookie或sessionStorage中;     2. 接着携带拿到的token请求后端 userInfo 接口,获得用户基本信息及角色role;     3. 前端维护路由表,除了不需要权限限定的页面外其余每个路由添加met

Astro Islands

Astro Islands代表了前端Web架构的领先范式转变。Astro 将您的 UI 提取到页面上较小的独立组件中。未使用的JavaScript被轻量级HTML取代,保证更快的加载和交互时间(TTI)。 术语“Astro Island”是指HTML的静态页面上的交互式UI组件。一个页面上可以存在多个孤岛,并且一个孤岛始终单独呈现。将它们视为静态、非交互式 HTML 海洋中的岛屿。 im

浏览器引入Ant Design of Vue

一、先将vue.min.js,antd.min.js、moment.js、antd.min.css等文件下载到本地; 二、在vue代码里面引入antd组件; 三、在具体的html页面应用; 代码如下: <!DOCTYPE html> <html> <head>     <meta charset="utf-8" />     <title&gt

vue-router(vue 路由)基本使用指南(二)

文章目录 深入使用 导航守卫 重定向与别名 history 配置:指定历史模式 路由元信息(meta) 拓展 状态管理(Pinia / Vuex) Pinia / Vuex 介绍 Vuex vs Pinia Pinia 基本使用 Pinia 使用 Cookies 存储 深入使用 导航

Vue中的内置指令与自定义指令

一、内置指令 1、v-text指令 :向标签中添加文本 2、v-html指令:向指定恒点中渲染包含html结构的内容。 2-1、与插值语法的区别: (1).v-html会替换掉节点中所有的内容,{{xx}}则不会 。 (2).v-html可以识别html结构。 2-2、严重注意: v-html有安全性问题!!! (1).在网站上动态演染任查HTML是非常危险的,容易导致XSS攻击。 (2).定要

3分钟学会:如何用vue3-element-admin实现前端代码自动生成?

3分钟学会:如何用vue3-element-admin实现前端代码自动生成? 【免费下载链接】vue3-element-admin 基于 vue3 + vite4 + typescript + element-plus 构建的后台管理系统(配套接口文档和后端源码)。vue-element-admin 的 vue3

Qwen3-32B开源模型+Clawdbot=高效AI工作流:Web网关配置与Prompt工程结合教程

Qwen3-32B开源模型+Clawdbot=高效AI工作流:Web网关配置与Prompt工程结合教程1. 为什么需要这个组合:从“能用”到“好用”的关键跃迁你有没有遇到过这样的情况:好不容易本地跑起了Qwen3-32B,Ollama也顺利加载了模型,可一到实际使用环节就卡壳——API调不通、前端连不上、提示词一

离开舒适区之后:从三年前端到 CS 硕士——我在韩国亚大读研的得失

过去一年多,我做了一个挺重要的决定:辞职,去韩国留学读研。这段时间我几乎没怎么学习新的前端内容,但也没有停下来。我在韩国亚洲大学完成了计算机科学与技术(大数据)硕士的学习,在高强度的节奏里重新建立了自己的方法,也因为持续写博客获得了一些机会,担任本科 Web 实训课讲师。现

前端实用网站

前端查询网站 npm官网: MDN官网: w3c在线教程: w3菜鸟教程: JavaScript明星项目:https: