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