清除无用代码和组件内容 安装 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…
《那年花开月正圆》赵白石
转自：https://www.zhihu.com/question/65357107/answer/2454372005 赵白石，这个名字其实就很有趣。唐朝有个诗人叫钱起，写过一篇《白石枕》，借着咏白石做的枕头而歌颂一种…
【转载】顶级水平的中国程序员介绍
转自：https://www.bilibili.com/read/cv11663700 一、尤雨溪 江湖流传一个小故事： 一款名叫Clear的软件，在正式推出的第一天，就登场了Apple Store付费榜和总榜第二。 而…
【原创】ES7 8 9 10 11 新特性
ES7 新特性 const arr = ['西游', '三国', '红楼', '水浒']; console.log(arr.includes…
【原创】babel 对 ES6 代码转换
babel 的作用 不是每个浏览器都支持 ES6 语法，要想令使用 ES6 编写的代码在不支持 ES6 语法的浏览器也可以使用，那么可以用 babel 编译器对代码进行转换。 步骤 安装 babel-cli babel-…
【转载】解决页面 favicon.ico 文件不存在提示 404 的问题
转自：https://blog.csdn.net/fygkchina/article/details/125819595 解决方法一 创建一个 favicon.ico 文件，并放置在 Web 项目的根目录下。 备注：由于…
【原创】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 = '数据库中的数据'…
【原创】VSCode 格式化 JS 自动添加或去掉分号的问题
设置——首选项 搜索 javascript.format.semicolons remove 去掉分号 insert 加入分号 ignore 不添加也不删除分号