vue3 + ts withDefaults(defineProps＜xxx＞(),{...})和defineProps＜xxx＞区别 defineProps()和withDefaults(defineProps(),{})区别
scss预处理器 @mixin@include scss 学习scss预处理器使用 @mixin 来定义变量或方法，使用@include使用变量// 定义变量@mixin bordered { border: 1px solid red;}@mixin popCover { position: fixed;> 这里是引用 top: 0; left: 0; bottom: 0; right: 0; z-index: 99; background: rgba(0, 0, 0, 0.7);}@mix
判断字符串中字符长度，中文字符+2 要求检查字符串的length，中文占两个字符tip： 使用字符串的replacelet str = 'hello你好'const regChinese = /([\u0391-\uFFE5])/ig;const length = str.replace(regChinese, '--').length;console.log(str, length) // 'hello你好' 9
深拷贝 递归Reflect.ownKeys实现 深拷贝在JS中，数据类型分为基本数据类型和引用数据类型， 基本数据类型的值存储在栈内存中，引用类型则存储在堆内存中，栈内存中仅仅存储了堆内存的一个引用。 普通的 ” =“ 的赋值操作以及数组（对象）的方法仅是浅拷贝使用深拷贝就是将堆内存开辟新空间copy数组（对象）为什么使用深拷贝在改变新的数组（对象）的时候，不改变原数组（对象）// 递归使用Reflect.ownKeys实现const deepclone = function(obj){ const isobj = (obj)=>
typeof、instanof区别 以及Object.prototype.toString.call(obj)判断类型 typeof只能用做基本数据类型的判断，注意几点 1. 数组，对象和null返回object 。 2. 方法(内置的构造函数，定义的function)返回function。instanceofinstanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。语法object instanceof constructor描述instanceof运算符用来检测 constructor.prototype是否存在于参数 object的原型链上理解：
ES6 数组新增方法Array.from() Array.fill() Array.copyWithin 数组新增方法Array.from() Array.fill()Array.from(arrLike,mapFn,thisArg)arrLike：伪数组对象或可迭代对象(必填)mapFn：新数组中的每个元素会执行该回调函数(非必填)thisArg：执行回调函数 mapFn 时 this 对象作用： 1. （数组转化）将伪数组或者集合转化为真数组例一：<body> <p>第一个p标签</p> <p>第二个p标签</p>
ES6 Math新增方法trunc() sign() cbrt() trunc()获取数值小数对比parseInt()注意：调用parseInt方法时，会隐式地将传入的数字类型用toString方法转换为字符串在javascript中，小于0.000001的浮点数会以科学计数法来表示console.log(parseInt('3.14kg')) // 3console.log(Math.trunc('3.14kg')) // NaNconsole.log(parseInt(6.022e23)) // 6console.log(Math.tr
ES6 number数值新增方法 ES6中Number新增数值方法1. 十进制数以 二进制，八进制 表示// es6中二进制以0b / 0B开头console.log(0b001001100110011);console.log(0B001001100110011);// es6中八进制以0o/0O开头console.log(0o111110111);console.log(0O111110111);注意： 0b或者0o不区分大小写2. 判断 有限数/有尽数 值 isfinite() console.log(Num
es6 : Symbol类型 ES6：Symbol数据类型1，Symbol概念：提供第一无二的值ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined，新增了 Symbol2，Sysmbol用法： let a = Symbol('123'); let b = Symbol('123'); console.log(a); // Symbol(123) console.log(a === b); // false // ------------
element表格多页分页选中并回显vue <el-table .... @select="handleSelect" @select-all="handleSelectAll">data数据 { ... selectUsers: [], // 批量选择的用户 selectUsersTemparr: [], }methods: handleSelect(data) { // 本页选中的数据，翻页后依旧需要保留 // 方案就是 selectUsersTemparr
gitlab 在线合并分支a-分支b，解决冲突后，反向合并分支b-分支a 实际开发中遇到从自己开发分支（这里用分支dev代替）开发完毕，要上传到prod预发环境进行测试（这里用master1代替），在gitlab中merge request
git报错：The file will have its original line endings in your working directory git报错：The file will have its original line endings in your working directory（该文件将在您的工作目录中有其原始的行尾）git add . 是表示把当前目录下的所有更新添加至暂存区。有时在终端操作这个会提示： warning: LF will be replaced by CRLF in ball_pool/assets/Main.js. The file will have its original line endings
微信中禁止页面上下滑动 ios android 微信中禁止页面上下滑动 ios androidapp.vue文件mounted中document.body.addEventListener('touchmove', function (e) { e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)}, {passive: false}); //passive 参数不能省略，用来兼容ios和android参考文档...
时间插件WdatePicker，校验时间、开始时间结束时间 首先引用js WdatePicker.js<script src="./WdatePicker.js"></script>在标签使用插件input标签 必须带有id属性开始时间<input id="start_time_id" type="text" name="start_time_name" onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd',minDate:'%y-%M-%d',maxDate:'#
图片链接在地址栏请求可以显示,但是img标签的src不显示 最近遇到在html中的标签img中使用网址请求的图片不显示的问题，看下代码//html<img :src="movie.images.small+'?apikey=0df993c66c0c636e29ecbb5344252a4a'" alt="电影海报">在页面这样显示的然后在页面上选中元素查看也是正常的，是自己想要的效果。以为是图片路径错误没有这个图片，就在地址栏输入查看，是可以看到的，于是百度搜索，发现问题<meta name="referrer" content="
关注
