上一页 1 ··· 3 4 5 6 7 8 下一页
2022年7月20日
common.js
摘要： // 判断参数是否存在function isEmpty(v) { switch (typeof v) { case 'u... 阅读全文
posted @ 2022-07-20 18:15 猫老板的豆 阅读(10) 评论(0) 推荐(0) 编辑
CSS样式重置 reset.css
摘要： html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre... 阅读全文
posted @ 2022-07-20 18:15 猫老板的豆 阅读(187) 评论(0) 推荐(0) 编辑
navigateTo、redirectTo、reLaunch、switchTab、navigateBack区别
摘要： navigateTo： 保留当前页面，跳转到应用内的某个页面redirectTo： 关闭当前页面，跳转到应用内的某个页面。reLau... 阅读全文
posted @ 2022-07-20 18:15 猫老板的豆 阅读(1646) 评论(0) 推荐(0) 编辑
js 监听返回键
摘要： js window.onload = function(){ window.addEventListener('popstat... 阅读全文
posted @ 2022-07-20 18:15 猫老板的豆 阅读(431) 评论(0) 推荐(0) 编辑
微信小程序登录授权流程
摘要： openid：用户的唯一标识 session_key：本次登录的会话密钥（保证当前用户进行会话操作的有效性） 1. 调用wx... 阅读全文
posted @ 2022-07-20 18:15 猫老板的豆 阅读(2707) 评论(0) 推荐(0) 编辑
vscode个性化配置settings.json（第二版）
摘要： { "editor.fontSize": 18, "editor.lineHeight": 24, "workbe... 阅读全文
posted @ 2022-07-20 18:15 猫老板的豆 阅读(165) 评论(0) 推荐(0) 编辑
微信小程序生命周期
摘要： 微信小程序生命周期包含了三个部分： 应用级别的生命周期（整个App的生命周期）页面级别的生命周期（单个页面(page)的生命周期）组... 阅读全文
posted @ 2022-07-20 18:15 猫老板的豆 阅读(13572) 评论(0) 推荐(1) 编辑
实现三栏布局的8种方式
摘要： 文章目录 公共样式1. 浮动布局2. 定位布局3. flex布局4. 表格布局5. 网格布局6. calc函数布局7. 圣杯布局8... 阅读全文
posted @ 2022-07-20 18:15 猫老板的豆 阅读(82) 评论(0) 推荐(0) 编辑
JS数据结构简介
摘要： 数据结构是计算机存储、组织数据的方式。数据结构意味着接口或封装：一个数据结构可被视为两个函数之间的接口，或者是由数据类型联合组成的存... 阅读全文
posted @ 2022-07-20 18:15 猫老板的豆 阅读(152) 评论(0) 推荐(0) 编辑
JS 跨域详解
摘要： 文章目录 跨域与同源跨域同源策略不存在跨域的情况（无视同源策略） 跨域常见的几种方法1. jsonp 跨域2. document... 阅读全文
posted @ 2022-07-20 18:15 猫老板的豆 阅读(2264) 评论(0) 推荐(1) 编辑
CORS 跨域资源共享
摘要： 简介 CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。 它允许浏览器... 阅读全文
posted @ 2022-07-20 18:15 猫老板的豆 阅读(100) 评论(0) 推荐(0) 编辑
CSRF/XSRF 跨站请求伪造攻击
摘要： 简介 CSRF（Cross-site request forgery）跨站请求伪造：攻击者诱导受害者进入第三方网站，在第三方网站中，... 阅读全文
posted @ 2022-07-20 18:15 猫老板的豆 阅读(109) 评论(0) 推荐(0) 编辑
2022年4月26日
Redux之useSelector、useDispatch
摘要： 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 猫老板的豆 阅读(1633) 评论(0) 推荐(0) 编辑
React之React-Redux
摘要： 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 猫老板的豆 阅读(102) 评论(0) 推荐(0) 编辑
React之Redux
摘要： React之Redux redux 统一保存数据，在隔离了数据与UI的同时，负责处理数据的绑定。 store.dispatch 帮助我们派发action，这个action会传递给store store.getState 获取到store里面所有的数据内容 store.subscribe 可以让我们订阅(监听) store的改变 只要store发生改变， 这个方法的回调函数就会执行 阅读全文
posted @ 2022-04-26 17:48 猫老板的豆 阅读(108) 评论(0) 推荐(0) 编辑
Redux详细入门教程
摘要： Redux详细入门教程 组件需要共享数据（或者叫做状态state）的时候 某个状态需要在任何地方都可以被随时访问的时候 某个组件需要改变另一个组件的状态的时候 语言切换、暗黑模式切换、用户登录全局数据共享 ... 阅读全文
posted @ 2022-04-26 17:47 猫老板的豆 阅读(289) 评论(0) 推荐(0) 编辑
2021年11月30日
3分钟理解BFC
摘要： BFC的简介 BFC(Block Formatting Context) 块级格式化上下文，是用于布局块级盒子的一块渲染区域。 MDN上的解释：BFC是Web页面 CSS 视觉渲染的一部分，用于决定块盒子的布局及浮动相互影响范围的一个区域。 一个BFC的范围包含创建该上下文元素的所有子元素，但不包括 阅读全文
posted @ 2021-11-30 14:05 猫老板的豆 阅读(265) 评论(0) 推荐(0) 编辑
深入理解javascript原型和原型链
摘要： 构造函数 通过 new 函数名 来实例化对象的函数叫构造函数。 任何的函数都可以作为构造函数存在。之所以有构造函数与普通函数之分，主要从功能上进行区别的，构造函数的主要 功能为 初始化对象，特点是和new 一起使用。new就是在创建对象，从无到有，构造函数就是在为初始化的对象添加属性和方法。构造函数 阅读全文
posted @ 2021-11-30 14:03 猫老板的豆 阅读(129) 评论(0) 推荐(1) 编辑
实现三栏布局的8种方式
摘要： 三栏布局：两侧宽度固定，中间宽度自适应的 公共样式 * { padding: 0; margin: 0; height: 100%; } .left { width: 200px; background-color: aqua; } .right { width: 200px; background 阅读全文
posted @ 2021-11-30 14:00 猫老板的豆 阅读(566) 评论(0) 推荐(0) 编辑
2021年11月24日
js实现放大镜
摘要： 效果图 实现原理 借助宽高等比例放大的两张图片，结合js中鼠标偏移量、元素偏移量、元素自身宽高等属性完成； 左侧遮罩移动Xpx,右侧大图移动X*倍数px；其余部分就是用小学数学算一下就OK了。 完整事例 <!DOCTYPE html> <html lang="en"> <head> <meta ch 阅读全文
posted @ 2021-11-24 11:31 猫老板的豆 阅读(164) 评论(0) 推荐(0) 编辑
2021年11月22日
DOM 对象和 BOM 对象
摘要： DOM对象 1. DOM 简介 DOM （Document Object Model）是 W3C 的标准，是指文档对象模型（树结构）。 DOM 定义了访问和操作 HTML 文档的标准方法。通过它，可以访问HTML文档的所有元素。 2. HTML DOM 树 3. DOM 节点 根据 W3C 的 HT 阅读全文
posted @ 2021-11-22 11:37 猫老板的豆 阅读(73) 评论(0) 推荐(0) 编辑
非常实用的在线工具网站清单
摘要： 🎉 在线图片压缩 传送门：tinypng.com 在线图片压缩网站已经优化超过十亿张图片，支持WebP，PNG，JPEG等格式的图片的压缩。 TinyPNG使用智能有损压缩技术来减小WEBP、JPEG和PNG文件的文件大小。通过有选择地减少图像中的颜色数量，存储数据所需的字节更少。这种效果几乎是看 阅读全文
posted @ 2021-11-22 11:29 猫老板的豆 阅读(282) 评论(0) 推荐(0) 编辑
2021年11月8日
React17 生命周期
摘要： 在17版本中 废除的生命周期有：componentWillMount，componentwillReceiveProps，componentWillUpdate 新增的生命周期有：getDerivedStateFromProps(nextProps, prevState) . 生命周期顺序 Moun 阅读全文
posted @ 2021-11-08 11:08 猫老板的豆 阅读(251) 评论(0) 推荐(0) 编辑
React17 入门
摘要： 查看 demo ref <div ref = {( box )=>{ this.box = box }}></div> console.log(this.box); // 获取dom 生命周期(针对于组件而言) Mounting 挂载顺序 constructor(props)：初始化 state 和 阅读全文
posted @ 2021-11-08 11:06 猫老板的豆 阅读(364) 评论(2) 推荐(0) 编辑
2021年11月4日
Vue3 script setup 语法糖，超爽体验
摘要： 简介 <script setup> 语法糖并不是新增的功能模块，它只是简化了以往的组合API（compositionApi）的必须返回（return）的写法，并且有更好的运行时性能。 在 setup 函数中：所有 ES 模块导出都被认为是暴露给上下文的值，并包含在 setup() 返回对象中。相对于 阅读全文
posted @ 2021-11-04 13:51 猫老板的豆 阅读(6124) 评论(2) 推荐(8) 编辑
2021年10月28日
TypeScript 简单入门
摘要： TypeScript 简介 TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准（ES6 教程）。 TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 J 阅读全文
posted @ 2021-10-28 09:06 猫老板的豆 阅读(484) 评论(0) 推荐(0) 编辑
2021年10月22日
JS设备判断
摘要： 判断是移动还是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 猫老板的豆 阅读(105) 评论(0) 推荐(0) 编辑
2021年9月6日
vuex详解
摘要： 一、简介 我们来看看对 Vuex 比较专业的介绍： Vuex 是一个专为 Vue 开发的应用程序的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 简而言之，Vuex 采用类似全局对象的形式来管理所有组件的公用数据，如果想修改这个全局对象的数 阅读全文
posted @ 2021-09-06 11:20 猫老板的豆 阅读(210) 评论(1) 推荐(1) 编辑
2021年8月31日
细说 async/await
摘要： 其他相关传送门 Promise异步操作详解 Promise详细用法 手写一个Promise 核心 1. 执行 async 函数，默认返回一个 promise 对象 2. await 相当于 promise 的 then 3. try...catch 可捕获异常，代替了 promise 的 catch 阅读全文
posted @ 2021-08-31 15:34 猫老板的豆 阅读(219) 评论(0) 推荐(0) 编辑
手写常见JS方法
摘要： 判断数据类型 function checkedType(target) { return Object.prototype.toString.call(target).slice(8, -1); } console.log(checkedType([])); // "Array" console.l 阅读全文
posted @ 2021-08-31 15:26 猫老板的豆 阅读(157) 评论(0) 推荐(0) 编辑
Vue3.x 新特性总结
摘要： Vue3.x 官网 Composition API 简介 Vue2 时的方式在代码很少的时候，逻辑结构还是蛮清晰的，但是随着组件功能越来越多，代码量越来越大，整体内容全部放在其中肯定会显得臃肿。因为每个功能模块的代码会散落分布在各个位置，让整个项目的内容难以阅读和维护。如下图： 而到了 Vue3，它 阅读全文
posted @ 2021-08-31 15:24 猫老板的豆 阅读(2489) 评论(2) 推荐(2) 编辑
在博客园使用皮肤
摘要： 在博客园使用皮肤 通过简单几步将 awescnb 集成到您的博客园中 传送门 阅读全文
posted @ 2021-08-31 14:35 猫老板的豆 阅读(92) 评论(0) 推荐(0) 编辑
2021年8月25日
Vue3.x 超详细入门教程
摘要： 请事先装好 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 猫老板的豆 阅读(9144) 评论(1) 推荐(1) 编辑
JavaScript防抖和节流
摘要： 概念 函数防抖和函数节流，两者都是优化高频率执行js代码的一种手段。 防抖：就是一定时间内，只会执行最后一次任务； 节流：就是一定时间内，只执行一次 ； 防抖 <button id="debounce">点我防抖！</button> <script> $('#debounce').on('click 阅读全文
posted @ 2021-08-25 09:56 猫老板的豆 阅读(129) 评论(0) 推荐(0) 编辑
HTML5 新增内容和 API
摘要： classList 属性 该属性用于在元素中添加，移除及切换 CSS 类。 classList 属性返回元素的类名，作为 DOMTokenList 对象： <div id="div" class="test1 test2">classList</div> <script> document.getE 阅读全文
posted @ 2021-08-25 09:55 猫老板的豆 阅读(281) 评论(0) 推荐(0) 编辑
Axure rp8.1.0.3381 3382 激活码（亲测可用）
摘要： License：zd423 Key：LrZoHQetrL7OK8XOVWgvTFn+XOR32hQkrxkYj0CkbDUsvvENp6GCS38B8GiOS1ec 阅读全文
posted @ 2021-08-25 09:53 猫老板的豆 阅读(1107) 评论(0) 推荐(0) 编辑
yarn详细入门教程
摘要： 简介 Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。就像我们可以从官方文档了解那样，它的目的是解决这些团队使用 npm 面临的少数问题，即： 安装的时候无法保证速度/一致性 安全问题，因为 npm 安装时允许运行 阅读全文
posted @ 2021-08-25 09:52 猫老板的豆 阅读(1594) 评论(0) 推荐(1) 编辑
JavaScript实现图片上传并预览并提交ajax（完整demo）
摘要： 图片上传并预览 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 猫老板的豆 阅读(1375) 评论(0) 推荐(0) 编辑
2021年8月24日
大厂高频核心前端面试题总结，爆肝五万多字，面试必考 秒变大佬 ❤️（建议收藏~）
摘要： @ HTML 1. 如何理解HTML语义化 HTML5语义化 让人更容易读懂(代码结构清晰，增加代码的可读性) 让搜索引擎更容易读懂(SEO)，搜索引擎爬虫会根据不同的标签来赋予不同的权重 语义化标签 ： header nav main article section aside footer 2. 阅读全文
posted @ 2021-08-24 18:11 猫老板的豆 阅读(2698) 评论(1) 推荐(3) 编辑
2017年9月15日
一个简单实用的gulpfile配置
摘要： 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 猫老板的豆 阅读(600) 评论(0) 推荐(0) 编辑
上一页 1 ··· 3 4 5 6 7 8 下一页