SF
前端beginner
前端beginner
注册登录
关注博客
注册登录
主页
关于
RSS
javaScript命名空间的实现
爱睡觉的小猫咪
2017-08-27
阅读 1 分钟
2.9k
大型项目中-javaScript如何解决命名冲突 要解决命名冲突,即必须保证,本模块的变量不会被其他模块污染,为了保证命名空间的整洁,希望能够在全局把这些变量用一种规范的方式组织起来。 命名空间的实现 在全局管理命名空间,可以把命名挂在在window这个全局对象上,来实现命名空间的整合和通信。 按照约定的命名规范,...
[译]高性能浏览器网络(第九章)--HTTP简史
爱睡觉的小猫咪
2017-03-26
阅读 6 分钟
4.8k
超文本传输协议(HTTP)是互联网上最普遍并广泛采用的应用协议之一:它是客户端和服务器之间的通用语言,促成了现代网络的形成。最开始它以单关键字和文档路径的简单形式出现,目前已成为不仅仅是浏览器,几乎每个互联网连接的软件和硬件应用程序所选择的协议。
简说 优化关键渲染路径
爱睡觉的小猫咪
2017-03-15
阅读 2 分钟
3k
回顾 关键渲染路径 简说浏览器渲染--关键渲染路径 渲染性能优化需要关注的关键点 减少资源请求的字节数 减少关键资源的数量 缩短关键呈现路径的长度 减少资源请求的字节数 三个主要的方法: 代码瘦身,如:去注释 压缩 缓存 减少关键资源的数量 什么是关键资源? 会阻塞页面渲染的资源,这些资源会应用在关键呈现路径...
简说浏览器渲染--关键渲染路径
爱睡觉的小猫咪
2017-03-14
阅读 2 分钟
3.4k
当你访问一个网站的时候,你会发现页面有时不是一下子被渲染出来的, 当拿到一段html的时候,这段html便开始构建dom,下一段html可能还在网络中穿梭,dom的这种即使构建的机智,给我们带来了很好的用户体验
什么是npm
爱睡觉的小猫咪
2016-11-08
阅读 1 分钟
5.9k
我们把代码组织成包package,有时也叫模块module。一个包是一个包含一个或多个文件的目录。在项目中会创建一个特殊的package.json的文件,package.json以元数据的形式定义了项目开发所需的依赖包。这样,便可以将这些小的解决单一问题的依赖包定义组织在一起,为这个项目提供大的可定制的依赖集。
布局
爱睡觉的小猫咪
2016-10-24
阅读 5 分钟
1.9k
‘display’、’position’ 和 ‘float’ 的相互关系 圣杯布局和双飞翼 什么是圣杯布局和双飞翼布局? 圣杯布局和双飞翼布局可实现两边宽度固定,中间宽度自适应,外部高度为三者中的最高高度的三列布局,当然,由扩展性这样的布局不仅仅只是三列, 圣杯布局 因为现有的技术全部都有缺点,要找到一种好的实现方法就像找到圣杯...
清除浮动
爱睡觉的小猫咪
2016-10-24
阅读 2 分钟
1.9k
有时候,父级元素本来就是没有样式的,那么他塌陷不塌陷无所谓咯,不不不,图森破,如果父级元素后面还有元素,由于父级元素的塌陷,他们就会上来占据父级元素的位置,效果就是,子元素覆盖在了父级元素下面元素的上面。所以,在需要应用父级元素的样式的时候,在不希望子元素覆盖父级下一个元素的时候,要清除浮动
水平垂直居中
爱睡觉的小猫咪
2016-10-24
阅读 5 分钟
1.9k
它为什么备受关注? 并不是因为它难实现,而是因为实现的策略太多了,让人无可下手,无可选择。 将各个问题分类,给出常用解 水平居中 行内元素: text-align:center html: {代码...} css: {代码...} 单行块级元素 已知宽:margin:0 auto; html: {代码...} css: {代码...} 当它是float的时候,效果并不理想!float:le...
举三个列子,弄清楚js中值传递。
爱睡觉的小猫咪
2016-10-24
阅读 2 分钟
1.7k
预备知识 首先要明白基本类型和引用类型的区别: 基本类型: {代码...} 基本类型存储图 从他们的存储空间可知:num1和num2的存储是独立的,改变其中一个的值,另一个不会受到影响 引用类型: {代码...} 引用类型存储图 从他们的存储空间可知,改变其中一个的属性值,另一个的属性值也会改变。 值传递的典型 {代码...} 这...
基于组件的web app
爱睡觉的小猫咪
2016-09-01
阅读 5 分钟
3.3k
基于组件的web app实现了一款精致的H5动态移动端单页数据报告,除了刚开始的显示进度的预加载页,共由十个页面组成,每个页面即是一个组件,除了首页和尾页,数据报告的中间8个页面有同款的标题栏和背景,分别以折线图、饼状图、柱形图、雷达图、环图和散点图展示不同的数据。每种图都是动态生成。
React<二>入门
爱睡觉的小猫咪
2016-08-19
阅读 4 分钟
2.5k
前言 这是一篇打基础的文章,通过本文的基础学习,会发现打开了新世界的大门,要实现以下几个目标 react中文官方文档学习 边学边练 探索学习资源 学习一门技术的最快的方式就是看它的文档,跑官方的demo. 快速开始 我使用chrome浏览器,在分离文件时,文档中说要通过http服务,linux下可以创建软链,于是我在在服务器的...
React<一>初接触
爱睡觉的小猫咪
2016-08-17
阅读 2 分钟
1.8k
把自己学习新东西的路径记录下来,包括学习资源的查找和学习过程的思考,相信这些是比学习内容本身更重要的东西,供初学者参考,当然,非常欢迎给我提出学习意见!
js最常用和最有效的继承
爱睡觉的小猫咪
2016-08-10
阅读 5 分钟
7.1k
从对象的角度来说,我们不想重复写同一段逻辑,所以逻辑需要复用;但是我们不希望一个对象掌管的变量被其它对象修改。所以变量不能共享。也就是要共享函数,不共享属性。
jsonp跨域
爱睡觉的小猫咪
2016-08-02
阅读 2 分钟
4.8k
js跨域 利用了script src没有同源限制,进行跨域请求。例如,www.a.com 想请求 www.b.com 的内容 {代码...} 要点 a网站定义jsonp的回调处理。 a网站jsonp跨域请求 b网站使用a网站的同名函数处理跨域请求 补充说明 以上便是js的jsonp实现跨域,其实它和ajax的XHR对象并没有任何关系,由于jquery 把jsonp的实现封装在了aja...
Angular入门
爱睡觉的小猫咪
2016-07-23
阅读 17 分钟
4.3k
初识Angular,理解它的基本设计原理可以更好的把握Angular。看了慕课网大漠穷秋老师的视频,总结一下。下面的源码也来自慕课网,可以下载到。
Node.js初体验
爱睡觉的小猫咪
2016-06-23
阅读 15 分钟
2.3k
刚刚看完了《Node.js入门》,参考node官网和一些相关文章,终于感觉和node亲近了一步,迫不及待的想写篇文章分享一下,希望本文的读者读完后像读了一本好书一样,获益良多。