07 2017 档案

浅谈前端性能优化（PC版）
摘要：前端的性能优化是一个很宽泛的概念，最终目的都是为了提升用户体验，改善页面性能。面试的时候经常会遇到问谈谈性能优化的手段，这个我分几大部分来概述，具体细节需要自己再针对性的去搜索，只是提供一个索引（太多了写不过来+主要是懒得写）。这里PC端和移动端分开说了，业务场景不同，需要考虑各自的优化手段 目前来 阅读全文
posted @ 2017-07-31 18:13 辣牛 阅读(497) 评论(0) 推荐(0)
浅谈前端性能优化（移动端）
摘要：上一篇讲了PC端的部分：前端性能优化（PC端），这次继续说移动端的。相对于PC端的，移动web浏览器上有一些明显的特点：设备的屏幕小、新特性兼容性较好、支持一些比较新的HTML5和CSS3、需要与Native应用交互等。但移动端可用的CPU资源和网络资源极为有限，因此要做好移动端web上的优化往往需 阅读全文
posted @ 2017-07-31 18:13 辣牛 阅读(3470) 评论(0) 推荐(0)
前端优化 -- Combo Handler
摘要：Combo Handler来合并CSS/JS文件 背景 Combo Handler是Yahoo!开发的一个Apache模块，它实现了开发人员简单方便地通过URL来合并JavaScript和CSS文件，从而大大减少文件请求数。 目的 满足Yahoo!前端优化第一条原则：Minimize HTTP Re 阅读全文
posted @ 2017-07-31 15:43 辣牛 阅读(586) 评论(0) 推荐(0)
前端优化之Combo Handler
摘要：Combo Handler来合并CSS/JS文件 背景 Combo Handler是Yahoo!开发的一个Apache模块，它实现了开发人员简单方便地通过URL来合并JavaScript和CSS文件，从而大大减少文件请求数。 目的 满足Yahoo!前端优化第一条原则：Minimize HTTP Re 阅读全文
posted @ 2017-07-31 15:42 辣牛 阅读(578) 评论(0) 推荐(0)
对BFC的理解
摘要：好的代码就像粥一样，都是用时间熬出来的。 定义 在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流和普通流三种。而普通流其实就是指BFC中的FC。FC是formatting context的首字母缩写，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子 阅读全文
posted @ 2017-07-28 11:47 辣牛 阅读(405) 评论(0) 推荐(0)
package.json字段全解
摘要：http://blog.csdn.net/woxueliuyun/article/details/39294375 阅读全文
posted @ 2017-07-26 16:41 辣牛 阅读(171) 评论(0) 推荐(0)
npm install --save 与 npm install --save-dev 的区别
摘要：以npm安装msbuild为例： npm install msbuild: 会把msbuild包安装到node_modules目录中 不会修改package.json 之后运行npm install命令时，不会自动安装msbuild npm install --save: 会把msbuild包安装到 阅读全文
posted @ 2017-07-26 14:01 辣牛 阅读(1118) 评论(0) 推荐(0)
前端页面卡顿？或是DOM操作惹的祸，需优化代码
摘要：文档对象模型（DOM）是一个独立 于特定语言的应用程序接口。在浏览器中，DOM接口是以JavaScript语言实现的，通过JavaScript来操作浏览器页面中的元素，这使得 DOM成为了JavaScript中重要的组成部分。在富客户端网页应用中，界面上UI的更改都是通过DOM操作实现的，并不是通过 阅读全文
posted @ 2017-07-26 10:56 辣牛 阅读(578) 评论(0) 推荐(0)
static作用（修饰函数、局部变量、全局变量）
摘要：在C语言中，static的字面意思很容易把我们导入歧途，其实它的作用有三条。 （1）先来介绍它的第一条也是最重要的一条：隐藏。 当我们同时编译多个文件时，所有未加static前缀的全局变量和函数都具有全局可见性。为理解这句话，我举例来说明。我们要同时编译两个源文件，一个是a.c，另一个是main.c 阅读全文
posted @ 2017-07-26 10:32 辣牛 阅读(24841) 评论(2) 推荐(2)
redux
摘要：http://blog.csdn.net/fengyinchao/article/details/51566555 阅读全文
posted @ 2017-07-25 17:42 辣牛 阅读(157) 评论(0) 推荐(0)
DOM节点太多导致页面卡顿的优化方法
摘要：http://developer.51cto.com/art/201504/473422.htm 阅读全文
posted @ 2017-07-25 16:22 辣牛 阅读(8353) 评论(0) 推荐(0)
JSON优缺点
摘要：总结： 1.占带宽小（格式是压缩的） 2. js通过eval()进行Json读取（便于客户端读取） 3. JSON支持多种语言（c、c++、PHP等），便于服务端解析 JSON (JavaScript Object Notation) 的轻量级数据交换格式能够替代XML的工作. 优点: 1. 数据格 阅读全文
posted @ 2017-07-25 15:46 辣牛 阅读(13169) 评论(1) 推荐(0)
react Diff算法
摘要：一个页面就是一个DOM树，当页面发生变化的时候，又会形成另一个DOM树，这两个树要作比较的时候，就用到了Diff算法。 传统的diff算法为O(n^3)，相当复杂。 时间复杂度是检测一个算法或者一个性能好坏的重要因数。 其他它没有什么神奇的，只是一个名词而已。 O(n^3) -> O(n^2) -> 阅读全文
posted @ 2017-07-25 14:35 辣牛 阅读(471) 评论(0) 推荐(0)
React.createClass和extends Component的区别
摘要：语法区别 propType 和 getDefaultProps 状态的区别 this区别 Mixins 语法区别 React.createClass React.Component 后一种方法使用ES6的语法，用constructor构造器来构造默认的属性和状态。 propType 和 getDef 阅读全文
posted @ 2017-07-25 10:31 辣牛 阅读(721) 评论(0) 推荐(0)
react 生命周期详解
摘要：state有时候很不听话，在某些时候，我不想他渲染，偏偏react非常智能的帮我们重复渲染。 比如最常见的就是传递的对象为空，组件依旧渲染了一次或者多次。 更多场景不举例了，对症下药。 shouldComponentUpdate是react提供的生命周期函数，他发生在接收到新的props的时候。简单 阅读全文
posted @ 2017-07-25 10:19 辣牛 阅读(746) 评论(0) 推荐(0)
文件上传详细流程
摘要：http://school104.iteye.com/blog/1852762 阅读全文
posted @ 2017-07-24 16:16 辣牛 阅读(290) 评论(0) 推荐(0)
左侧固定 右侧自适应三种方法
摘要：第一种：float 单一层浮动法 例如：左侧固定成100px; 则核心代码 左侧：width:100px;float:left; 右侧 width:auto;margin-left:100px; 实例： 第二种 定位 ，在固定元素上加入绝对定位，自适应元素设置成margin-left:固定元素的宽度 阅读全文
posted @ 2017-07-24 16:09 辣牛 阅读(800) 评论(0) 推荐(0)
在浏览器地址栏输入地址，到浏览器显示页面的过程
摘要：作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括这些应用所用到的技术：像浏览器，HTTP，HTML，网络服务器，需求处理等等。 本文将更深入的研究当你输入一个网址的时候，后台到底发生了一件件什么样的事～ 1. 首先嘛，你得在浏览器里输入要网址: 2. 浏览器查找 阅读全文
posted @ 2017-07-23 17:51 辣牛 阅读(2344) 评论(0) 推荐(0)
进度条加载
摘要：NProgress.js NProgress是基于jquery的，且版本要 >1.8 API: NProgress.start() — 启动进度条 NProgress.set(0.4) — 将进度设置到具体的百分比位置 NProgress.inc() — 少量增加进度 NProgress.done( 阅读全文
posted @ 2017-07-21 18:16 辣牛 阅读(278) 评论(0) 推荐(0)
插件
摘要：滚动条插件： perfect-scroll https://github.com/pateketrueke/perfect-scrollbar 拖拽排序插件： dragula https://github.com/bevacqua/react-dragulahttps://github.com/be 阅读全文
posted @ 2017-07-18 17:36 辣牛 阅读(155) 评论(0) 推荐(0)
倒计时
摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>限时抢</title> <link rel="stylesheet" type="text/css" href="style.css"> <script typ 阅读全文
posted @ 2017-07-14 10:51 辣牛 阅读(164) 评论(0) 推荐(0)
阿里云oss教程
摘要：OSS是提供非结构化数据存取的服务。对于刚开始使用OSS的用户，非结构数据可以理解为word文档、PDF、PPT、EXCEL表格、MP3、MKV、RMVB、HTML等各种类型文件。OSS提供API去进行文件的各种操作，同时提供网页控制台帮助用户实现大部分基本操作。本文档微饭主要介绍如何使用OSS控制 阅读全文
posted @ 2017-07-13 16:17 辣牛 阅读(5075) 评论(0) 推荐(0)
拖拽排序插件 ---- Dragula
摘要：相关链接： https://github.com/bevacqua/react-dragula https://github.com/bevacqua/react-dragula demo: https://bevacqua.github.io/dragula/ 引用dragula.css 否则没有 阅读全文
posted @ 2017-07-10 16:49 辣牛 阅读(1445) 评论(0) 推荐(0)
预览图片代码
摘要：效果如下： 阅读全文
posted @ 2017-07-09 16:55 辣牛 阅读(264) 评论(0) 推荐(0)
Error: spawn xxxx ENOENT原因与解决
摘要：背景： npm 运行项目时出现了该问题 原因： path环境变量配置不当，导致无法找到指定的程序，如Error: spawn cmd.exe ENOENT，出现该问题的原因是因为没有将%SystemRoot%\system32加入path变量中 解决：将 %SystemRoot%\system32 阅读全文
posted @ 2017-07-09 13:20 辣牛 阅读(32045) 评论(0) 推荐(1)
关于环境配置的随笔
摘要：问题一： 'xxx' 不是内部或外部命令,也不是可运行的程序 或批处理文件。 说明： 当前插件环境配置有问题。 解决：找到当前插件的.cmd文件所在位置，将路径添加到pash里面。 pash位置： 我的电脑>属性>高级系统设置>环境变量>系统变量>找到pash>点击编辑>点击新增>添加路径>一路确定 阅读全文
posted @ 2017-07-08 19:34 辣牛 阅读(279) 评论(0) 推荐(0)