摘要：
手写全相等函数 isEqual ， 限制：{} ，[] 思路：递归层层对比 // 判断obj是否为对象function isObje...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(40)
推荐(0)
摘要：
文章目录 核心1. 执行 async 函数，默认返回一个 promise 对象2. await 相当于 promise 的 th...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(90)
推荐(0)
摘要：
文章目录 DOM对象1. DOM 简介2. HTML DOM 树3. DOM 节点4. DOM 查找5. DOM 操作6. DOM...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(39)
推荐(0)
摘要：
简介 box-sizing 属性定义了应该如何计算一个元素的总宽度和总高度。 // box-sizing 有三种属性box-sizi...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(66)
推荐(0)
摘要：
文章目录 简介安装中间件新建store目录index.jsactions.jsreducer.js 引入Store使用Redu...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(117)
推荐(0)
摘要：
文章目录 关于ReduxRedux 与 React-Redux 区别 关于UI 组件与容器组件UI 组件容器组件 安装Rea...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(62)
推荐(0)
摘要：
Redux-saga中间件 安装 npm install redux-saga --save 或 yarn add redux-sa...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(34)
推荐(0)
摘要：
文章目录 安装使用1. 创建store2. 使用redux-thunk3. action的统一管理4. Reducer red...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(60)
推荐(0)
摘要：
文章目录 你可能不需要 Redux简介安装原则核心API1. Store2. State3. Action4. Action C...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(160)
推荐(0)
摘要：
文章目录 一、Promise 出现的原因二、什么是 Promise？三、Promise 的优缺点四、Promise 的用法1. P...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(95)
推荐(0)
摘要：
文章目录 aes.js文件下载函数封装 (aesUtil.js)页面调用 aes.js文件下载 函数封装 (aesUtil.j...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(1452)
推荐(0)
摘要：
文章目录 一、Composition API 简介1. setup 函数propscontext 2. 生命周期3. 返回值...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(151)
推荐(0)
摘要：
Redux之useSelector、useDispatch
React Redux 从 v7.1.0 开始支持 Hook API 并暴露了 useDispatch 和 useSelector 等 hook。以替代 Redux connect()，减少代码
useSelector 替代 mapStateToProps，从store中提取state数据
useDispatch 替代 mapDispatchToProps，从store中获取dispatch方法的引用
阅读全文
posted @ 2022-04-26 17:50
猫老板的豆
阅读(1944)
推荐(0)
摘要：
React之React-Redux
与redux比较，React-redux更为简洁，只要在mapStateToProps中绑定的state或者action就直接可以在组件的props中获取到，这样state与action在mapStateToProps统一管理，使用起来很方便。
更重要的是，React-Redux自己会监听state的变化进行更新，而redux需要手动的在生命周期componentDidMount中通过store.subscribe()来订阅事件 更新state。
阅读全文
posted @ 2022-04-26 17:49
猫老板的豆
阅读(151)
推荐(0)
摘要：
React之Redux
redux 统一保存数据，在隔离了数据与UI的同时，负责处理数据的绑定。
store.dispatch 帮助我们派发action，这个action会传递给store
store.getState 获取到store里面所有的数据内容
store.subscribe 可以让我们订阅(监听) store的改变 只要store发生改变， 这个方法的回调函数就会执行
阅读全文
posted @ 2022-04-26 17:48
猫老板的豆
阅读(144)
推荐(0)
摘要：
Redux详细入门教程
组件需要共享数据（或者叫做状态state）的时候
某个状态需要在任何地方都可以被随时访问的时候
某个组件需要改变另一个组件的状态的时候
语言切换、暗黑模式切换、用户登录全局数据共享 ...
阅读全文
posted @ 2022-04-26 17:47
猫老板的豆
阅读(329)
推荐(0)
摘要：
BFC的简介 BFC(Block Formatting Context) 块级格式化上下文，是用于布局块级盒子的一块渲染区域。 MDN上的解释：BFC是Web页面 CSS 视觉渲染的一部分，用于决定块盒子的布局及浮动相互影响范围的一个区域。 一个BFC的范围包含创建该上下文元素的所有子元素，但不包括
阅读全文
posted @ 2021-11-30 14:05
猫老板的豆
阅读(334)
推荐(0)
摘要：
构造函数 通过 new 函数名 来实例化对象的函数叫构造函数。 任何的函数都可以作为构造函数存在。之所以有构造函数与普通函数之分，主要从功能上进行区别的，构造函数的主要 功能为 初始化对象，特点是和new 一起使用。new就是在创建对象，从无到有，构造函数就是在为初始化的对象添加属性和方法。构造函数
阅读全文
posted @ 2021-11-30 14:03
猫老板的豆
阅读(152)
推荐(1)
摘要：
三栏布局：两侧宽度固定，中间宽度自适应的 公共样式 * { padding: 0; margin: 0; height: 100%; } .left { width: 200px; background-color: aqua; } .right { width: 200px; background
阅读全文
posted @ 2021-11-30 14:00
猫老板的豆
阅读(645)
推荐(0)
摘要：
效果图 实现原理 借助宽高等比例放大的两张图片，结合js中鼠标偏移量、元素偏移量、元素自身宽高等属性完成； 左侧遮罩移动Xpx,右侧大图移动X*倍数px；其余部分就是用小学数学算一下就OK了。 完整事例 <!DOCTYPE html> <html lang="en"> <head> <meta ch
阅读全文
posted @ 2021-11-24 11:31
猫老板的豆
阅读(201)
推荐(0)
摘要：
DOM对象 1. DOM 简介 DOM （Document Object Model）是 W3C 的标准，是指文档对象模型（树结构）。 DOM 定义了访问和操作 HTML 文档的标准方法。通过它，可以访问HTML文档的所有元素。 2. HTML DOM 树 3. DOM 节点 根据 W3C 的 HT
阅读全文
posted @ 2021-11-22 11:37
猫老板的豆
阅读(113)
推荐(0)
摘要：
🎉 在线图片压缩 传送门：tinypng.com 在线图片压缩网站已经优化超过十亿张图片，支持WebP，PNG，JPEG等格式的图片的压缩。 TinyPNG使用智能有损压缩技术来减小WEBP、JPEG和PNG文件的文件大小。通过有选择地减少图像中的颜色数量，存储数据所需的字节更少。这种效果几乎是看
阅读全文
posted @ 2021-11-22 11:29
猫老板的豆
阅读(361)
推荐(0)
摘要：
在17版本中 废除的生命周期有：componentWillMount，componentwillReceiveProps，componentWillUpdate 新增的生命周期有：getDerivedStateFromProps(nextProps, prevState) . 生命周期顺序 Moun
阅读全文
posted @ 2021-11-08 11:08
猫老板的豆
阅读(305)
推荐(0)
摘要：
查看 demo ref <div ref = {( box )=>{ this.box = box }}></div> console.log(this.box); // 获取dom 生命周期(针对于组件而言) Mounting 挂载顺序 constructor(props)：初始化 state 和
阅读全文
posted @ 2021-11-08 11:06
猫老板的豆
阅读(421)
推荐(0)
摘要：
简介 <script setup> 语法糖并不是新增的功能模块，它只是简化了以往的组合API（compositionApi）的必须返回（return）的写法，并且有更好的运行时性能。 在 setup 函数中：所有 ES 模块导出都被认为是暴露给上下文的值，并包含在 setup() 返回对象中。相对于
阅读全文
posted @ 2021-11-04 13:51
猫老板的豆
阅读(6419)
推荐(8)
摘要：
TypeScript 简介 TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准（ES6 教程）。 TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 J
阅读全文
posted @ 2021-10-28 09:06
猫老板的豆
阅读(559)
推荐(0)
摘要：
判断是移动还是PC设备 export const isMobile = () => { if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry|WebOS|Symbian|Windows Phone|Pho
阅读全文
posted @ 2021-10-22 11:37
猫老板的豆
阅读(141)
推荐(0)
摘要：
一、简介 我们来看看对 Vuex 比较专业的介绍： Vuex 是一个专为 Vue 开发的应用程序的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 简而言之，Vuex 采用类似全局对象的形式来管理所有组件的公用数据，如果想修改这个全局对象的数
阅读全文
posted @ 2021-09-06 11:20
猫老板的豆
阅读(267)
推荐(1)
摘要：
其他相关传送门 Promise异步操作详解 Promise详细用法 手写一个Promise 核心 1. 执行 async 函数，默认返回一个 promise 对象 2. await 相当于 promise 的 then 3. try...catch 可捕获异常，代替了 promise 的 catch
阅读全文
posted @ 2021-08-31 15:34
猫老板的豆
阅读(305)
推荐(0)
摘要：
判断数据类型 function checkedType(target) { return Object.prototype.toString.call(target).slice(8, -1); } console.log(checkedType([])); // "Array" console.l
阅读全文
posted @ 2021-08-31 15:26
猫老板的豆
阅读(181)
推荐(0)
摘要：
Vue3.x 官网 Composition API 简介 Vue2 时的方式在代码很少的时候，逻辑结构还是蛮清晰的，但是随着组件功能越来越多，代码量越来越大，整体内容全部放在其中肯定会显得臃肿。因为每个功能模块的代码会散落分布在各个位置，让整个项目的内容难以阅读和维护。如下图： 而到了 Vue3，它
阅读全文
posted @ 2021-08-31 15:24
猫老板的豆
阅读(2603)
推荐(2)
摘要：
在博客园使用皮肤 通过简单几步将 awescnb 集成到您的博客园中 传送门
阅读全文
posted @ 2021-08-31 14:35
猫老板的豆
阅读(124)
推荐(0)
摘要：
请事先装好 nodeJs 整个 vue-cli 版本：vue 3.0.0 + vue-router 4.0.0-0 + vuex 4.0.0-0 + eslint 6.7.2 + typescript 4.1.5 安装步骤 1. 安装vue-cli npm 或 yarn 安装 npm install
阅读全文
posted @ 2021-08-25 09:57
猫老板的豆
阅读(10008)
推荐(2)
摘要：
概念 函数防抖和函数节流，两者都是优化高频率执行js代码的一种手段。 防抖：就是一定时间内，只会执行最后一次任务； 节流：就是一定时间内，只执行一次 ； 防抖 <button id="debounce">点我防抖！</button> <script> $('#debounce').on('click
阅读全文
posted @ 2021-08-25 09:56
猫老板的豆
阅读(176)
推荐(0)
摘要：
classList 属性 该属性用于在元素中添加，移除及切换 CSS 类。 classList 属性返回元素的类名，作为 DOMTokenList 对象： <div id="div" class="test1 test2">classList</div> <script> document.getE
阅读全文
posted @ 2021-08-25 09:55
猫老板的豆
阅读(326)
推荐(0)
摘要：
License：zd423 Key：LrZoHQetrL7OK8XOVWgvTFn+XOR32hQkrxkYj0CkbDUsvvENp6GCS38B8GiOS1ec
阅读全文
posted @ 2021-08-25 09:53
猫老板的豆
阅读(1222)
推荐(0)
摘要：
简介 Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。就像我们可以从官方文档了解那样，它的目的是解决这些团队使用 npm 面临的少数问题，即： 安装的时候无法保证速度/一致性 安全问题，因为 npm 安装时允许运行
阅读全文
posted @ 2021-08-25 09:52
猫老板的豆
阅读(1917)
推荐(1)
摘要：
图片上传并预览 2021.03.31更新并附完整demo，点击下载 HTML <div class="file-box"> <img id="preview" /> <input type="text" id="imgfield" class="txt" placeholder="预览"> <inp
阅读全文
posted @ 2021-08-25 09:51
猫老板的豆
阅读(2379)
推荐(0)
摘要：
@ HTML 1. 如何理解HTML语义化 HTML5语义化 让人更容易读懂(代码结构清晰，增加代码的可读性) 让搜索引擎更容易读懂(SEO)，搜索引擎爬虫会根据不同的标签来赋予不同的权重 语义化标签 ： header nav main article section aside footer 2.
阅读全文
posted @ 2021-08-24 18:11
猫老板的豆
阅读(3029)
推荐(3)
摘要：
var gulp = require("gulp"), cssmini = require('gulp-minify-css'), //压缩css文件 uglify = require("gulp-uglify"), //压缩js文件 htmlmini = require('gulp-minify-
阅读全文
posted @ 2017-09-15 15:50
猫老板的豆
阅读(642)
推荐(0)
浙公网安备 33010602011771号