勿忘初心

繁忙的工作、生活的琐事遗失最初美好纯洁的自己。勿忘初心,人生若只如初见


  • 首页

  • 归档

  • 分类

  • 标签

  • 关于

  • 搜索
  • High一下
勿忘初心

实用型JavaScript方法总结--持续更新中

发表于 2018-04-22 | 分类于 JavaScript | | 阅读次数

收集一些比较有趣且实(装)用(X)的JavaScript方法实现,学习并提供总结,欢迎大家提提意见一起探讨。

阅读全文 »
勿忘初心

JavaScript常用设计模式总结

发表于 2018-04-16 | 分类于 设计模式 | | 阅读次数

一万个人心中,有一万哈姆雷特。JavaScript虽然是弱类型语言,但正因于此造就了JavaScript的灵活性和创造型。不同的人写实现同一个需求,可能实现方式都不相同,可以写的很简单,也可以很复杂,甚至可以使用设计模式来构建你的代码。

阅读全文 »
勿忘初心

JavaScript中Object原生方法总结

发表于 2018-04-16 | 分类于 JavaScript | | 阅读次数

关于ES5和ES6 Object中经常看到的方法的总结和梳理。虽然在日常开发中不经常使用,但是理解这些方法的含义对理解js有很大帮助。仅代表个人意见,有更好看法欢迎交流探讨。有些总结并不详细,只是把文章结构写出来,后续逐步更新,实在是有时候写着写着不知道怎么写,就先把想写列出来,以后慢慢写了。

阅读全文 »
勿忘初心

JavaScript中位运算符的基本常识

发表于 2018-04-10 | 分类于 JavaScript | | 阅读次数

在JavaScript中虽然使用位运算不多,但是也有必要对位运算有所了解,这里就是收集了一些位运算符的基本知识以作学习。

阅读全文 »
勿忘初心

前端性能优化--updating

发表于 2017-03-02 | 分类于 前端工程 | | 阅读次数
优化方向 优化手段
请求数量 合并脚本和样式表,CSS Sprites,拆分初始化负载,划分主域
请求带宽 开启GZip,精简JavaScript,移除重复脚本,图像优化
缓存利用 使用CDN,使用外部JavaScript和CSS,添加Expires头,减少DNS查找,配置ETag,使AjaX可缓存
页面结构 将样式表放在顶部,将脚本放在底部,尽早刷新文档的输出
代码校验 避免CSS表达式,避免重定向

欢迎转载,但转载请注明来自”勿忘初心”的博客,并保持转载后文章内容的完整性。

本文链接:http://lucylc.com/前端工程/2017/03/02/前端性能优化-updating.html

勿忘初心

前端工程需要用到的技术元素

发表于 2017-03-02 | 分类于 前端工程 | | 阅读次数

对于好的文章收录是我长期以来的爱好,这里感谢云龙大牛的分享

阅读全文 »
勿忘初心

理解 SeaJS 与 RequireJS 的差异

发表于 2017-03-02 | 分类于 前端模块化 | | 阅读次数

requirejs和seajs二者在加载上都有缺陷,就是模块的依赖要等到模块加载完成后,通过静态分析(seajs)或者deps参数(requirejs)来获取,这就为 合并请求 和 按需加载 带来了实现上的矛盾:

要么放弃按需加载,把所有js合成一个文件,从而满足请求合并(两个框架的官方demo都有这样的例子); 要么放弃请求合并,请求独立的模块文件,从而满足按需加载。 AMD规范在执行callback的时候,要初始化所有依赖的模块,而CMD只有执行到require的时候才初始化模块.

阅读全文 »
勿忘初心

何为web前端?前端工程分哪些阶段?

发表于 2017-03-02 | 分类于 前端工程 | | 阅读次数

对于好的文章收录是我长期以来的爱好,这里感谢云龙大牛的分享

不知道你的团队如何定义前端开发,据我所知,时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位,虽然身份之争多少有些无谓,但我对这种偏见还是心存芥蒂,酝酿了许久,决定写一个系列的文章,试着从工程的角度系统的介绍一下我对前端,尤其是Web前端的理解。

只要我们还把自己的工作看作为一项软件开发活动,那么我相信读过下面的内容你也一定会有所共鸣。

前端,是一种GUI软件

阅读全文 »
勿忘初心

Js函数作用域与this的指向问题

发表于 2017-03-02 | 分类于 JavaScript | | 阅读次数

以前对函数作用域以及this指向都没有一个系统的认识,偶然一次代码编写运行结果与自己预想结果不一样,这让我决定对Js的作用域和this深层次学习。下面是我当初的一个小错误:

1
2
3
4
5
6
7
8
9
var obj = {
a: 20,
getA: function() {
setTimeout(function() {
console.log(this.a)
}, 1000)
}
}
obj.getA();

这里输出的undefined,因为这里的this指向window。只需要修改this指向就可以,方法很多。

1
2
3
4
5
6
7
8
var obj = {
a: 20,
getA: function() {
setTimeout(function() {
console.log(this.a)
}.bind(this), 1000)
}
}
阅读全文 »
勿忘初心

移动端兼容性解决方案汇总

发表于 2017-02-28 | 分类于 Mobile | | 阅读次数

关于移动端的兼容性问题的解决方案,希望码友们踊跃分享,让移动端的坑无所遁形

阅读全文 »
12
RossiLc

RossiLc

勿忘初心,方得始终。关注前端,分享生活。露西&罗西的博客 lucylc.com

18 日志
10 分类
15 标签
RSS
GitHub 微博 豆瓣 知乎 Coding
友情链接
  • es6中文学习网站
  • 露西&罗西
© 2017 - 2018 rossilc,露西&罗西
由 Hexo 强力驱动
主题 - NexT.Mist
本站总访问量次

Hosted by Coding Pages