SF
Stay foolish, stay hungry
Stay foolish, stay hungry
注册登录
关注博客
注册登录
主页
关于
RSS
PWA,你需要知道的那些事
grace_xhw
2018-11-08
阅读 4 分钟
5.2k
PWA,英文全称是 Progressive Web App,2015年 由 Google 提出。PWA是提升 Web App的体验的一种新方法,能给用户原生应用的体验,兼具了 Web App 和 Native App 的优点。
前端数据扁平化与持久化
grace_xhw
2018-09-03
阅读 6 分钟
9k
(PS: 时间就像海绵里的水,挤到没法挤,只能挤挤睡眠时间了~ 知识点还是需要整理的,付出总会有收获,tired but fulfilled~)
【译】Node.js 前端开发指南
grace_xhw
2018-08-21
阅读 12 分钟
4.5k
众成翻译 原文链接 关于作者 2018年6月21日出版 本指南面向了解Javascript但尚未十分熟悉Node.js的前端开发人员。我这里不专注于语言本身 -- Node.js 使用 V8 引擎,所以和Google Chrome的解释器是一样的,这点您或许已经了解(但是,它也可以在不同的VM上运行,请参阅 node-chakracore) 目录 Node 版本 不需要Babel ...
[译]2018年值得关注的10大JavaScript动画库
grace_xhw
2018-07-31
阅读 4 分钟
4.7k
现代网站的客户端依靠高质量的动画,这就使得JavaScript动画库的需求不断增加。幸运的是,供应似乎与需求相匹配,并且有多种选择。至于选择哪一个就难以定夺了。在这一年里,许多动画库有可能完善得更好,为创建动画提供更好的解决方案。
Vue2.0 实践阶段性分享
grace_xhw
2016-12-24
阅读 5 分钟
6.4k
整个后台我们使用 Vue-router 来管理路由,用 Vuex 统一状态管理,Vue-resource 来完成ajax请求,Element-ui 来快速开发UI,webpack 编译打包,eslint 规范团队代码规范。
[译] 你应了解的4种JS设计模式
grace_xhw
2016-10-20
阅读 7 分钟
8.3k
每个JS开发者都力求写出可维护、复用性和可读性高的代码。随着应用不断扩大,代码组织的合理性也越来越重要。设计模式为特定环境下的常见问题提供了一个组织结构,对于克服这些挑战起到至关重要的作用。
[译]Yarn:一个新的JavaScript包管理器
grace_xhw
2016-10-14
阅读 4 分钟
4.2k
在JavaScript社区,工程师们分享了成百上千的代码段,我们不用自己从头编写基础组件、类库或者框架。反过来,每段代码又或许依赖于其它的代码段,而这些依赖就是通过 package managers(包管理器) 来管理的。最流行的JavaScript包管理器就是 npm客户端了,它可以访问在npm注册的 300,000 多个安装包。超出500万的工程师使...
【译】React性能工程(下) -- 深入研究React性能调试
grace_xhw
2016-09-15
阅读 4 分钟
5.4k
本文是 React 性能工程系列文章的 第二篇(共两篇). 在第一篇 译文,我们讲述了如何使用React性能工具和一些普遍存在的性能瓶颈,以及一些调试相关的技巧。如果你还没阅读上一篇文章,建议读一读!
【译】 React 性能工程(上)
grace_xhw
2016-09-07
阅读 4 分钟
6.7k
然而,如果你是在构建一个DNA设计工具、一个胶体图片分析器、一个富文本编辑器,或者一个全能的电子数据表,你就会触碰到性能的瓶颈了。这时候,就有必要来解决这个问题了。在构建Benchling这个项目的过程中,我们遇到了很多问题。所以,本文的目的是给那些网络开发者和关注Benchling的粉丝分享我们学到的一些方法。(当...
[译] 如何运用新技术提升网页速度和性能
grace_xhw
2016-08-26
阅读 9 分钟
3.3k
最近更新了我们的网站,它是经过了设计上的全面验收的。但实际上,作为软件开发者,我们会注重很多技术相关的零碎的东西。我们的目标是控制性能,注重性能,未来可伸展,为网站增添内容是一种乐趣。接着就来告诉你,为什么我们的网站速度比你们的快吧(抱歉,确实是这样的)。
[译]148个资源让你成为CSS专家
grace_xhw
2016-08-23
阅读 8 分钟
18.6k
迄今为止,我已经收集了100多个精通CSS的资源,它们能让你更好地掌握CSS技巧,使你的布局设计脱颖而出。 CSS3 资源 20个学习CSS3的有用资源 CSS3 风暴 — 提示, 诀窍 和 技巧 20个非常有用的CSS3教程 令人激动的CSS3函数与特性: 30多个有用教程 参考资源与备忘录 CSS属性指引 —— 一份清单,按字母表顺序列出了每个CSS属性...
【译】基于JS模块化现状谈谈选择ES6模块的原因
grace_xhw
2016-08-09
阅读 4 分钟
4.7k
要明白这种重要性,首先我们需要描述一下JS的实际情况。过去5年,JavaScript 发展得非常迅猛,大多数开发人员几乎没意识到当前已经有 5 种方式,可以为 JavaScript 脚本和应用创建模块了!
[译]如何构建服务器端web组件,为何要构建?
grace_xhw
2016-08-07
阅读 13 分钟
4k
简单回顾一下,web组件是一套提案标准, 提供了一种模块化的方式,把UI和功能一起打包成可复用的、声明式的组件。这些组件可以很简单的被共享、组合成一个完整的应用。如今,它们已经被广泛用于前端开发。那么后端就不需要了么?Polymer Project 已经表明,web组件不仅对UI有利,对原生功能也有同样的好处。我们来看看如...
[译] 最深刻而易懂的ES6解构教程
grace_xhw
2016-08-01
阅读 11 分钟
7.9k
解构是ES6的新特性,用于从JavaScript对象和数组中提取数据,语法上比ES5所提供的更加简洁、紧凑、清晰。它不仅能减少你的代码量,还能从根本上改变你的编码方式。用的越多,你就会发现越多塑造数据和函数的方式,这些实现方式在过去几乎是不可能的。本文将深入探讨解构赋值,为你介绍该新特性中你所需要知悉的一切。
[译] ES6 中 Arguments 和 Parameters 用法解析
grace_xhw
2016-07-24
阅读 12 分钟
11.4k
ECMAScript 6 (也称 ECMAScript 2015) 是ECMAScript 标准的最新版本,显著地完善了JS中参数的处理方式。除了其它新特性外,我们还可以使用rest参数、默认值、解构赋值等。
Sass 与 Compass 实战经验总结
grace_xhw
2016-05-01
阅读 4 分钟
4.9k
自从走进前端圈,一直忙于学习和工作,虽有经常记下点滴收获,却没有时间好好地写出来。此刻,恰逢"五一",正好挤时间写写博客,跟大家分享下近期结合使用Sass和Compass的一些经验。文章主要面向对Sass和Compass还不熟悉的同学,相信对你有一定的帮助。大牛请补充,欢迎留下建议或补充说明。