qq_36657291的博客

2. 数据绑定方式不同：Vue2采用的是双向数据绑定，即数据的变化会自动更新视图，视图的变化也会自动更新数据。而React则是采用单向数据流，即数据只能从父组件传递到子组件，子组件不能直接修改父组件的数据。1. 组件化方式不同：Vue2采用的是模板语法，即将HTML、CSS和JavaScript代码放在同一个文件中，而React则是采用JSX语法，即将HTML和JavaScript代码混合在一起。而React则是采用了纯函数和虚拟DOM等技术，也可以提高应用的性能表现。

合并单元格 rowspan cowspan

Vue.set和this.$set介绍

vue 动态组件component

详解vue beforeRouteEnter 异步获取数据给实例问题

vue 阻止点击事件穿透

filterHtmlTag (msg) { var msg = msg.replace(/<\/?[^>]*>/g, ''); //去除HTML Tag msg = msg.replace(/[|]*\n/, '') //去除行尾空格 msg = msg.replace(/&npsp;/ig, ''); //去掉npsp ...

小数相加 精度问题

这个编辑器，可支持上传图片、视频链接或视频，插入视频功能做了一下改进；图片和视频是上传到阿里云oss，拿到oss地址后 插到编辑器里回显的；安装npm install vue-quill-editor --save在main.js 引入import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'// 页面引入...

下载依赖 npm install ali-oss这里用的elementUI 里的upload上传文件功能<el-form-item label="图片" prop="content" class="editor_box"> <el-upload action="" class="avatar-uploader" :http-request="uploadAvatarTwo" :before-upload="beforeUpload" :on-success="h

/* 设置滚动条的样式 */::-webkit-scrollbar {width:12px;}/* 滚动槽 */::-webkit-scrollbar-track {-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);border-radius:10px;}/* 滚动条滑块 */::-webkit-scrollbar-thumb {border-radius:10px;background:rgba(0,0,0,0.1);

<div v-for="(item,index) in lmlist" @click="selected(item,index)" style="padding: 16px 16px 0;cursor: pointer;" :class="{commonActive:activeIndex==index}"></div>

npm install less-loader --save --legacy-peer-deps加上--legacy-peer-deps就可以了在NPM v7中，现在默认安装peerDependencies，这会导致版本冲突，从而中断安装过程。--legacy-peer-deps标志是在v7中引入的，目的是绕过peerDependency自动安装；它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本m

window.scrollTo(0,0)

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.npm run dev后 出现以下警告因为 sass 新版本目弃用“/”的用法，sass自定义element theme时会报warnning

html2canvas将HTML内容写入Canvas生成图片print.js 打印插件第一种方法： 原生js printDeal(val) { var printBox = document.getElementById(val); //拿到打印的区域的html内容 var newContent = printBox.innerHTML; //将旧的页.....

全局loading导致的 只要加上指定div就可以了

vueRouter.beforeEach(async (to, from, next) => { if (to.path == '/login') { let nav = JSON.parse(localStorage.getItem("navMenu"))[0] console.log("to.path", to.path); // nav.children? let napath = nav.children ? nav.c.

change(val){val=val.replace(/(^\s*)|(\s*$)/g,"")if(!val){this.pageNum="";return}varreg=/[^\d.]/g//只能是数字和小数点，不能是其他输入...

chrome51之后，更新了cookies的携带机制，把原来Cookie的SameSite属性值，由None改成了Lax，这就会导致一些需要第三方cookie的应用产生了异常。SameSite可以有下面三种值：Strict仅允许一方请求携带Cookie，即浏览器将只发送相同站点请求的Cookie，即当前网页URL与请求目标URL完全一致。 Lax允许部分第三方请求携带Cookie None无论是否跨站都会发送Cookievue js-cookieSameSite设置成None后，.

canvas转图片 跨域问题图片转base64dataURL=canvas.toDataURL('image/jpeg',1) 报错Img.setAttribute("crossOrigin","anonymous");

Element.classList 方法Element.classList是一个只读属性，返回一个元素的类属性的实时DOMTokenList集合。相比将element.className作为以空格分隔的字符串来使用，classList是一种更方便的访问元素的类列表的方法。语法const elementClasses = elementNodeReference.classList;返回值elementClasses是一个DOMTokenList表示el...

let arr = [ { maxDeptCode: "md3", maxDeptName: "泡泡", minDeptCode: "md301", minDeptName: "泡泡少儿", schoolId: 1, schoolName: "北京", }, { maxDeptCode: "md2", maxDeptName: "中学", .

1.先获取数据列表，通过this.$set()方法添加新的属性，加上isUnfold（是否展开）字段2.3. 通过this.$set()才能触发视图更新，如果用this.recordsArr[index].isUnfold=！isUnfold不会触发

this.$nextTick(function(){letdiv=document.getElementById("assPCon");div.scrollTop=div.scrollHeight;});

https://www.cnblogs.com/zouqin/p/5443206.html

https://www.cnblogs.com/xy-ouyang/articles/11221982.html

https://www.jianshu.com/p/8e6eeefcc588

https://blog.youkuaiyun.com/qq_30455841/article/details/78666571

原理：  通过 Object.defineProperty 实现的实现：

import Vue from 'vue'import Router from 'vue-router'// import HomePage from '@/components/homePage'// import CurrentPage from '@/components/content/currentPage'// import WalkAllCure from '@/compo...

1.安装淘宝镜像  (安装淘宝镜像后，再装saa比较快)npm install -g cnpm --registry=https://registry.npm.taobao.org2.cnpm install node-sass --save-devcnpm install sass-loader --save-devcnpm install style-loader --sa...

1.import { isvalidUsername ，validateUrl} from '@/utils/validate' //也可以分开两次写，导入的时候都带花括号2.import isvalidUsername from '@/utils/validate' //导入的时候没有花括号ES6中export及export defau...

Date.prototype.format = function (format) { var o = { "M+": this.getMonth() + 1, //month "d+": this.getDate(), //day "h+": this.getHours(), //hour "m+": this.getMinutes(), //mi...

vue官网：https://cn.vuejs.org/v2/guide/render-function.html#JSX借鉴与：https://blog.youkuaiyun.com/dead_rabbit6_0/article/details/79239206  

转自：https://www.jianshu.com/p/a9e1cf8efbf3