- 博客(10)
- 收藏
- 关注
原创 从web浏览器的渲染到性能优化
本文主要讲谈及web浏览器的渲染原理、流程以及相关的性能问题最近在复习时遇到一个问题,关于async和defer,发现自己还能记住一点,然而再往深一想,浏览器的渲染顺序?怎么防止阻塞DOM渲染?如何保证首屏优化、关键渲染路径优化?如何从浏览器渲染、网络请求、js引擎机制优化性能?好像找不到让自己满意的答案,所以查阅资料写个博客总结一下。
2017-08-05 16:06:28 6649
原创 响应式学习----从VUE1 到 VUE2
最近比较喜欢一张非常喜感的图。 其实最初的前端很简单,就跟这位大爷的说法差不多,直接拿起键盘,搞个编辑器然后打开浏览器就可以了,我相信包括我在内的很多人也就是这么单纯地喜欢上前端的,记得宇豪也是说喜欢前端就是因为CSS。起初的前端,标准混乱,浏览器性能差,随着ajax和node出现带来的两次飞跃,前端能做的事情越来越多,越来越多的需求也放到了前端,由后端主导的静态页面发展到了前后端分离的
2017-08-31 22:34:21 993
转载 JS开发中的一些小技巧和方法
前言这两年前端很火,JavaScript又是前端的必会技能,在JavaScript开发中其实有一些有意思的小技巧和方法,本文记录了一些我工作中遇到的一些技巧和方法。正文生成指定范围内的随机数当我们需要获取指定范围(min,max)内的整数的时候,下面的代码非常适合;这段代码用的还挺多的。function setRadomNum(min,max){ return M
2017-08-31 13:57:18 325
原创 踩坑之统计请求发送与页面跳转冲突
随着大数据时代的到来,数据成了兵家必争之地,据之前的数据统计全球数据基本一年多就会翻上一番,当然从数据中做出成绩的公司也数不胜数,与此同时,我们也是越来越高重视数据采集,数据将作为每一个公司的重要战略资源,不断进行清洗挖掘储存。扯远了,作为横跨各大平台的web无疑是数据采集的重要阵地,我就最近在数据采集这方面遇到很大一坑。
2017-08-18 14:46:33 3529
翻译 关于缓存的那些传说
原文链接:https://calendar.perfplanet.com/2016/a-tale-of-four-caches/译者说:英文好建议直接阅读原文,作者写的还是比较逗的,译者可能幽默天赋有限,另外还有一些意译所以对不起读者了最近几天大家针对preload、、http/2 push和service worker等浏览器缓存讨论了很多,但是还是有很多困惑。所以,我想跟大家讲个故事
2017-08-09 22:02:27 252
原创 个人的一些前端思考
Sass都提供了一个更简单、更优雅的语法CSS,实现各种功能,是比较有用的管理css样式的一种新方式。其实sass可以被看做是CSS3的扩展,其中也包括了许多cssnext的用法,包括变量、mixin等等函数或机制,使我们在编写代码时,大大提升开发效率,后续的维护、迭代甚至重构都更为简单。当然其最终还是会被编译为当前支持的CSS的语法sass也很容易入门,基本css的特性都保留着,只是增加了许多便利。
2017-08-09 15:23:36 302
原创 vue和react比较
相似之处: 1. 使用virtual DOM 2. 提供响应式和组件化的视图组件 3. 将注意力集中保持在核心库,将其他功能如路由、全局状态管理交个其他插件
2017-08-09 11:40:49 586
原创 HTML、CSS知识汇总
CSS透明度问题 设置方法: opacityfilterrgbaimg{ opacity: 0.4; filter: alpha(opacity=40);/* 针对 IE8 以及更早的版本 */ -khtml-opacity: .5;/* -khtml-opacity设置是针对旧版本的Webkit渲染引擎,这种专用属性现在已经过时了,除非你还有需要兼容Safar
2017-08-08 22:24:57 357
原创 从零开始react入门(一)
作为一个稍微有点基础的人吧,思来想去如何开始学习react呢,最终觉得还是选择权威,简单即有效,直接奔官网,讲真确实直接get started,英文水平不错的推荐直接英文,如果英文差一点也可以去中文翻译官网。如果读者还没搭好react开发环境,可以参考我的另一篇博客–––快速搭建简单环境。这里我也就是用官网的例子,讲一下自己的理解和体会,有不对敬请指出。
2017-08-02 16:51:03 851
转载 【转】快速搭建react的webpack初始环境
网上找了半天才找到正常的教程,也是本文参考的教程可能是因为webpack版本等一些其他原因吧,我使用的是webpack3+,当然大家也可以选择react官方的脚手架—create-react-app。 本文主要将完成以下目标 1. 使用webpack进行模块管理,并进行简单配置 2. 实现热更新,也就是监听代码变动并刷新浏览器 3. 实现HMR,也就是代码动态替换
2017-08-01 20:28:23 559
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人