摘要：
文章目录 默认参数剩余参数箭头函数对象的函数属性的简写 默认参数 在ES6之前，我们无法给一个参数设置默认值，我们只能采取变通的写...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(65)
推荐(0)
摘要：
区别（简单通俗来讲）： ajax是飞机，axios是波音787，$.ajax是空客A380 axios是通过promise实现对...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(1465)
推荐(0)
摘要：
输入 git clone 命令时出现Please make sure you have the correct access rig...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(226)
推荐(0)
摘要：
JS判断浏览器当前运行环境 function BrowserType() { // 权重：系统 + 系统版本 > 平台 > 内核 ...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(39)
推荐(0)
摘要：
/** * localStorage * @调用：_local.set('access_token', '123456', 5000...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(771)
推荐(0)
摘要：
以此 url 为例：http://localhost/index.html?id=310&name=xia&phone=1380...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(87)
推荐(0)
摘要：
一、在vscode中安装同步插件 Settings Sync 二、进入 github 中设置 1. Settings => Dev...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(1045)
推荐(0)
摘要：
请求后台接口后台返回二进制流前端实现浏览器自动下载成exlce文件 如下图： 主要方法如下： /** * download方...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(564)
推荐(0)
摘要：
找到 .eslintrc.js 下的 rules 添加对象即可 如果违反了规则情况下，这里的数字：0表示不不处理，1表示警告，...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(36)
推荐(0)
摘要：
函数柯里化是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(61)
推荐(0)
摘要：
文章目录 事件事件绑定事件流DOM标准事件流阻止事件冒泡/捕获阻止默认事件事件代理(委托) 事件 JavaScript 使我们...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(238)
推荐(0)
摘要：
三次握手： 所谓三次握手(Three-wayHandshake)，是指建立一个TCP连接时，需要客户端和服务器总共发送3个包。 ...
阅读全文
posted @ 2022-07-20 18:15
猫老板的豆
阅读(38)
推荐(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
猫老板的豆
阅读(1898)
推荐(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
猫老板的豆
阅读(120)
推荐(0)
摘要：
React之Redux
redux 统一保存数据，在隔离了数据与UI的同时，负责处理数据的绑定。
store.dispatch 帮助我们派发action，这个action会传递给store
store.getState 获取到store里面所有的数据内容
store.subscribe 可以让我们订阅(监听) store的改变 只要store发生改变， 这个方法的回调函数就会执行
阅读全文
posted @ 2022-04-26 17:48
猫老板的豆
阅读(125)
推荐(0)
摘要：
Redux详细入门教程
组件需要共享数据（或者叫做状态state）的时候
某个状态需要在任何地方都可以被随时访问的时候
某个组件需要改变另一个组件的状态的时候
语言切换、暗黑模式切换、用户登录全局数据共享 ...
阅读全文
posted @ 2022-04-26 17:47
猫老板的豆
阅读(302)
推荐(0)
摘要：
BFC的简介 BFC(Block Formatting Context) 块级格式化上下文，是用于布局块级盒子的一块渲染区域。 MDN上的解释：BFC是Web页面 CSS 视觉渲染的一部分，用于决定块盒子的布局及浮动相互影响范围的一个区域。 一个BFC的范围包含创建该上下文元素的所有子元素，但不包括
阅读全文
posted @ 2021-11-30 14:05
猫老板的豆
阅读(308)
推荐(0)
摘要：
构造函数 通过 new 函数名 来实例化对象的函数叫构造函数。 任何的函数都可以作为构造函数存在。之所以有构造函数与普通函数之分，主要从功能上进行区别的，构造函数的主要 功能为 初始化对象，特点是和new 一起使用。new就是在创建对象，从无到有，构造函数就是在为初始化的对象添加属性和方法。构造函数
阅读全文
posted @ 2021-11-30 14:03
猫老板的豆
阅读(139)
推荐(1)
摘要：
三栏布局：两侧宽度固定，中间宽度自适应的 公共样式 * { padding: 0; margin: 0; height: 100%; } .left { width: 200px; background-color: aqua; } .right { width: 200px; background
阅读全文
posted @ 2021-11-30 14:00
猫老板的豆
阅读(606)
推荐(0)
摘要：
效果图 实现原理 借助宽高等比例放大的两张图片，结合js中鼠标偏移量、元素偏移量、元素自身宽高等属性完成； 左侧遮罩移动Xpx,右侧大图移动X*倍数px；其余部分就是用小学数学算一下就OK了。 完整事例 <!DOCTYPE html> <html lang="en"> <head> <meta ch
阅读全文
posted @ 2021-11-24 11:31
猫老板的豆
阅读(176)
推荐(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
猫老板的豆
阅读(93)
推荐(0)
摘要：
🎉 在线图片压缩 传送门：tinypng.com 在线图片压缩网站已经优化超过十亿张图片，支持WebP，PNG，JPEG等格式的图片的压缩。 TinyPNG使用智能有损压缩技术来减小WEBP、JPEG和PNG文件的文件大小。通过有选择地减少图像中的颜色数量，存储数据所需的字节更少。这种效果几乎是看
阅读全文
posted @ 2021-11-22 11:29
猫老板的豆
阅读(311)
推荐(0)
摘要：
在17版本中 废除的生命周期有：componentWillMount，componentwillReceiveProps，componentWillUpdate 新增的生命周期有：getDerivedStateFromProps(nextProps, prevState) . 生命周期顺序 Moun
阅读全文
posted @ 2021-11-08 11:08
猫老板的豆
阅读(277)
推荐(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
猫老板的豆
阅读(403)
推荐(0)
摘要：
简介 <script setup> 语法糖并不是新增的功能模块，它只是简化了以往的组合API（compositionApi）的必须返回（return）的写法，并且有更好的运行时性能。 在 setup 函数中：所有 ES 模块导出都被认为是暴露给上下文的值，并包含在 setup() 返回对象中。相对于
阅读全文
posted @ 2021-11-04 13:51
猫老板的豆
阅读(6347)
推荐(8)
摘要：
TypeScript 简介 TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准（ES6 教程）。 TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 J
阅读全文
posted @ 2021-10-28 09:06
猫老板的豆
阅读(519)
推荐(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
猫老板的豆
阅读(126)
推荐(0)
摘要：
一、简介 我们来看看对 Vuex 比较专业的介绍： Vuex 是一个专为 Vue 开发的应用程序的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 简而言之，Vuex 采用类似全局对象的形式来管理所有组件的公用数据，如果想修改这个全局对象的数
阅读全文
posted @ 2021-09-06 11:20
猫老板的豆
阅读(237)
推荐(1)
摘要：
其他相关传送门 Promise异步操作详解 Promise详细用法 手写一个Promise 核心 1. 执行 async 函数，默认返回一个 promise 对象 2. await 相当于 promise 的 then 3. try...catch 可捕获异常，代替了 promise 的 catch
阅读全文
posted @ 2021-08-31 15:34
猫老板的豆
阅读(273)
推荐(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
猫老板的豆
阅读(170)
推荐(0)
摘要：
Vue3.x 官网 Composition API 简介 Vue2 时的方式在代码很少的时候，逻辑结构还是蛮清晰的，但是随着组件功能越来越多，代码量越来越大，整体内容全部放在其中肯定会显得臃肿。因为每个功能模块的代码会散落分布在各个位置，让整个项目的内容难以阅读和维护。如下图： 而到了 Vue3，它
阅读全文
posted @ 2021-08-31 15:24
猫老板的豆
阅读(2567)
推荐(2)
摘要：
在博客园使用皮肤 通过简单几步将 awescnb 集成到您的博客园中 传送门
阅读全文
posted @ 2021-08-31 14:35
猫老板的豆
阅读(105)
推荐(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
猫老板的豆
阅读(9936)
推荐(2)
摘要：
概念 函数防抖和函数节流，两者都是优化高频率执行js代码的一种手段。 防抖：就是一定时间内，只会执行最后一次任务； 节流：就是一定时间内，只执行一次 ； 防抖 <button id="debounce">点我防抖！</button> <script> $('#debounce').on('click
阅读全文
posted @ 2021-08-25 09:56
猫老板的豆
阅读(157)
推荐(0)
摘要：
classList 属性 该属性用于在元素中添加，移除及切换 CSS 类。 classList 属性返回元素的类名，作为 DOMTokenList 对象： <div id="div" class="test1 test2">classList</div> <script> document.getE
阅读全文
posted @ 2021-08-25 09:55
猫老板的豆
阅读(308)
推荐(0)
摘要：
License：zd423 Key：LrZoHQetrL7OK8XOVWgvTFn+XOR32hQkrxkYj0CkbDUsvvENp6GCS38B8GiOS1ec
阅读全文
posted @ 2021-08-25 09:53
猫老板的豆
阅读(1179)
推荐(0)
摘要：
简介 Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。就像我们可以从官方文档了解那样，它的目的是解决这些团队使用 npm 面临的少数问题，即： 安装的时候无法保证速度/一致性 安全问题，因为 npm 安装时允许运行
阅读全文
posted @ 2021-08-25 09:52
猫老板的豆
阅读(1863)
推荐(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
猫老板的豆
阅读(2320)
推荐(0)
摘要：
@ HTML 1. 如何理解HTML语义化 HTML5语义化 让人更容易读懂(代码结构清晰，增加代码的可读性) 让搜索引擎更容易读懂(SEO)，搜索引擎爬虫会根据不同的标签来赋予不同的权重 语义化标签 ： header nav main article section aside footer 2.
阅读全文
posted @ 2021-08-24 18:11
猫老板的豆
阅读(2900)
推荐(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
猫老板的豆
阅读(621)
推荐(0)
浙公网安备 33010602011771号