Vue.js自定义tipOnce指令用法实例 发表于 2018-12-15 | 分类于 Javascript 字数统计: 662 | 阅读时长 ≈ 3 vuejs自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念,但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展,不仅可用于定义任何的DOM操作,并且是可复用的。 最近碰到一种业务场景,业务场景如图: 有个操作提示点击可以显示,足够了吧?如图: 不够!好吧,产品说要求自 ... 阅读全文 »
Rem布局分析 发表于 2018-12-02 | 分类于 HtmlCss 字数统计: 3,429 | 阅读时长 ≈ 14 Rem认识rem和em很容易混淆,其实两个都是css的单位,并且也都是相对单位,现有的em,css3才引入的rem,在介绍rem之前,我们先来了解下em emem作为font-size的单位时,其代表父元素的字体大小,em作为其他属性单位时,代表自身字体大小——MDN 我在面试时经常问会一道和em有 ... 阅读全文 »
CSS实现水平垂直居中的方式 发表于 2018-12-02 | 分类于 HtmlCss 字数统计: 1,815 | 阅读时长 ≈ 8 总览仅居中元素定宽高适用: absolute + 负margin absolute + margin auto absolute + calc 居中元素不定宽高: absolute + transform lineheight writing-mode table css-table flex ... 阅读全文 »
对深拷贝对象的研坑 发表于 2018-11-24 | 分类于 Javascript 字数统计: 632 | 阅读时长 ≈ 3 对于深拷贝,浅拷贝的概念不多说,概念可以自行百度哟!这里对深拷贝对象进行一些研究! 只有值类型数据的深拷贝针对只有值的数据对象,下面一行代码足以! 1JSON.parse(JSON.stringify(obj)) 不严谨的简单的深拷贝1234567891011121314function clone ... 阅读全文 »
防抖动与节流 发表于 2018-11-20 | 分类于 Javascript 字数统计: 1,580 | 阅读时长 ≈ 6 我们可以参考下异步操作——定时器——第四小节实例:debounce 函数,这里面其中阮老师稍微讲了下防抖动。 下面再深入了解下! 缘由针对一些会频繁触发的事件如scroll、resize,如果正常绑定事件处理函数的话,有可能在很短的时间内多次连续触发事件,十分影响性能。 防抖动它的做法是限制下次函数 ... 阅读全文 »
SSL/TLS协议运行机制的概述 发表于 2018-11-18 | 分类于 协议 字数统计: 2,182 | 阅读时长 ≈ 8 转自阮一峰的SSL/TLS协议运行机制的概述。 一、作用不使用SSL/TLS的HTTP通信,就是不加密的通信。所有信息明文传播,带来了三大风险。 窃听风险(eavesdropping):第三方可以获知通信内容。 篡改风险(tampering):第三方可以修改通信内容。 冒充风险(pretendin ... 阅读全文 »
Javascript运行机制深入 发表于 2018-11-17 | 分类于 Javascript 字数统计: 1,904 | 阅读时长 ≈ 7 这是继JavaScript运行机制的再深入一篇文章。 浏览器内核(渲染进程)浏览器的渲染进程是多线程的!包含了哪些线程(列举一些主要常驻线程): GUI渲染线程 负责渲染浏览器界面,解析HTML,CSS,构建DOM树和RenderObject树,布局和绘制等。 当界面需要重绘(Repaint)或由于 ... 阅读全文 »
waketime时间记录工具分享 发表于 2018-11-14 | 分类于 杂笔随谈 字数统计: 219 | 阅读时长 ≈ 1 WakaTime致力为程序员提供于自动化时间记录功能,它提供很多的IDE插件,可以通过这些插件清晰的告诉你一些可视化的信息。 WakeTime功能列表 每个项目你所花费的时间 每种编程语言你所花费的时间 一天的平均编码信息 编辑器使用记录 可以生成日报,周报,月报,以邮件的形式发送给你 可以生成嵌入 ... 阅读全文 »
异步的快慢比较————一场面试的技术较量 发表于 2018-11-13 | 分类于 Javascript 字数统计: 406 | 阅读时长 ≈ 2 今天,我做一个异步快慢的比较对比总结,为了证明的我说是对的,自己亲自动手写了代码比较。 123456789101112131415161718192021222324setTimeout(function(){ console.log(1)},0);const promise = ... 阅读全文 »
移动端300ms的点击延迟以及解决方案 发表于 2018-11-10 | 分类于 Javascript 字数统计: 3,126 | 阅读时长 ≈ 11 转自移动端300ms的点击延迟以及解决方案! 【当问到我们在做一些移动端的一些效果时,为什么我们选择使用动画而不是过渡,最重要的一点就是移动端的300ms点击延迟,下面给出300ms点击延迟的来源以及目前提出的一些解决方案】 首先看看动画和过渡 共同点:都是css控制DOM运动, 不同点: 过渡: ... 阅读全文 »