11 2021 档案

语法糖 和 面包屑
摘要：语法糖(Syntactic sugar)是由Peter J. Landin(和图灵一样的天才人物，是他最先发现了Lambda演算，由此而创立了函数式编程)创造的一个词语，它意指那些没有给计算机语言添加新功能，而只是对人类来说更“甜蜜”的语法。语法糖往往给程序员提供了更实用的编码方式，有益于更好的编码 阅读全文
posted @ 2021-11-29 15:10 果果1024 阅读(66) 评论(0) 推荐(0)
watch和watchEffect
摘要：watchEffect 立即执行，没有惰性 不需要传递你要监听的内容，自动会感知代码依赖 不需要传递太多参数，只需传递一个回调函数 只能获取之前数据当前的值，无法获取数据之前的值 watch 具备一定的惰性 有两个参数，可以拿到原始值(prevValue)和当前值(currentValue) Wat 阅读全文
posted @ 2021-11-29 10:40 果果1024 阅读(95) 评论(0) 推荐(0)
translate3d模拟滚动条
摘要：<!DOCTYPE html><html><head><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script></head><style> * { margin: 0; padding: 0; } h 阅读全文
posted @ 2021-11-28 14:30 果果1024 阅读(196) 评论(0) 推荐(0)
数组遍历常用的几种方法
摘要：forEach(),map(),filter()和reduce()，find（） https://blog.csdn.net/deng1456694385/article/details/80295988?spm=1001.2101.3001.6650.1&utm_medium=distribute 阅读全文
posted @ 2021-11-17 16:09 果果1024 阅读(90) 评论(0) 推荐(0)
防抖和节流
摘要：// 防抖 export const debounce= (func, wait) => { var timeout; return function () { var context = this; var args = arguments; clearTimeout(timeout) timeo 阅读全文
posted @ 2021-11-17 15:24 果果1024 阅读(34) 评论(0) 推荐(0)
前端Vue中常用rules校验规则
摘要：https://www.cnblogs.com/lieone/p/11856330.html 阅读全文
posted @ 2021-11-16 17:57 果果1024 阅读(42) 评论(0) 推荐(0)
react+settings.json(vscode)
摘要：{ "files.associations": { "*.js": "javascriptreact" }, // 全局formater "editor.tabSize": 2, "editor.defaultFormatter": "esbenp.prettier-vscode", // esli 阅读全文
posted @ 2021-11-16 16:09 果果1024 阅读(295) 评论(0) 推荐(0)
vue + setting.json(vscode)
摘要：{ // 全局formater "editor.tabSize": 4, "editor.detectIndentation": false, //"editor.defaultFormatter": "esbenp.prettier-vscode", // vetur "[vue]": { "ed 阅读全文
posted @ 2021-11-16 16:05 果果1024 阅读(89) 评论(0) 推荐(0)
浏览器进程/线程模型及JS运行机制
摘要：浏览器是多进程的，有一个主控进程，以及每一个tab页面都会新开一个进程（某些情况下多个tab会合并进程）。 进程可能包括主控进程，插件进程，GPU，tab页（浏览器内核）等等。 Browser进程：浏览器的主进程（负责协调、主控），只有一个 第三方插件进程：每种类型的插件对应一个进程，仅当使用该插件 阅读全文
posted @ 2021-11-16 16:03 果果1024 阅读(100) 评论(0) 推荐(0)
浏览器渲染页面的原理及流程
摘要：1.根据html文件构建DOM树和CSSOM树。构建DOM树期间，如果遇到JS，阻塞DOM树及CSSOM树的构建，优先加载JS文件，加载完毕，再继续构建DOM树及CSSOM树。（JS会对DOM节点进行操作，浏览器无法预测未来的DOM节点的具体内容，为了防止无效操作，节省资源，只能阻塞DOM树的构建。 阅读全文
posted @ 2021-11-15 15:01 果果1024 阅读(45) 评论(0) 推荐(0)
env()和constant()设置安全区域
摘要：env()和constant()，是IOS11新增特性，Webkit的css函数，用于设定安全区域与边界的距离，有4个预定义变量： safe-area-inset-left：安全区域距离左边边界的距离safe-area-inset-right：安全区域距离右边边界的距离safe-area-inset 阅读全文
posted @ 2021-11-15 13:47 果果1024 阅读(296) 评论(0) 推荐(0)
Vue使用NProgress 进度条
摘要：npm install --save nprogress //导入import NProgress from 'nprogress'import 'nprogress/nprogress.css' router.beforeEach((to, from, next) => { NProgress.s 阅读全文
posted @ 2021-11-12 13:56 果果1024 阅读(44) 评论(0) 推荐(0)
constructor和instanceof的区别与作用
摘要：https://www.cnblogs.com/jim-blogs/p/9463504.html 阅读全文
posted @ 2021-11-04 16:50 果果1024 阅读(27) 评论(0) 推荐(0)
js的new操作符到底做了什么？
摘要：1、创建了一个空的js对象（即{}） 2、将空对象的原型prototype指向构造函数的原型 3、将空对象作为构造函数的上下文（改变this指向） 4、对构造函数有返回值的判断 function create(Con,...args){ //1、创建一个空的对象 let obj = {}; // l 阅读全文
posted @ 2021-11-04 16:11 果果1024 阅读(952) 评论(0) 推荐(0)
better-scroll + Vue
摘要：https://zhuanlan.zhihu.com/p/27407024 阅读全文
posted @ 2021-11-04 11:35 果果1024 阅读(22) 评论(0) 推荐(0)