20161112 前端开发日报

了解并使用 CSS 中的 rem 单位;移动 H5 前端性能优化注意点;反省我十年开发犯过的错;JavaScript获取窗口位置和元素坐标(兼容版);JavaScript API 设计原则;谈谈学习方法;理解 Object.defineProperty 的作用;为什么说DOM操作很慢

  1. 程序员俱乐部(28次阅读/14次分享/2次评论/12次点赞)

    了解并使用 CSS 中的 rem 单位 今天我们深度了解一下 rem 单位,这个单位目前已经得到了优秀浏览器的支持,并且有一些兼容方案来帮助你在低版本的 IE 浏览器中的使用它。 什么是 rem 可能在你使用收音机或者用其他音乐播放器之前,就已经听过“R.E.M.”这个词了。在这个乐队眼中,这个词是“浅睡眠时眼球的快速转动”的缩写,而在 css 中,rem 代表着“以根…

    了解并使用 CSS 中的 rem 单位
  2. 开发者头条(25次阅读/5次分享/1次评论/3次点赞)

    移动 H5 前端性能优化注意点 希望得到的最好的效果: PC优化手段在Mobile侧同样适用 最多三秒钟渲染完成单屏或者使用Loading 基于3G/4G移动网络下,每屏幕资源不超过1024KB 加载优化 合并CSS、JavaScript 合并小图片、使用雪碧图 缓存一切可以缓存…
  3. IT程序狮(24次阅读/2次分享/1次评论/3次点赞)

    #程序人生#【反省我十年开发犯过的错】详见: 我 2006 年开始工作,到现在已经 10 年了。 10 年,够得上是一个“里程碑”,驱使我回首过去,反省记录那些年我犯过的错。不论你是刚入行的新手,还是多年经验的老兵,本文多少会对你有一些帮助。[围观](译者:shixinzhang)

    反省我十年开发犯过的错
  4. 前端开发博客(21次阅读/9次分享/2次评论/10次点赞)

    #JavaScript#【JavaScript获取窗口位置和元素坐标(兼容版)】在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果,这种时候我们经常会用到一些元素位置和尺寸的计算,浏览器兼容性问题也是不可忽略的一部分,要…请戳→ #前端开发博客#

    JavaScript获取窗口位置和元素坐标(兼容版)
  5. 程序师视野(20次阅读/2次分享/1次评论/1次点赞)

    JavaScript API 设计原则】什么是好的 API 设计:在自描述的同时,能达到抽象的目标。

    JavaScript API 设计原则
  6. 开发者头条(16次阅读/3次分享/1次评论/3次点赞)

    谈谈学习方法 阅读本文大概需要 5.20 分钟。 上一篇文章有同学给我留言:张哥,我是一名大二学生,我很喜欢 Android,但是我感觉我的逻辑思维有点慢,学习方法也不得巧,所以,问下您有什么建议吗?还是说我不适合学编程,大学计算机专业! 其实不止这位同学,之前很多人给我留言,说因为兴趣,选择了编程,而且…
  7. SegmentFault(14次阅读/4次分享/1次评论/13次点赞)

    理解 Object.defineProperty 的作用】来自@辣手摧js 传送门:对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式: {代码…} 除了以上添加属性的方式,还可以使用Object.defineProperty定义新属性或修改原有的…

    理解 Object.defineProperty 的作用
  8. 实验楼官方微博(12次阅读/2次分享/3次评论/2次点赞)

    #编程技术分享#【为什么说DOM操作很慢】文章主要先介绍下这些浏览器行为,阐述一个页面是怎么最终被呈现出来的,另外还会从代码的角度,来说明一些不好的实践以及一些优化方案[围观] 。全文:

    为什么说DOM操作很慢
  9. 前端大全(11次阅读/25次分享/7次评论/12次点赞)

    border-image 的正确用法》border-image 边框图片,顾名思义: 指定边框使用的图片。尽管经常使用 border-image(-webkit-border-image),但我们真的了解它的吗?(by 凹凸实验室 )

    border-image 的正确用法
  10. SegmentFault(9次阅读/16次分享/11次评论/15次点赞)

    【使用 Let’s Encrypt 证书部署 HTTPS】本篇总结在 CentOS 和 Nginx 上安装 Let’s Encrypt 签发的证书的过程。传送门:为了推广HTTPS协议,电子前哨基金会EFF成立了 Let's Encrypt,提供免费证书。 Let's Encrypt一个于2015年三季度推出的数字证书认证机构,将通过旨在消除当前手动创建和安装证书的复杂过程的自动化流程,为安全网…

    使用 Let’s Encrypt 证书部署 HTTPS
  11. 程序师视野(8次阅读/8次分享/1次评论/1次点赞)

    【.NET开发人员必看:提高ASP.NET Web应用性能的24种方法和技巧】在这篇文章中,将介绍一些提高 ASP.NET Web 应用性能的方法和技巧。众所周知,解决性能问题是一项繁琐的工作,当出现性能问题,每个人都会归咎于编写代码的开发人员。

    提高ASP.NET Web应用性能的24种方法和技巧
  12. 前端大全(3次阅读/18次分享/4次评论/15次点赞)

    谈谈JS中的函数节流》从字面上就可以理解,函数节流就是用来节流函数从而一定程度上优化性能的。例如,DOM 操作比起非DOM 交互需要更多的内存和CPU时间。(by winty

    谈谈JS中的函数节流

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流