前端性能与工程化
文章平均质量分 92
小平果118
我是一匹奔腾的野马,需要你来征服。。。。。
展开
-
WEB性能权威指南学习笔记 Item03
HTTP 1.1HTTP 1.0 的优化策略非常简单,就一句话:升级到 HTTP 1.1。完了!• 持久化连接以支持连接重用;• 分块传输编码以支持流式响应;• 请求管道以支持并行请求处理;• 字节服务以支持基于范围的资源请求; • 改进的更好的缓存机制。对网络优化:• 减少DNS查询每次域名解析都需要一次网络往返,增加请求的延迟,在查询期间会阻塞请求。• 减少HTTP请求任何请求都不如没有原创 2016-08-19 23:56:07 · 1967 阅读 · 0 评论 -
jscpd--前端代码重复率检测
在实际开发中,一般的重复代码有一下几类完全一致的代码或者只修改了空格和评论结构上和句法上一致的代码,例如只是修改了变量名插入和删除了部分代码功能和逻辑上一致的代码,语义上的拷贝很明显越往后,重复代码检测难度越大。在实际情况中,我们的检测要求只要大致能满足前两者就已经足够了。在技术上,重复代码检测主要有以下分类:基于代码行的基于标识符(token)的基于度量(metrics)的基于抽转载 2017-09-05 23:28:17 · 9219 阅读 · 1 评论 -
XSS web安全浅析
xss 防范:(前端开发与服务端开发,HTTP,Cookie, Ajax)了解Xss定义理解Xss原理了解常见的Xss攻击方式掌握Xss的防御措施xss的攻击方式(Dos攻击)反射型url输入,服务端返回,并解析(一般是js代码)实例讲解: express -e ./ npm install code ./ npm start localhost:3000在 index.js中原创 2017-07-06 23:33:19 · 628 阅读 · 3 评论 -
新手git学习笔记
一、git基本使用教程http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000二、常用命令新人使用git的流程:git init→git clone→git branch xxx→git checkout xxx→git add xxx→git commit -m xxx→git push原创 2017-05-01 22:20:08 · 579 阅读 · 2 评论 -
使用SeaJS实现模块化JavaScript开发
前言–SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重的JavaScript文件及对象依赖处理转载 2016-06-14 17:44:32 · 983 阅读 · 2 评论 -
使用SeaJS实现模块化JavaScript开发2
SeaJS由国内的牛人lifesinger开发。压缩后才4k,质量极高。这篇会讲述SeaJS的一些基本用法,不会面面俱到,但会就个人的理解讲述官方文档没有提到的一些细节。一、SeaJS的全局接口SeaJS向全局公开了两个标识符: seajs 和 define。如果你的项目中已经用了标识符seajs,又不想改。这时SeaJS可以让出全局的seajs。如var boot = seajs.noConfli转载 2016-06-15 09:41:00 · 970 阅读 · 0 评论 -
webpack快速入门和实战
webpack是什么Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。这张图基本上解释了webpack是用来干嘛的,将一些相互依赖的模块(文件),打包成一个或多个js文件,减少http请求次数,提升性能。这些相互依赖的模块可以是图片、字体、coffee文件、样式文件、less文件等。1、 安装先安装install node.js原创 2016-07-16 18:01:32 · 6777 阅读 · 0 评论 -
WEB性能权威指南学习笔记 Item01
“合格的开发者知道这么做, 而优秀的开发者知道为什么那么做”一. 延迟与带宽分组从信息源发到的地所需的时间逻辑或物理通信路径最大的吞吐量延迟的构成传播延迟 信号传播距离和速度的函数 =>信号传播距离/速度传输延迟 把消息中比特转移到链路中的时间, 是消息长度和链路速率的函数 =>消息长度/链路速度处理延迟 处理分组头部,检查为错误,以及确定分组目标需要的时间 =>路由处理速度排队延迟原创 2016-08-19 23:51:33 · 2590 阅读 · 0 评论 -
web性能权威指南学习笔记 Item02
HTTP你发展史 http0.9 –>http1.0 –>http1.1 –>http2.0 http请求和http响应 主要步骤包括:➊ 请求 HTML 文件,及其编码、字符集和元数据➋ 对原始 HTML 请求的分块响应➌ 以 ASCII 十六进制数字表示的分块数据的字节数( 256 字节)➍ 分块数据流响应结束➎ 在同一个 TCP 连接上请求图标文件➏ 通知服务器不再使用连接了➐ 图标响原创 2016-08-19 23:54:39 · 1824 阅读 · 0 评论 -
预加载 Skeleton Screen — 骨架屏
用户体验一直是前端开发需要考虑的重要部分,在数据请求时常见到锁屏的loading动画,而现在越来越多的产品倾向于使用Skeleton Screen Loading(骨架屏)替代,以优化用户体验。Skeleton ScreenSkeleton Screen(骨架屏)就是在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面,补充进需要显示的数据内容。常用于文章列表、动态列表页转载 2018-03-17 12:14:10 · 8055 阅读 · 0 评论