- 博客(12)
- 收藏
- 关注
RSS订阅原创 vue2和vue3的代理区别———proxyES6新特性 （proxy拦截）
我们都知道object.defineProperty只能拦截到对象自身以有的属性，而后续新增的属性是无法拦截到的，所以vue2提供了$set等一系列的api来帮助完善响应式。并且object.defineProperty并没有办法拦截到数组的一些变更，而vue2则采用了重写js种能修改源数据的数组api来实现数组的响应式，这些问题在proxy中都不存在了，这就是二者区别以及他的出现解决了vue2的哪些问题。可以简单的理解为一个拦截器，他可以对任何对象的绝大部分行为和操作进行干涉，也就是我们常说的拦截。
2024-07-25 14:59:02
514
转载 移动端的左右滑动事件
1…判断滑动的手势条件触发touchmove事件移动的超过一定的距离，如10px， 像滑动了1px，2px这类的距离太小，不能视为滑动 window.onload = function(){ var bindSwiperEvent = function(dom, leftCallBack, rightCallback){ // 判断手势的条件 // 必须滑动 滑动距离超过10px var isMove = fa
2020-06-04 16:36:09
2430
4
原创 搜索页面返回列表页不刷新
缓存界面1.在router内，要缓存的页面设置keepAlive如果为truekeepAlive如果为true，就会使用keep-alive缓存起来，否则就不会被缓存{ path: '/taskList', name: 'SaskList', meta:{ keepAlive: true }, component: ()=>import('@/xx/xx')}2.在app.vue里面<template> <div id="app"&g
2020-06-04 12:53:57
282
原创 js适配rem
引入之后,然后给html标签设置100px字体大小，然后再根据设计稿650px的设置成6.5rem!function(a, b, c) { function q() { var d = Math.min(Math.max((o ? e[h]().width : f.innerWidth) / (a / b), c), 68);// 68 * 0.3 = 20 d != p && (k.innerHTML = "html{font-si
2020-05-27 22:25:44
138
原创 vscode的代码片段
{ "files.autoSave": "off", "open-in-browser.default": "chrome", "editor.snippetSuggestions": "top", "window.zoomLevel": 0, "liveServer.settings.donotShowInfoMsg": true, "[html]": { "editor.defaultFormatter": "vscode.html-language-features
2020-05-17 20:01:41
192
原创 vue-cli脚手架创建项目
PC-day021.0 概述1.1 复习开发模式：混合式开发前端书写静态文件后端书写逻辑代码动态获取数据渲染数据前后端分离前端根据美工的设计图完成静态页面根据接口文档来渲染数据后端根据接口文档去开发接口设计思想：MVCM: modelV: viewsC: controller特点：M —> V ...
2020-04-23 22:56:12
156
原创 Echart环形图
var colorList = ["#034079", "#49DFF0", "#DFB141", "#00FEB5", "#7081DB", "#FDFEFF", "#2385E0"];option = { title: { text: '学生各学年消费细则分析', textStyle: { color: '#fff', ...
2020-03-06 17:47:42
395
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人