sjp991012的博客

【vue】axios封装拦截。

【代码】【vue3】插件@tsparticles/vue3、tsparticles实现粒子特效。

以下解决办法如不生效，可尝试重启vscode。

【代码】vue子路由复用组件后，切换路由时页面数据不刷新解决方法。

【代码】Clipboard 复制文本插件代码封装。

路由（英文：router）就是对应关系Hash 地址与组件之间的对应关系vue-router是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用，能够轻松的管理 SPA 项目中组件的切换。vue-router的官方文档地址。

【代码】vue登录时人机验证-滑块验证（触屏滑动）

【代码】vue+element树组件懒加载及样式修改。

quill编辑器自定义音频、视频、行内style样式(字符边框、首行缩进)

一、动态组件（一） 什么是动态组件（二）如何实现动态组件渲染（三）使用 keep-alive 保持状态（四）keep-alive 对应的生命周期函数（五） keep-alive 的 include、exclude 属性（六）了解注册名称和组件中name的区别二、插槽（一） 什么是插槽（二） 体验插槽的基础用法1、 没有预留插槽的内容会被丢弃2、后备内容（三） 具名插槽1、 为具名插槽提供内容2、 具名插槽的简写形式（四） 作用域插槽1、使用作用域插槽2、 解构插槽 Prop

一、组件的生命周期1、生命周期 & 生命周期函数2、组件生命周期函数分类3、生命周期详解图二、组件之间的数据共享1、组件之间的关系2、父子组件之间的数据共享（1）父组件向子组件共享数据（2）子组件向父组件共享数据3、兄弟组件之间的数据共享三、ref 引用1、 什么是 ref 引用2、使用 ref 引用 DOM 元素3、 使用 ref 引用组件实例4、 让文本框自动获得焦点5、 this.$nextTick(cb) 方法六、购物车案例

一、vue简介1、什么是vue2、vue的特性（1）数据驱动试图（2）双向数据绑定（3） MVVM（4）MVVM 的工作原理3、vue 的版本二、vue的基本使用1、 基本使用步骤2、基本代码与 MVVM 的对应关系三、vue 的调试工具1、 安装 vue-devtools 调试工具2、配置 Chrome 浏览器中的 vue-devtools3. 使用 vue-devtools 调试 vue 页面四、vue的指令与过滤器1、指令的概念（1）内容渲染指令（2）属性绑定指令

（1）原文位置：《vue element中input限制只能输入正整数》只能输入正整数与只能输入正整数和：（2）原文位置：《element-ui / 表单之正整数验证，小数点后为0也要除外》输入限制校验判断数字、浮点的正则表达：............

vue+element树形结构节点添加连线

导出如下图所示的表格，但最后【查看】一列不导出，还需导出未展示的一列

利用原生JavaScript实现：1、remove(selectors)删除指定的一个或一组元素。2、recover(selectors)恢复刚才删除的元素。

前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。企业中的 Vue 项目和 React 项目，都是基于工程化的方式进行开发的。好处：前端开发自成体系，有一套标准的开发方案和流程。概念：webpack 是前端项目工程化的具体解决方案。主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端 JavaScript 的兼容性、性能优化等强大的功能。好处：让程序员把工作的重心放到具体功能的实现上，提高了前端开发效率和项目的。...