06 2022 档案
摘要：一 事件调用 1. onClick="{clickHandler}" 2. onClick="{()=>{ //内容 }}" onPointerEnter={() => setHover(true)} onPointerLeave={() => setHover(true)} onClick onC
阅读全文
摘要：useReducer：https://blog.csdn.net/stone805/article/details/92786377 useState: https://www.jb51.net/article/234458.htm const [state,dispatch]=useReducer
阅读全文
摘要：调用的render，每次调用render就是一次渲染，如果用interval("fn",ms)就可以实现动画。 建议不卡顿，那么每秒30~60次, 间隔33~17ms之间 一 初识 倒叙： 最终的是调用： //1. body元素中插入canvas对象 document.body.appendChil
阅读全文
摘要：页面渲染的过程 1、构建 DOM 树 将 HTML 构建成一个 DOM 树，也就是构建节点，把所有的节点都构建出来。 2、构建 CSSOM 解析 css 去构建 CSSOM 树 3、构建 render 树 DOM 已经构建好了， css 也有了，浏览器就会根据这两个来构造 render 树，浏览器就
阅读全文
摘要：一 rem方案原理 将每个不同屏幕划分相同的等分，让同一个元素占有相同的比例 例如： 屏幕为500px,分为10份，那么一份是1rem=50px； 屏幕为1000px,分为10份，那么一份是1rem=100px 二 用法 在浏览器中默认的字体高度是16px，默认是1em=16px；16*62.5%=
阅读全文
摘要：var url = URL.createObjectURL(files[0]); 1. url的基本用法 let m="https://developer.org"; let a=new URL("/",m); let b=new URL(m); //第一个参数：是追加的内容 第二个参数是url或前
阅读全文
摘要：单页面与多页面的区别 单页面 向一般比较小的项目是单页面开发的。 优点：切换快 缺点：首屏加载慢，用户体验效果不好。SEO页面推广效果不好【搜索引擎需要识别HTML内容，但内容很多是js渲染出来的，识别不了】 单页面是始终是一个页面【是字面意思】， 第一次进入，会请求Html5文件。当切换页面时，是
阅读全文
摘要：一 canvas Canvas.getContext("2d");//2d是小写的 ，不能大写 二 keyframes + animation @keyframes XX{ 0% {background:yellow;} 25% {background:red;} } animation: keyf
阅读全文
摘要：Promise本身是同步的，但是then是异步的 let res = new Promise((res, rej) => { console.log(1); }); console.log(2); }, Promise的一些方法 //all全都执行后才返回，any只要一个执行就返回 Promise.
阅读全文
