- 博客(52)
- 收藏
- 关注
RSS订阅原创 vue-el-admin 使用？
启动：node.js切换版本到16及以下，再使用npm install 安装依赖（注意，若用cnpm安装会出错）静态页面 --> 改写api（换自己的接口） --> 动态展示。一、搭建（下载+启动）
2023-06-12 11:10:37
714
原创 Pagination 组件 【分页器】
一、创建组件，在components下创建（公用组件）三、父组件中，vc 实例化 并传值。二、在main.js中全局注册。分页器已知前提(4个条件/
2023-06-02 18:48:32
318
原创 node，如何升降不同版本？（mac系统）
列出远程node版本(所有版本)：n ls-remove --all。列出远程node版本(前20个)：n ls-remove。查看当前使用的node版本： node -v。删除指定版本： sudo n rm 版本号。下载指定版本： sudo n 版本号。【操作n+回车，在显示版本中选择即可】【举例：sudo n 16.1.0】列出本机所有node版本：n ls。切换指定版本(必须已下载)： n。
2023-05-29 15:41:49
322
原创 echarts 使用？
步骤二：创建echarts实例+制定配置项+ 将配置项放入echarths中。步骤二：引入（全局/按需）全局引入：创建组件，并引入。全局引入：创建组件，并引入。
2023-05-24 13:45:13
21
原创 components下的，非路由组件&公用组件 区别
使用前提是：在根组件App.vue中，引入 --> 注册 --> 使用。不引入，则不能使用。在main.js中，引入 --> 注册 为全局组件后，在任意子组件中可直接使用该全局组件。如页面中header、footer部分。公用组件（=全局组件）
2023-05-17 22:50:17
43
原创 Vue 组件之间传值
父组件中，通过对（子组件实例）的属性传值。子组件，通过props获取。2）v-on: 或 @ 或 ref。父传子(数值)，子传父(方法)1）props 配置项。子传父(自定义事件)子组件创建实例对象时（）自定义事件，子组件。
2023-03-31 20:12:15
73
原创 cookie、localstorage和sessionStorage三者区别~
一、存储的时间有效期不同1、cookie的有效期是可以设置的，默认的情况下是关闭浏览器后失效2、sessionStorage的有效期是仅保持在当前页面，关闭当前会话页或者浏览器后就会失效3、localStorage的有效期是在不进行手动删除的情况下是一直有效的二、存储的大小不同1、cookie的存储是4kb左右，存储量较小，一般页面最多存储20条左右信息2、localStorage和sessionStorage的存储容量是5Mb(官方介绍，可能和浏览器有部分差异性)三、与服务端的通信。
2023-03-31 16:27:23
99
原创 $nexttick 如何使用？
用法：下次DOM更新完毕后 --> 执行nexttick延迟回调 --> 重新解析页面渲染绘画。html 结构已经有 + 暂无数据。需要获取新数据，基于新DOM的基础上~执行回调进行某些操作。妙用： 一般结合数据修改后，使用nexttick进行回调，更新DOM。this.$nexttick(回调函数)
2023-03-30 14:33:59
98
原创 Vue 响应式原理 ：数据劫持
在访问getter或者修改setter对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果。setter中：模板解析 -> 生成新虚拟DOM -> 新旧虚拟DOM对比 -> 更新页面。一个对象，帮另一对象管理操作它的属性。
2023-03-30 12:17:37
46
原创 Vue 双向绑定原理：数据代理（ 双向绑定：数据与页面）
我们通过Object.defineProperty的get方法用来获取值 set方法用来拦截设置值。方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。双向绑定的核心： Object.defineProperty()双向绑定的核心： Object.defineProperty()prop：要定义或修改的属性的名称或 Symbol。descriptor：要定义或修改的属性描述符。返回值：被传递给函数的对象。obj：要定义属性的对象。
2023-03-29 20:18:15
52
原创 vue 生命周期
1.mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。3.一般不会在beforeDestroy操作数据，因为即便操作数据，也不会再触发更新流程了。2.beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】。3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。2.是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。1.又名：生命周期回调函数、生命周期函数、生命周期钩子。1.销毁后借助Vue开发者工具看不到任何信息。
2023-03-29 10:02:40
33
原创 mockjs 生成随机数据，如何使用？
步骤二：创建src/mock/xxx.json ,在mock文件夹中准备响应的json文件（json代码需要格式化）步骤三：把mock需要的图片放在public/images文件夹中【public打包会原封不动放入dist文件中】步骤四：创建src/mock/mockServe.js 代码如下，根据数据模板实现模拟数据。步骤七：在组件中，通过vuex发派给actions，.......将数据存储在vuex中。步骤五：在main.js文件中引入mockServe.js文件。步骤一：安装mockjs。
2023-03-28 19:36:10
540
原创 分别实现：css动画、js动画、vue动画
高级动画 = transition + 更高级的样式（ 2d转换 / 3d转换 ）keyframes：设置多个关键帧来控控制不懂时间下动画对象属性的值，（可循环的）transition：自动完成不同状态的平滑过度，不管中间状态。一次性的操作，在 ‘交互操作’ 的样式中，添加transition即可。6种css class ，如何实现动画？transition 设置动画。@keyframes 设置动画。二、JS实现动画（不建议）一、使用css3实现动画。一、使用css3实现动画。以上四个属性可以写成。
2023-03-28 10:21:07
235
原创 案例，vuex获取并存储服务器数据
步骤一: 组件中，挂载时 store分发任务步骤二：vuex中，编写actions代码，获取数据库数据+逻辑判断步骤三：编写mutations代码，获取修改数据步骤四：修改数据前，state必要先有数据，并且数据类型一致步骤五：组件页面中，获取state的数据。
2023-03-27 08:58:03
404
原创 Vuex 模块化开发，更好维护
除了一级大仓库需要new Vuex.Store({}) ， 其余仅仓库对象，不再需要new。步骤一：安装vuex插件注意版本对应：vue2安装vuex@3 vue3安装vuex@4步骤二：创建 src/store/index.js 一级大仓库步骤三：搭建二级仓库对象。
2023-03-24 16:19:58
84
原创 编程式跳转（参数不变），多次抛出NavigationDuplicated警告错误？
提示错误代码：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/search/dd？".
2023-03-23 17:29:21
173
原创 Vue中，两个新的生命周期钩子
作用：路由独有的生命周期钩子，用于捕获路由组件的激活状态（切换显示于不显示）-->路由组件被激活时触发。-->路由组件被失活时触发。
2023-03-23 10:25:44
63
原创 路由 replace属性
replace作用：控制路由跳转的页面历史记录。以上两种写法均可，开启replace模式！push作用：追加新的页面，保留原页面。
2023-03-22 18:32:04
147
原创 Vue2 路由组件：vue-router 使用？
router-link>：渲染成标签。$router.push('/home')是针对非标签的元素，如button等。：该标签是一个vue-router中已经内置的组件，它会被渲染成一个标签。：该标签会根据当前的路径，动态渲染出不同的组件。新建src/router/index.js。
2023-03-22 17:17:09
126
原创 git，从版本库中恢复文件
分支名称 命令后面除了可以跟分支名称外，还可以跟目标版本Id，通过命令git checkout 目标版本号就可以切换到目标版本的状态，注意这个命令实际上是切换到了目标版本的临时分支，如果过要回到最新版本，可以通过命令 git checkout 原来分支名称。这样就会整个回退至目标版本号对应的状态，在这个版本后的版本提交记录就都没有了。这种比较适用于临时回到之前版本查看当时状态，然后再回到最新版本。这种比较适用于回退至目标版本，之后版本直接废弃的情况。git checkout 版本id。
2023-03-22 16:02:31
274
原创 如何实现：防抖、节流 ？
3、使用loadsh中的，throttle 和 debounce 方法。，一般vue的node_modules依赖包自带lodash插件。1、安装 lodash 依赖。2、组件中，引入lodash。
2023-03-22 13:53:30
52
原创 防抖 & 节流 _原理
防抖：用户操作很频繁，但只执行最后一次。相当于王者荣耀回城，被打断后重新读秒节流：用户操作很频繁，。相当于王者荣耀的使用技能后等待恢复。
2023-03-21 20:37:39
50
原创 Vuex 模块化
默认为false，false则组件中无法获取该模块空间。1、store/index.js中，设计模块化配置。3、组件中，读取～对应数据 or 调用方法。
2023-03-21 12:49:45
28
原创 vuex中，map的四个方法
用于帮助我们在组件页面中，自动生成方法，方法可以commit mutations里的JIA(){}用于帮助我们在组件页面中，自动生成方法，方法可以dispatch actions里的jia(){}用于帮助我们映射getter中的数据为计算属性，getter是对state源数据的固定计算。...mapMutations({生成方法名：‘mutations要执行的方法’})...mapActions({生成方法名：‘actions要执行的方法’})用于帮助我们映射state中的数据为计算属性。
2023-03-21 11:31:40
189
原创 Vuex 集中式数据管理
vuex = 系列操作（dispatch / commit ） +对象（state + actions + mutation）
2023-03-20 18:42:15
76
原创 Axios 为什么将 xhr 再封装？如何统一API接口管理？
能使用 ‘请求拦截器’ 和 ‘响应拦截器’请求拦截器：为了在请求发送前，处理一些业务。响应拦截器：为了在响应之后，处理一些事情。
2023-03-17 16:59:30
80
原创 解决跨域问题
跨域问题指：一个域名下的js脚本，没有经过允许是不能读取另一个域名内容。但浏览器不阻止你发送请求，只是限制读取响应的内容(保护服务器)只限制的是js脚本，并不限制src，form表单提交之类的读取。就是说form表单提交不存在安全问题，ajax提交跨域存在安全问题。
2023-03-17 13:49:21
71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人