其他
文章平均质量分 83
「已注销」
这个作者很懒,什么都没留下…
展开
-
关于gulp的知识总结
1、简介gulp是前端开发过程中对代码进行是自动化构建的工具,不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成。gulp是基于Nodejs的自动任务运行器, 她能自动化地完成javascript/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。在实现上,她借鉴了Un原创 2016-12-17 17:13:30 · 932 阅读 · 0 评论 -
动画02 浏览器的重绘与重排以及动画性能优化
浏览器渲染过程大体上,浏览器渲染过程分为5步处理HTML生成DOM树处理CSS生成样式树将DOM树和样式树合并为Render树(渲染树)对Render树进行布局计算,生成盒模型将信息绘制到屏幕的真实节点重排(reflow)当DOM变化影响了元素的几何属性(比如宽、高),浏览器需要重新计算元素几何属性导致渲染树发生了改变,需要重新构造Render树重绘(r原创 2018-02-02 12:10:15 · 1182 阅读 · 0 评论 -
Pug
简介Pug,原名 Jade, 是一个很流行的 HTML 模板引擎,后来由于 Jade 被注册为商标的原因,改名为 Pug,中文官网在这里。安装和使用npm install pug -g如果需要使用命令行对 pug 模板进行编译,还需要安装 pug-clinpm install pug-cli -gPug 和原来用过的 Smarty 模板、Ractive 模板类似...原创 2018-03-18 00:02:39 · 5874 阅读 · 0 评论 -
我自己写着玩的公众号“程序员爱叨叨”,没人关注
我自己写着玩的公众号“程序员爱叨叨”,欢迎关注。原创 2018-03-20 19:54:37 · 792 阅读 · 0 评论 -
onload与setTimeout的一个小问题
面试的时候遇到了这样一个问题,如下的html页面,最终页面上输出的是什么?<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DOM加载顺序</title> <script src=&qu原创 2018-10-23 20:57:15 · 1868 阅读 · 0 评论 -
MVC,MVP 和 MVVM(转载)
1 什么是MVCMVC的目的是为了把数据(Model)和视图(View)分离开来,然后用控制器(Controller)作胶水来粘合M和V之间的关系。这样做的目的是为了实现注意点分离这样一个更高层次的设计理念,也就是让专业的对象做专业的事情,View就只负责视图相关的东西,Model就只负责描述数据模型,Controller负责总控,各自协作,别总掺和到一起乱成一锅粥!1.1 分层视图(V...转载 2018-11-20 15:03:25 · 120 阅读 · 0 评论 -
前端性能优化总结
性能优化从以下几个角度来考虑页面性能优化网络性能优化网络性能优化网络性能优化主要从以下几个角度:加快请求速度(使用CDN, keep-alive,Websocket,避免重定向,优先加载CSS文件)增多请求并发(Domian-Hash)减小请求数目(合并文件、雪碧图)减小请求体积(压缩图片和文件,Gzip,懒加载,Cookie-Free(减少不必要的cookie),Cache...原创 2018-12-07 18:17:51 · 133 阅读 · 0 评论 -
跨文档通信
跨文档通信跨文档通信指的是从页面A到页面B之间的通信,不需要借助服务器能够实现的方法:通过消息事件实现,不受跨域的限制,并且可实现双向通信postMessageMessageChannel通过客户端存储实现,收到跨域的限制(只有同源的文档才可以访问同一块客户端存储)cookielocalStrage/sessionStroageIndexedDB在页面跳转时携带信...原创 2018-12-14 17:21:58 · 358 阅读 · 0 评论 -
BFF调研-1
前端开发中存在的难问题多端应用,不同类型客户端对数据、API有个性化的需求服务聚合,单一后端为多个前端团队提供接口,导致跨团队协作低效,资源协调困难问题:服务端设计的接口究竟是面向UI,还是面向通用服务?BFF解决方案: Backends For Frontends, 简称BFF。BFF最适合的场景,为第三方提供定制API等差异化场景,每个用户体验(客户端)对应一个后端,BFF...原创 2019-04-16 14:01:06 · 4364 阅读 · 0 评论 -
零散专题29 OAuth 2.0
已同步到个人博客,欢迎访问。定义OAuth是一种授权机制,数据的所有者告诉系统,同意授权第三方应用进入系统,获取这些数据。系统从而产生一个短期的进入令牌(token),用来代替密码,供第三方应用使用。例子举个例子,京东App要求访问我的微信头像和昵称,这里面,我是数据的所有者,而微信就是服务提供商,也就是上面的系统,而京东就是第三方的客户端。当京东要求获取我的微信数据时,我不会将我的...原创 2019-04-28 15:36:23 · 335 阅读 · 0 评论 -
零散专题21 字符编码笔记
今天中午,我突然想搞清楚 Unicode 和 UTF-8 之间的关系,就开始查资料。 这个问题比我想象的复杂,午饭后一直看到晚上9点,才算初步搞清楚。 下面就是我的笔记,主要用来整理自己的思路。我尽量写得通俗易懂,希望能对其他朋友有用。毕竟,字符编码是计算机技术的基石,想要熟练使用计算机,就必须懂得一点字符编码的知识。一、ASCII 码我们知道,计算机内部,所有信息最终都是一个二进制值。每一个二原创 2018-01-02 10:11:35 · 1596 阅读 · 0 评论 -
Chrome DevTools之Network
简介Network面板可以记录页面上的网络请求的详情信息,从发起网页页面请求Request后分析HTTP请求后得到的各个请求资源信息(包括状态、资源类型、大小、所用时间、Request和Response等),可以根据这个进行网络性能优化。原创 2017-12-04 16:58:58 · 2384 阅读 · 0 评论 -
Flex布局
Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。原创 2017-04-14 12:06:09 · 346 阅读 · 0 评论 -
Mustache Syntax
简介Mustache 是一个轻逻辑模板解析引擎(Logic-less templates),它的优势在于可以应用在 Javascript、PHP、Python、Perl 等多种编程语言中原创 2017-04-14 12:08:25 · 493 阅读 · 0 评论 -
零散专题02 正则表达式
正则表达式学习笔记原创 2017-04-17 15:17:02 · 214 阅读 · 0 评论 -
Postman
1、简介Postman是一个chrome扩展,能够提供强大的http调试功能。postman能够发送任意类型的http请求,支持post/get/put/delete等,请求头中可以附带任意数量的header信息。2、安装由于不能翻墙,需要单独下载postman的插件进行安装(http://www.cnplugins.com/),然后在chrome扩展程序的界面拖入进行安装,如果不能安装(显示“只能原创 2016-12-26 21:46:13 · 14905 阅读 · 4 评论 -
LESS总结
Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。1、安装:①安装js解析器node.js;③使用npm安装less,默认安装目录在用户名\node_modules这里面$ npm install -g less2、运行安装 Less 后,就可以在命令行上调用 Less 编译器了,如下:$ less原创 2016-12-21 22:09:25 · 476 阅读 · 0 评论 -
normalize.css
normalize.css转载 2016-12-12 21:03:30 · 630 阅读 · 0 评论 -
moment.js
简介一个轻量级的Javascript日期处理类库:moment.js,使用它可以轻松解决前端开发中遇到的种种日期时间问题。moment.js不依赖任何第三方库,支持字符串、Date、时间戳以及数组等格式,可以像PHP的date()函数一样,格式化日期时间,计算相对时间,获取特定时间后的日期原创 2017-04-26 12:17:09 · 839 阅读 · 0 评论 -
字体应用
字体原创 2017-04-26 18:39:56 · 1122 阅读 · 0 评论 -
制作网站收藏夹图标
在head中添加下面代码: <link rel="shortcut icon" href="dist/ico/favicon.ico">同时在对应的位置准备好ico格式的图标,一般为32*32尺寸,再大点也可以原创 2017-06-19 17:26:09 · 532 阅读 · 0 评论 -
网络基础10 Restful API设计规范
Restful API设计规范总结原创 2017-11-03 19:58:30 · 39641 阅读 · 0 评论 -
零散专题10 Fetch API
简介Fetch是基于Promise设计的,是属于window对象的方法,可以用来替代Ajax。旧浏览器不支持Promise,需要使用Polyfill进行处理 。兼容性目前浏览器对Fetch的原生的支持率并不高,幸运的是,引入下面这些polyfill后可以完美支持IE8+ :由于IE8是ES3,需要引入ES5的polyfill: es5-shim, es5-sham引入Promise的...原创 2019-05-09 11:45:53 · 228 阅读 · 0 评论