2017年08月_allenliu6

原创从web浏览器的渲染到性能优化

本文主要讲谈及web浏览器的渲染原理、流程以及相关的性能问题最近在复习时遇到一个问题，关于async和defer，发现自己还能记住一点，然而再往深一想，浏览器的渲染顺序？怎么防止阻塞DOM渲染？如何保证首屏优化、关键渲染路径优化？如何从浏览器渲染、网络请求、js引擎机制优化性能？好像找不到让自己满意的答案，所以查阅资料写个博客总结一下。

2017-08-05 16:06:28 6647

原创响应式学习----从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 3525

翻译关于缓存的那些传说

原文链接：https://calendar.perfplanet.com/2016/a-tale-of-four-caches/译者说：英文好建议直接阅读原文，作者写的还是比较逗的，译者可能幽默天赋有限，另外还有一些意译所以对不起读者了最近几天大家针对preload、、http/2 push和service worker等浏览器缓存讨论了很多，但是还是有很多困惑。所以，我想跟大家讲个故事

2017-08-09 22:02:27 251

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

allenliu6的博客