用户列表高亮问题 用户列表作为 home 组件的子组件，被点击时并不会高亮。 menu 组件有一个 default-active 属性，可以设置高亮链接，值为当前激活菜单的 index。 单击时高亮 &&…
分类：前端
【转载】CSS flex布局（弹性布局/弹性盒子）
转自：http://c.biancheng.net/css3/flex.html Flex 是 Flexible Box 的缩写，意为“弹性布局”或者“弹性盒子”，是 CSS3 中的一种新的布局模式，可以简便、完整、响应…
【原创】Vue 项目实战之主页布局
使用布局组件 home.vue <el-container> <el-header>Header</el-header> <el-container> <el-asi…
【原创】Vue 项目实战之登录和注销
清除无用代码和组件内容 安装 Vue-Router npm install --legacy-peer-deps vue-router@3.5.2 文件代码 main.js import Vue from 'v…
【原创】Vue 2 安装 Vue-Router 失败的解决办法
错误信息内容： npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While res…
【转载】Vue 电商后台管理系统
转自：https://www.jianshu.com/p/0ef4dc905e07 电商项目概述 如何运行项目 代码地址：Vue 电商后台管理系统 运行服务端接口项目（vue_api_server） 接口文档地址：htt…
【原创】Vue 项目实战
创建项目 使用 vue-cli 初始化项目 vue create proname 需要 node + webpack + 淘宝镜像 项目目录说明 node_modules : 项目依赖目录 public : 一般放置静态…
【原创】Vue 常用组件库
移动端常用 UI 组件库 Vant Cube UI Mint UI PC 端常用组件库 Element UI IView UI NutUI Element UI 引入全部 main.js import ElementUI…
【原创】Vue 路由其他
<router-link> 的 replace 属性 作用：控制路由跳转时操作浏览器历史记录的模式。 浏览器的历史记录有两种写入方式，分别是 push 和 replace，push 是追加历史记录,repla…
【转载】JS 单例模式及应用场景
转自：https://cloud.tencent.com/developer/article/1497022 单体模式(Singleton Pattern) 概念介绍 单体模式(Singleton Pattern)的思想…
【原创】Vue 路由传参
query 参数 传参 字符串写法 <router-link :to="`/home/message/detail?${m.id}&${m.title}`">跳转</rout…
【原创】Vue-Router
什么是 Vue-Router Vue-Router 是 Vue 的一个插件库，专门用来实现 SPA 应用。 什么是 SPA 单页面 Web 应用（single page web application） 整个应用只有一个…
【原创】Vue 插槽
插槽的作用 让父组件可以向子组件插入 HTML 结构，也是一种组件间的通讯方式，适用于父组件===>子组件。 插槽的分类 默认插槽 // 父组件中 <Category> <div>html …
【转载】Css 性能优化
转自：https://zhuanlan.zhihu.com/p/376816600 不使用 @import，会增加加载时间。 选择器尽量少于三层，太多层不利于后期维护，可读性也比较低。浏览器读取选择器是从右到左的顺序，最…
【原创】Vue 全局事件总线 Global Event Bus
全局事件总线 可以实现任意组件间的通信。 new Vue({ el:'#app', render:h=>h(App), beforeCreate(){ Vue.property.$bus = t…
【原创】Vue 组件化编码流程
编码流程 拆分静态组件：按照功能点拆分，命名不要与 HTML 元素相冲突。 实现动态组件：考虑好数据组件的存放位置，数据是一个组件在用，还是一些组件在用。 1.一个组件在用，放在自身即可。 2.一些组件在用，放在他们共同…
【转载】Vue 组件通信的几种方式
转自：https://blog.csdn.net/piaojiancong/article/details/122861309 组件是需要通信的，在开发中，常用到的通信方式有：vuex、eventBus、以及props与…
【原创】Vue 的生命周期
Vue 的生命周期 什么是生命周期 生命周期又名生命周期回调函数、生命周期函数、生命周期钩子。 Vue 在关键时刻帮我们调用的一些特殊名称的函数。 生命周期函数的名称不可更改，但内容是根据开发者的需求编写的。 生命周期函…
【转载】节流和防抖的区别
转自：https://blog.csdn.net/m0_59634149/article/details/123409912 防抖和节流本质是不一样的。防抖是将多次执行变为最后一次执行，节流是将多次执行变成每隔一段时间执…
【原创】Vue mixin
mixin 混入 两个组件共享一个配置 plugin Vue.use(pluginName) scoped 限定 style 的作用范围，让样式在局部生效，防止冲突。
【转载】JS 闭包的作用
转自：https://www.jianshu.com/p/c1c0907d64f8 在es6之前，js只具有函数作用域（缺少块作用域），并通过闭包的内部的引用传递值。但是在es6之后，出现了let和const，实现了块作…
【转载】2022 前端面试总结
转自：https://zhuanlan.zhihu.com/p/534307734 补充：https://blog.csdn.net/m0_65450343/article/details/124658549 https…
【原创】Vue 创建项目
安装 vue-cli npm install -g @vue/cli 切换镜像源：npm config set registry https://registry.npm.taobao.org 创建项目 vue crea…
【原创】ES7 8 9 10 11 新特性
ES7 新特性 const arr = ['西游', '三国', '红楼', '水浒']; console.log(arr.includes…
【原创】babel 对 ES6 代码转换
babel 的作用 不是每个浏览器都支持 ES6 语法，要想令使用 ES6 编写的代码在不支持 ES6 语法的浏览器也可以使用，那么可以用 babel 编译器对代码进行转换。 步骤 安装 babel-cli babel-…
【原创】ES6 模块化
模块化 模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来。 index.htm; <!DOCTYPE html> <html lang="en"> <…
【原创】ES6 其他
class // function Phone (brand, price) { // this.brand = brand; // this.price = price; // } // Phone.prototype…
【原创】Promise 基础
基础用法 const p = new Promise(function (resolve, reject) { setTimeout(function () { let data = '数据库中的数据'…
ES6 新增的 symbol 类型的特点和使用场景
Symbol 的特点 symbol 定义的对象属性通过 object.key(object) 得不到键名，使用 for…in 也拿不到，但可以通过反射键 API 得到。reflect.ownKey(obj) 就可以得到 …