加载中
Vue调试神器Vue.js devtools

前言: Vue.js devtools是一个高效的vue项目可视化检查工具,其主要功能就是可以快速查看页面结构、组件中的data变量、computed计算属性、props父组件传过来的值等等 Chrome上的使用方法: 科学...

01/22 19:37
145
浏览器缓存 from memory cache与from disk cache详解

在chrome浏览器中的控制台Network中size栏通常会有三种状态 1.from memory cache 2.from disk cache 3.资源本身的大小(如:1.5k) 那么问题来了 1.三种区别在哪里;2.浏览器采取不同措施的原则...

2018/11/30 17:15
339
作业帮一课前端技术分享记录(持续更新)

一个老同事博客的外链 2019-8-24 从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理 Chrome架构:仅仅打开了1个页面,为什么有4个进程? GPU 加速是什么 公司新来的女实习生问我什么是闭...

Fetch API(一)

Fetch和XMLHttpRequest 如果看网上的fetch教程,会首先对比XMLHttpRequest和fetch的优劣,然后引出一堆看了很快会忘记的内容(本人记性不好)。因此,我写一篇关于fetch的文章,为了自己看着方...

2018/07/21 18:09
24
Element.getBoundingClientRect()

Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。 语法 rectObject = object.getBoundingClientRect(); 值 返回值是一个 DOMRect 对象,这个对象是由该元素的 getC...

移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题

开发H5 webapp时经常需要使用本地存储,如localStorage和sessionStorage存储一些数据,相比最多能存4k的cookie相比,用起来很好用。但是localStorage在iOS Safari、chrome和UC浏览器中的隐私...

2018/10/26 14:42
356
使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices

以下几步就可以轻松使用浏览器内置的功能调试移动端网页了: 1. 手机开启调试模式连接电脑,确保是调试模式连接的(不知道怎么打开调试模式的可以参考:http://jingyan.baidu.com/article/04...

2018/05/31 16:00
196
Performance — 前端性能监控利器

最近在写一个监控脚本,终于有机会接触到了这一块,整理后写下了本文。 Performance是一个做前端性能监控离不开的API,最好在页面完全加载完成之后再使用,因为很多值必须在页面完全加载之后...

谷歌开源quicklink,加载时间从4.6s降到0.7s

作者|Google 团队 译者|无明 近日,Google 团队在 GitHub 上开源了一个项目 quicklink,quicklink 能在空闲时预取 viewport 内的链接来加快后续页面的加载速度。具体的技术原理和实现过程请...

使用Chrome DevTools的Timeline分析页面性能

随着webpage可以承载的表现形式更加多样化,通过webpage来实现更多交互功能,构建web应用程序已经成为很多产品的首要选择。这种方式拥有非常明显的优势:跨平台、开发便捷、便于部署和维护等...

2018/12/29 10:53
100
2018年最值得关注的30个Vue开源项目

译者按: 学习优秀的开源项目是提高代码水平最有效的方式。 原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018) 译者: Fundebug 为了保证可读性,本文采用意译而非直...

2018/05/30 15:32
2.7K
前端rem单位的正确使用姿势(转)

写这篇文章是因为自己被rem这个坑绊过脚,因此特意去研究了下rem这个单位。 简单阐述下px、em、rem之前的关系(其实网上很多,我这里稍微提一下)。 先抛出一个问题:为什么要选择rem? px:...

2016/12/28 10:52
17
看完让你彻底搞懂Websocket原理

本文为转载,尊重原作者的著作版权。 偶然在知乎上看到一篇回帖,瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有。所以转到我博客里,分享一下。比较喜欢看这...

2018/05/16 14:43
56
webpack 理解 babel-polyfill 和 babel-runtime 及 babel-plugin-transform-runtime的配置

一:理解 babel之配置文件.babelrc 基本配置项 1. 什么是babel? 它是干什么用的? ES6是2015年发布的下一代javascript语言标准,它引入了新的语法和API,使我们编写js代码更加得心应手,比如...

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部