ducky_L

摘要： 一、创建版本库： git clone <url> 克隆远程仓库 git init 初始化仓库 二、git提交代码： git status 查看哪些文件修改 git add . 跟踪所有改动的文件 git add <file> 跟踪指定文件 git commit -m “message" 提交更改 g 阅读全文

摘要： 1、安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务 2、常用gulp插件： ① gulp-sass（gulp-less）：用于将sass(less)转换为css ②gulp-usemin：用于压缩页面中的js、css 阅读全文

摘要： 一、使用原型链 function Animal1(leg){ this.leg=leg; } function Dog1(name){ this.name=name; Animal1.call(this,4) //!!import1 } Dog1.prototype.__proto__=Animal 阅读全文

摘要： 一、使用原型 function Chicken1(name) { this.name = name } Chicken1.prototype.kind = 'chicken'; Chicken1.prototype.say = function () { console.log(`hello,i'm 阅读全文

摘要： 1、加载性能优化：css压缩、css单一样式、减少使用 @import, 而建议使用link； 2、 选择器性能优化： 避免使用通配规则 * 尽量少的去对标签进行选择，而是用class 不要去用标签限定ID或者类选择符：ul#nav,应该简化为#nav 尽量少的去使用后代选择器，降低选择器的权重值 阅读全文

摘要： 1、问题原因：移动设备推出一个设备像素⽐：dpr=window.devicePixelRatio，也就是设备的物理像素与逻辑像素的⽐值。在retina屏的⼿机上, dpr为2或3，css⾥写的1px宽度映射到物理像素上就有2px或3px宽度。 2、解决方法：border-image实现、backgr 阅读全文

摘要： 1、父子组件通信：props+回调函数 2、爷孙组件通信：两层父子通信或者使用 Context.Provider 和 Context.Consumer 3、任意组件通信--》状态管理：redux、Mobx，zustand等状态管理库 阅读全文

摘要： 1、挂载：construct、getDerivedStateFromProps、render、componentDidMounted 2、更新：getDerivedStateFromProps、componentWillUpdate、render、getSnapshotBeforeUpdate、co 阅读全文

摘要： 一、使用 ref 操作 DOM 1、要访问由 React 管理的 DOM 节点，首先，引入 useRef Hook： import { useRef } from 'react'; 2、然后，在你的组件中使用它声明一个 ref： const myRef = useRef(null); 3、最后，将其 阅读全文

摘要： 1、虚拟DOM，就是虚拟节点，通过用一个JS对象表示真实DOM树结构，这个对象就包括标签名，属性，子节点等。然后将其渲染成真是的DOM节点。 2、第一步是模拟，用 JSX 语法写出来的元素其实是一个虚拟节点 <div id='a'> <span class='b'>test</span> </div 阅读全文