ducky_L

git常用操作

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

posted @ 2023-07-06 15:05 ducky_L 阅读(10) 评论(0) 推荐(0) 编辑

gulp 使用笔记

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

posted @ 2023-04-26 09:37 ducky_L 阅读(15) 评论(0) 推荐(0) 编辑

js 实现继承

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

posted @ 2023-04-24 17:59 ducky_L 阅读(2) 评论(0) 推荐(0) 编辑

js 如何实现类

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

posted @ 2023-04-24 17:44 ducky_L 阅读(23) 评论(0) 推荐(0) 编辑

css 渲染优化的方式

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

posted @ 2023-04-24 11:40 ducky_L 阅读(31) 评论(0) 推荐(0) 编辑

css 移动端1px问题及解决

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

posted @ 2023-04-24 10:25 ducky_L 阅读(63) 评论(0) 推荐(0) 编辑

react 组件间通信

摘要： 1、父子组件通信：props+回调函数 2、爷孙组件通信：两层父子通信或者使用 Context.Provider 和 Context.Consumer 3、�a56爆大奖在线娱乐庾榧ㄐ�--》状态管理：redux、Mobx，zustand等状态管理库阅读全文

posted @ 2023-04-21 16:58 ducky_L 阅读(12) 评论(0) 推荐(0) 编辑

react 生命周期钩子函数

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

posted @ 2023-04-21 15:14 ducky_L 阅读(12) 评论(0) 推荐(0) 编辑

react ref

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

posted @ 2023-04-21 15:03 ducky_L 阅读(13) 评论(0) 推荐(0) 编辑

react 虚拟DOM的原理

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

posted @ 2023-04-20 15:56 ducky_L 阅读(252) 评论(0) 推荐(0) 编辑

导航

公告