2020年6月14日
伪元素选择器
摘要： 伪元素选择器 ::first-letter —— 匹配指定选择器的首字母/首汉字 ::first-line —— 匹配指定选择器的首行。 ::selection —— 匹配元素中被用户选中或处于高亮状态的部分。 ::before —— 匹配被选元素的内容前面插入内容，可以与 content 配合使用 阅读全文
posted @ 2020-06-14 19:52 彭尼玛 阅读(790) 评论(0) 推荐(0) 编辑
伪类选择器
摘要： 伪类选择器 伪类选择器前面都有 : (冒号) 除了 hover，其他一般用于链接 link —— 对 鼠标点击之前(未被访问) hover —— 对 鼠标指针悬停 active —— 对 鼠标点击 visited —— 对 鼠标点击之后(已被访问) target —— 可用于选取当前活动的目标元素， 阅读全文
posted @ 2020-06-14 19:51 彭尼玛 阅读(206) 评论(0) 推荐(0) 编辑
2020年6月13日
视差滚动
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文
posted @ 2020-06-13 10:40 彭尼玛 阅读(114) 评论(0) 推荐(0) 编辑
全屏滚动
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>全屏滚动< 阅读全文
posted @ 2020-06-13 10:39 彭尼玛 阅读(112) 评论(0) 推荐(0) 编辑
2020年6月9日
Blob隐藏真实路径
摘要： 使用 Blob 隐藏真实资源路径 我们可以使用 Blob 对象隐藏真实的资源路径，在一定程度上可以起到数据的加密性，更多的是为了干扰爬虫。 比如日常使用的一些音频，视频，图片，我们都可以使用其 Blob 二进制数据流来表征数据，而非使用 uri，就像经常用到的 image src 的 dataUrl 阅读全文
posted @ 2020-06-09 09:31 彭尼玛 阅读(1911) 评论(0) 推荐(0) 编辑
Vue原理笔记3
摘要： Vue 中事件绑定的原理 Vue 的事件绑定分为： 原生事件绑定、组件事件绑定 原生 dom 事件的绑定，采用 addEventListener 实现 组件绑定事件采用的是 $on 方法 v-model 的实现原理 可以看成是 v-bind:value 加上 v-on:input 事件 的语法糖 v 阅读全文
posted @ 2020-06-09 09:30 彭尼玛 阅读(203) 评论(0) 推荐(0) 编辑
2020年6月7日
Vue原理笔记2
摘要： Vue 模板编译原理 Vue 中式如何将 template 转换成 render 函数？ 虚拟 DOM：用 对象来描述 DOM 元素 ast 树：用 对象来描述 JS 语法 将模板转换成 ast 树(即：用对象来描述真实的 JS 语法) 优化树 通过 ast 树再生成 render 函数 rende 阅读全文
posted @ 2020-06-07 12:32 彭尼玛 阅读(213) 评论(0) 推荐(0) 编辑
Vue双向绑定原理
摘要： 参考文章：https://www.cnblogs.com/kidney/p/6052935.html?utm_source=gold_browser_extension 最简单的 双向绑定 //极简双向绑定 let $input = document.querySelector("input"); 阅读全文
posted @ 2020-06-07 12:27 彭尼玛 阅读(296) 评论(0) 推荐(0) 编辑
2020年6月6日
Vue原理笔记1
摘要： Vue 中如何检测数组变化？ 由于 Object.defineProperty 无法监听数组的变化。 所以，在 Vue2.X 版本中，作者用了一种 hack 的方式，即：重写了数组原型的方法。 虽然重写，但基本和原来的方法一样，只是多了 通知视图更新(因为改变了数组) 数组里如果也有 Object 阅读全文
posted @ 2020-06-06 09:50 彭尼玛 阅读(221) 评论(0) 推荐(0) 编辑
MVC、MVP、MVVM
摘要： 实线代表方法调用，虚线代表事件通知。 1.MVC graph LR View .->Controller graph LR Controller -->Model graph LR Model-->|修改| View View 事件触发到 Controller Controller 完成业务逻辑后， 阅读全文
posted @ 2020-06-06 09:48 彭尼玛 阅读(166) 评论(0) 推荐(0) 编辑
下一页