- 博客(263)
- 收藏
- 关注
RSS订阅原创 详解position: sticky粘性定位
深入了解sticky属性值与粘性定位1 前言1 可滚动元素对粘性定位的影响2 理解粘性定位的计算规则3 理解粘性定位的堆叠规则4 其他
2025-01-20 20:06:08
1236
1
原创 BFC概述
BFC概述1 什么是BFC2 BFC与流体布局3 overflow 最佳结界3.1 剪裁界线border box3.2 overflow-x和overflow-y3.3 overflow与滚动条
2024-01-21 19:59:29
1179
原创 CSS中的width与height
CSS中的width与height1 display: inline-block2 width: auto2.1 外部尺寸与流体特性2.1.1 正常流宽度2.1.2 格式化宽度2.2 内部尺寸与流体特性2.2.1 包裹性2.2.2 首选最小宽度2.2.3 最大宽度3 height: 100%3.1 如何让元素支持height: 100%效果
2024-01-16 10:00:00
1592
原创 JavaScript状态模式
JavaScript状态模式1 什么是状态模式2 使用状态模式改造电灯程序3 缺少抽象类的变通方式4 示例：文件上传4.1 场景描述4.2 代码过程
2023-12-24 10:00:00
1319
原创 JavaScript装饰者模式
JavaScript装饰者模式1 什么是装饰者模式2 模拟装饰者模式3 JavaScript的装饰者4 装饰函数5 AOP装饰函数6 示例：数据统计上报
2023-12-17 22:08:42
1043
原创 Javascript中介者模式
Javascript中介者模式1 什么是中介者模式2 示例：泡泡堂游戏2.1 增加游戏人数2.2 问题2.3 用中介者模式改造泡泡堂游戏3 示例：购买商品3.1 问题3.2 引入中介者
2023-12-04 10:00:00
1041
原创 JavaScript职责链模式
JavaScript职责链模式1 什么是职责链模式2 举个例子3 用职责链模式重构代码4 灵活可拆分的职责链节点5 异步的职责链
2023-11-19 16:21:12
240
原创 Javascript享元模式
Javascript享元模式1 什么是享元模式2 内部状态与外部状态3 享元模式的通用结构4 文件上传4.1 对象爆炸4.2 享元模式重构5 没有内部状态的享元模式6 对象池7 通用对象池实现
2023-11-13 10:30:00
253
原创 JavaScript模板方法模式
JavaScript模板方法模式1 什么是模板方法模式2 Coffee or Tea3 钩子方法4 好莱坞原则
2023-11-05 10:30:00
302
1
原创 Javascript命令模式
Javascript命令模式1 什么是命令模式2 命令模式的例子—菜单程序3 JavaScript 中的命令模式4 撤销命令5 宏命令
2023-10-22 20:11:10
699
原创 JavaScript发布—订阅模式
JavaScript发布—订阅模式1 什么是发布—订阅模式2 DOM 事件3 实现一个发布—订阅模式4 发布—订阅模式的通用实现5 取消订阅的事件6 全局的发布—订阅对象7 模块间通信
2023-10-14 17:49:48
2564
1
原创 JavaScript迭代器模式
JavaScript迭代器模式1 什么是迭代器模式2 实现一个迭代器3 内部迭代器和外部迭代器3.1 内部迭代器3.2 外部迭代器4 迭代类数组对象和字面量对象
2023-10-06 10:00:00
277
原创 JavaScript代理模式
代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问。代理模式的关键是，当客户不方便直接访问一个对象或者不满足需要的时候，提供一个替身对象来控制对这个对象的访问，客户实际上访问的是替身对象，替身对象对请求做出一些处理之后，再把请求转交给本体对象。
2023-09-25 10:15:00
238
原创 JavaScript策略模式
JavaScript策略模式1 什么是策略模式2 实现一个基础的策略模式3 Javascript中策略模式4 使用策略模式实现缓动动画5 使用策略模式实现表单校验
2023-09-18 10:15:00
1321
原创 JavaScript单例模式
JavaScript单例模式1 什么是单例模式2 实现一个基础的单例模式3 透明的单例模式4 用代理实现单例模式5 JavaScript 中的单例模式6 惰性单例
2023-09-04 10:00:00
828
原创 CSS伪类:where和:is
where()接受选择器列表作为它的参数，将会选择所有能被该选择器列表中任何一条规则选中的元素。例如，在以下代码中，aheader a,div a,p a {< header > < a > 橘猫吃不胖 < div class = " test1 " > < a > 橘猫吃不胖 < p class = " test2 " > < a > 橘猫吃不胖
2023-08-21 19:48:50
542
原创 CSRF攻击及防范
CSRF攻击及防范1 什么是CSRF2 CSRF攻击过程3 CSRF类型3.1 按照请求类型分类3.1.1 GET型3.1.2 POST型3.2 按照攻击方式分类3.2.1 HTML CSRF攻击3.2.2 JSON Hijacking攻击3.2.3 Flash CSRF攻击4 CSRF危害5 如何防御CSRF5.1 阻止不明外域的访问5.2 token
2023-02-12 23:50:22
735
原创 XSS攻击及防范
XSS攻击及防范1 什么是XSS2 XSS类型2.1 反射型XSS2.2 存储型XSS2.3 DOM型XSS3 怎么预防XSS3.1 纯前端渲染3.2 转义HTML3.3 关注高危API3.4 其他措施
2023-02-06 00:03:19
1321
原创 React实现移动端输入短信验证码页面
React实现移动端输入验证码页面，包括实现效果与实现代码，主要功能：进入页面自动发送验证码，验证码输入完成后，触发验证码校验，可以手动输入或者删除验证码
2023-01-16 21:45:00
2017
3
原创 Vue自定义指令
在Vue中可以自定义指令，通过自定义指令，我们可以对DOM进行更多的底层操作，这样不仅可以在某些场景下为我们提供快速解决问题的思路，而且让我们对Vue的底层有了进一步的了解。
2022-12-05 22:17:47
382
原创 Vue Class与Style绑定
Vue Class与Style绑定1 Class绑定1.1 字符串写法1.2 数组写法1.3 对象写法2 Style绑定2.1 对象写法2.2 数组写法
2022-12-03 22:56:49
763
原创 CSS3响应式布局（媒体查询@media）
CSS3响应式布局（媒体查询@media）1 响应式布局2 媒体查询2.1 媒体类型2.2 逻辑运算符2.3 媒体特性3 案例：根据页面宽度改变背景色
2022-11-28 22:40:19
2649
原创 Javascript方法call、apply、bind的解析与实现
Javascript方法call、apply、bind的解析与实现1 this的指向2 如何改变this的指向3 call3.1 使用方式3.2 call的实现4 apply4.1 使用方式4.2 apply的实现5 bind5.1 使用方式5.2 bind的实现6 call、apply、bind的区别
2022-11-21 00:25:18
471
原创 CSS :has伪类
CSS :has伪类1 概述2 实例说明2.1 表单元素前面加*2.2 拖拽列表2.3 多层级hover2.4 评星组件3 兼容性
2022-11-13 22:36:30
8357
原创 display属性详解及用法
display属性详解1 block、inline、inline-block2 flow-root3 table、inline-table4 flex、inline-flex5 none6 list-item7 contents8 grid、inline-grid
2022-11-06 11:53:08
10529
原创 CSS控制文本超出打点显示
CSS控制文本超出打点显示1 单行文本过长打点2 多行文本打点显示3 涉及的属性3.1 white-space3.2 text-overflow
2022-10-27 22:33:37
5582
原创 React.lazy与Suspence实现延迟加载
React.lazy与Suspence实现延迟加载1 代码分割2 React.Lazy3 Suspense4 备注
2022-10-18 22:36:12
1368
1
原创 JavaScript数据结构之链表
JavaScript数据结构之链表1 数组与链表的优缺点2 什么是链表3 封装链表结构4 向链表尾部添加一个新的项5 向链表某个位置插入一个新的项6 获取对应位置的元素7 获取元素在链表中的索引8 修改某个位置的元素9 从链表中删除某位置节点10 全部代码......
2022-08-13 12:13:42
251
原创 Promise原理及实现
Promise原理及实现1 Promise核心逻辑实现2 加入异步逻辑3 then方法添加多次调用逻辑4 链式调用then方法5 Promise错误捕获6 then方法参数设置为可选7 实现Promise.all8 实现Promise.resolve9 实现Promise.race10 实现finally方法11 实现catch方法12 全部代码展示...
2022-08-09 20:53:23
2905
1
原创 Vue事件修饰符
Vue事件修饰符1 .prevent：阻止默认事件2 .stop阻止事件冒泡3 .once事件只触发一次4 .capture使用事件捕获模式5 .self当e.target是当前操作的元素才触发事件6 .passive：事件的默认行为立即执行7 键盘事件...
2022-07-26 23:29:56
591
原创 JavaScript中继承的实现方式
JavaScript中继承的实现方式1 构造函数式继承2 类式继承（原型式继承）3 组合式继承4 寄生式继承5 寄生组合式继承1 构造函数式继承构造函数式继承就是在子类中执行父类的构造函数，并为其传递参数，这个过程可以使用call()函数来实现。示例代码：定义Person类（父类），它有自己的属性name和age，还有自己的方法getName()和getAge()function Person(name, age) { this.name = name; // 初始化姓名和年龄 th
2022-05-15 17:00:08
298
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人