进入我的博客

这里有您在其他地方看不到的web前端方面的技术、知识及资源

这里有您在其他地方看不到的web前端方面的技术、知识及资源

张鑫旭-鑫空间-鑫生活

it's my whole life!

好文推荐

140篇推荐内容

[译]Preload,Prefetch 和它们在 Chrome 之中的优先级

今天我们来深入研究一下 Chrome 的网络协议栈,来更清晰的描述早期网络加载(像 <link rel=“preload" 和 <link rel=“prefetch”>)背后的工作原理,让你对其更加了解。

阅读全文 »

标签:前端 | 发布于2017-04-08 | 备份地址

如何用 css 修出好看的照片

我们通常会通过PS,美图秀秀等来编辑照片,制作比较符合意境的的效果图片(图骗),但是编辑器和PS的切换是有成本的,如果能在编辑器中快捷并且批量的处理图片岂不是很好。这篇文章没有多么高深的代码,只是一些平时容易忽略并且很受用的小技巧。

阅读全文 »

标签:前端 | 发布于2017-08-20

入门Webpack,看这篇就够了

阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过...

阅读全文 »

标签:前端 | 发布于2016-08-08

英文技术文档看不懂?看印记中文就够了!

学习技术的时候,苦于找不到好的中文文档?现在不用担心了,印记中文能帮你解决技术文档的难题!我们专注于做最权威,质量最高的技术文档翻译社区。

阅读全文 »

标签:前端 | 发布于2017-08-23

腾讯祭出大招VasSonic,让你的H5页面首屏秒开!

本文根据作者在2017GMTC全球移动技术大会的上分享的ppt整理,特别感谢卢景伦(腾讯SNG增值产品部高级工程师)将ppt精华汇总成文,方便大家阅读学习。

阅读全文 »

标签:前端 | 发布于2017-08-16 | 备份地址

学习 React.js 比你想象的要简单

通过 Medium 中的一篇文章来学习 React.js 的基本原理...

阅读全文 »

标签:前端 | 发布于2017-08-15

谷歌也发布了Web前端机器学习库,就叫deeplearn.js

现在谷歌也决定在机器学习前端开发领域添一把柴,昨天发布了开源了自己的前端机器学习库 deeplear.js

阅读全文 »

标签:前端 | 发布于2017-08-08

一个少女心满满的例子带你入门 canvas

之前看到了一个很好看的canvas效果,然后拿来做我的博客背景,不少童鞋留言说求教程...

阅读全文 »

标签:前端 | 发布于2017-08-06 | 备份地址

新版 Chrome 带来了新的字体渲染属性 font-display

font-display 属性可以帮你控制需要下载的字体加载完成之前所呈现的方式。

阅读全文 »

标签:前端 | 发布于2017-08-03

防xss攻击十级挑战

如果可以让页面执行prompt(1),你就赢了!

阅读全文 »

标签:前端 | 发布于2017-07-31

纯 CSS 实现波浪效果!

一直以来,使用纯 CSS 实现波浪效果都是十分困难的。

阅读全文 »

标签:前端 | 发布于2017-07-16 | 备份地址

从移动端 click 到摇一摇

以前听到前辈们说移动端尽量不要使用click,click会比较迟钝,能用touchstart还是用touchstart。但是用touchstart会有一个问题,用户在滑动页面的时候要是不小心碰到了相关元素也会触发touchstart,所以两者都有缺点。那怎么办呢?

阅读全文 »

标签:前端 | 发布于2017-07-23

CSS vs. JavaScript: 相信 vs. 控制

当阿姆斯特丹的GotoConf的组委会要求我发言时,我以为会让我讲机器学习或Progressive Web Apps。但是,组织者要求我讲CSS,这门在他们的“编程语言”中被低估的语言。说起来,我从最开始就一直是CSS的粉丝。

阅读全文 »

标签:前端 | 发布于2017-07-14 | 备份地址

为什么我从React转为Cycle.js

今天,我将会和大家分享我的经验,关于我为什么从React框架转到Cycle.js。

阅读全文 »

标签:前端 | 发布于2017-07-20

程序员如何快速学习新的框架

今天很流行的 Web 框架,半年以后,可能就会在市场上被『淘汰』——技术选型的时候,不被开发人员推荐;又或者它已经推出了全新的版本,使用了全新的 API,我们便需要更新现有应用。

阅读全文 »

标签:前端 | 发布于2017-07-19

CSS Animation 与 Web Animation API 之争

JavaScript 提供了 Web Animations API 原生动画 API ,在本篇文章中称它为 WAAPI。本篇文章中,我们将对比 WAAPI 和 与之对应的 CSS 动画。

阅读全文 »

标签:前端 | 发布于2017-07-13 | 备份地址

JavaScript Promise迷你书(中文版)

本书的目的是以目前还在制定中的ECMAScript 6 Promises规范为中心,着重向各位读者介绍JavaScript中对Promise相关技术的支持情况。

阅读全文 »

标签:前端 | 发布于2017-07-05

Service Worker那些事

丰富的离线体验,定期的后台同步,推送通知,这些通常需要一个本地应用程序才能实现的功能现在已经来到了 web 端。以上这些特性背后所依赖的技术都会通过 service worker 提供。

阅读全文 »

标签:前端 | 发布于2015-07-04 | 备份地址

Web 分享 API 赋予浏览器原生分享能力

Web分享API把原生的分享能力带到Web端。

阅读全文 »

标签:前端 | 发布于2017-03-09 | 备份地址

AMP,来自 Google 的移动页面优化方案

最近 Google 某个团队推出了一项名为 Accelerated Mobile Pages(AMP)的技术,号称能大大加快移动端页面呈现速度,提高整体体验。

阅读全文 »

标签:前端 | 发布于2015-10-10 | 备份地址

关于谷歌的AMP,你需要知道这些

谷歌开源的基于web的解决方案,他们称之为加速移动页或者简写为AMP。

阅读全文 »

标签:前端 | 发布于2016-03-02 | 备份地址

初识 three.js 的故事

Three.js 是 JavaScript 编写的 WebGL 第三方库,通过对 WebGL 接口的封装与简化而形成的一个易用的图形库。

阅读全文 »

标签:前端 | 发布于2017-06-26 | 备份地址

jQuery源码查看工具

如题,方便深入学习jQuery

阅读全文 »

标签:前端 | 发布于2017-06-28

平时工作ES6掌握这些就够了

刚开始用vue或者react,很多时候我们都会把ES6这个大兄弟加入我们的技术栈中。但是ES6那么多那么多特性,我们需要全部都掌握吗?秉着二八原则,掌握好常用的,有用的这个可以让我们快速起飞。

阅读全文 »

标签:前端 | 发布于2017-03-01 | 备份地址

腾讯AlloyTeam正式发布pasition - 制作酷炫Path过渡动画

Pasition - Path Transition with little JS code, render to anywhere - 超小尺寸的Path过渡动画类库

阅读全文 »

标签:前端 | 发布于2017-06-20

在 JS 中使用 fetch 更加高效地进行网络请求

在前端快速发展地过程中,为了契合更好的设计模式,产生了 fetch 框架,此文将简要介绍下 fetch 的基本使用。

阅读全文 »

标签:前端 | 发布于2016-03-02 | 备份地址

WebVR如此近-three.js的WebVR示例解析

最近VR的发展十分吸引人们的眼球,很多同学应该也心痒痒的想体验VR设备,然而现在的专业硬件价格还比较高,入手一个估计就要吃土了。但是,对于我们前端开发者来说,我们不仅可以简单地在手机上进行视觉上的VR体验,还可以立马上手进行Web端VR应用的开发!

阅读全文 »

标签:前端 | 发布于2016-09-29 | 备份地址

使用flv.js做直播

为什么要在这个时候探索flv.js做直播呢?原因在于各大浏览器厂商已经默认禁用Flash,之前常见的Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能,这样的用户体验很致命。

阅读全文 »

标签:前端 | 发布于2017-05-15 | 备份地址

前端开发者指南(2017)

这是一本可供任何人使用的指南,用于学习前端开发实践。该指南大体上勾勒出了前端工程的轮廓,同时也讨论了前端工程的实践:2017 年,如何学习前端工程,用什么工具来实践?

阅读全文 »

标签:前端 | 发布于2017-06-05 | 备份地址

QQ会员活动运营平台架构设计实践——高效自动化运营

QQ会员活动运营平台(AMS),是QQ会员增值运营业务的重要载体之一,承担海量活动运营的Web系统。在过去四年的时间里,AMS日请求量从200-500万的阶段,一直增长到日请求3-5亿,最高CGI日请求达到8亿。在这个过程中,AMS在架构方面发生了大幅度的调整和变迁,我们走过了一段非常难忘的技术历程。

阅读全文 »

标签:前端 | 发布于2015-05-05 | 备份地址

前端开发实习生培养体系的探索:织梦计划 v 0.1.0

由于意识到目前的前端团队趋于稳定,可以适当加入一些实习生为团队注入活力。于是这段时间主动积累了一些相关经验,决定就前端技术团队的实习生培养这一主题,进行概念梳理以及雏形规划...

阅读全文 »

标签:前端 | 发布于2017-05-31

使用 RxJS 实现 JavaScript 的 Reactive 编程

作为有经验的JavaScript开发者,我们会在代码中采用一定程度的异步代码。我们不断地处理用户的输入请求,也从远程获取数据,或者同时运行耗时的计算任务,...异步计算本身就是难以管理的,而RxJS可以解决这个问题。

阅读全文 »

标签:前端 | 发布于2016-05-16 | 备份地址

《欢乐颂2》 邱莹莹的程序猿男友应勤竟是前端攻城狮?

看过《欢乐颂》的朋友们都知道,这部展现了真实都市生活的电视剧一经开播便受到了广大关注,无论是在公司、在地铁、经常会看到俊男靓女拿着手机默默地追剧,然而今天小编在追剧时突然发现:《欢乐颂2》居然在搞事情!!!

阅读全文 »

标签:前端 | 发布于2017-05-18

什么才是你心目中的前端圈?

提这个问题的想法出现许久了,最初是想写一篇文章,标题为"我心目中的前端圈",但是和以前某次撕逼的题目太像,想想还是还是作为一个问题更加合适。……为什么今天下定主意提问呢,因为这两天微博又谈到了关于阮老师的话题~~

阅读全文 »

标签:前端 | 发布于2017-05-14

浙江大学三位博导教授荒唐的专利申请

稍对Web前端框架有所了解的人都能一眼看出这份2016年3月提交的专利申请荒唐之极,不存在任何发明专利所要求的独创性。

阅读全文 »

标签:前端 | 发布于2017-05-15

Facebook开源代码优化工具Prepack

Facebook 开源了代码优化工具 Prepack,可以自动消除冗余代码,降低打包体积和执行时间。

阅读全文 »

标签:前端 | 发布于2017-05-04

基于Git、Svn的Commit实现可增量构建的前端持续集成解决方案

近两年由于技术的发展,Web 前端可以通过编译工具来实现 HTML、CSS、JS 所做不到的事情,但要面对它们所带来的一些问题:构建速度越来越慢,导致发布速度越来越慢。尤其是在使用持续集成系统来构建的项目中,这个问题越严重。

阅读全文 »

标签:前端 | 发布于2017-05-03

理解 Gulp 和 Webpack

Gulp 和 webpack 之间的关系是十分暧昧的,却也经常被人误解,以为它俩是竞争关系,其实不然。

阅读全文 »

标签:前端 | 发布于2017-04-27 | 备份地址

前端开发负责人修炼指北

大家好,我叫XX,江湖人称吃土小2叉,目前担任公司的前端负责人半年多了,一路上摸爬滚打,历经团队人员变动,近日颇有感触...

阅读全文 »

标签:前端 | 发布于2017-04-24 | 备份地址

Web推送技术

伴随着今年 Google I/O 大会的召开,一个很火的概念–Progressive Web Apps 诞生了。这代表着我们 web 端有了和原生 APP 媲美的能力。但是,有一个很重要的痛点,web 一直不能使用消息推送...

阅读全文 »

标签:前端 | 发布于2017-01-08 | 备份地址

腾讯AlloyTeam发布Canvas魔幻线条-curvejs

Made curve a dancer in HTML5 canvas,让线条舞起来~

阅读全文 »

标签:前端 | 发布于2017-04-24

将网站改进为增强型网页应用-PWA

最近有一些关于增强型网页应用(PWA)的议论,很多人都质疑PWA是否代表了未来的(移动)Web。我并无意参与到整个的原生app与PWA的争论中,但是有一件事是确定的– 在提高移动端和改善用户体验方面还有很长的路要走。到2018,移动端web访问量注定会超过其他设备的总和,你能忽视这一趋势吗?

阅读全文 »

标签:前端 | 发布于2017-04-18 | 备份地址

知乎登录页 - 粒子运动效果

仿知乎登录页面,基于canvas实现了一个粒子(Particle)随机运动的动画效果。 为了方便大家使用,也为提供了react和vue知乎登录页的完整实现。

阅读全文 »

标签:前端 | 发布于2017-04-14

30 分钟搞定 ES6 常用基础知识

在实际开发中,ES6已经非常普及了。掌握ES6的知识变成了一种必须。尽管我们在使用时仍然需要经过babel编译。

阅读全文 »

标签:前端 | 发布于2017-04-16 | 备份地址

原生JS中DOM节点相关API合集

原生JS中DOM节点相关API合集

阅读全文 »

标签:前端 | 发布于2017-04-06 | 备份地址

浏览器缓存机制剖析

缓存一直是前端优化的主战场, 利用好缓存就成功了一半. 本篇从http请求和响应的头域入手, 让你对浏览器缓存有个整体的概念. 最终你会发现强缓存, 协商缓存 和 启发式缓存是如此的简单.

阅读全文 »

标签:前端 | 发布于2017-04-07 | 备份地址

小程序这13大新能力,将对你产生什么影响?

今天,微信公开课“小程序专场”,微信团队带来两项全新能力——“第三方服务”和“附近的小程序”。至此,小程序近期一共开放了13项新能力。对于用户来讲,会带来哪些影响呢?看下面——

阅读全文 »

标签:前端 | 发布于2017-03-30 | 备份地址

70%以上业务由H5开发,手机QQ Hybrid 的架构如何优化演进?

随着前端开发的兴起,QQ也逐渐演变为Web与原生终端混合的开发模式。得到Web动态运营能力的同时,QQ也在交互响应速度、后台服务压力、海量用户集的带宽冲击等方面,受到了更多的挑战。在快速的Web运营节奏下,必须保证嵌入QQ的第三方业务也始终处于一个高质量的服务状态。针对这些问题,QQ团队除了采用动态CDN、后台渲染等全栈手段优化体验,也构建了围绕速度、成功率、页面异常等维度的监控体系来保障服务质量。

阅读全文 »

标签:前端 | 发布于2017-03-27 | 备份地址

2017暑期阿里面试总结(前端方向)

昨天正好看到一篇文章2017暑期实习面试总结(java方向),感觉写的很棒,作者的 功底很深。不过那篇文章终究是后端的,正好自己刚过阿里的四面,所以就总结一个前端版本的吧,也便于之后的查缺补漏。

阅读全文 »

标签:前端 | 发布于2017-03-26 | 备份地址

知道这20个正则表达式,能让你少写1,000行代码

正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。

阅读全文 »

标签:前端 | 发布于2016-04-21 | 备份地址

80% 应聘者都不及格的 JS 面试题

笔者在做面试官这 2 年多的时间内,面试了数百个前端工程师,惊讶的发现,超过 80% 的候选人对下面这道题的回答情况连及格都达不到。这究竟是怎样神奇的一道面试题?

阅读全文 »

标签:前端 | 发布于2017-03-20 | 备份地址

百度echarts精彩效果演示

开开眼界也好啊~

阅读全文 »

标签:前端 | 发布于2017-03-21

你不知道的 DOMContentLoaded

首先我们先直观地感受下什么是 DOMContentLoaded。打开 Chrome DevTools...

阅读全文 »

标签:前端 | 发布于2017-03-20 | 备份地址

Ajax知识体系大梳理

这是一篇万字长文, 系统梳理了ajax相关的知识体系, 几乎囊括了所有ajax的知识点。

阅读全文 »

标签:前端 | 发布于2016-11-02 | 备份地址

我理解中的“大前端”/“大无线”

最近,我所在的团队做了一些结构调整,其实我一直想讲讲这次调整,希望能够带给同行一些思考,但...

阅读全文 »

标签:前端 | 发布于2017-03-12 | 备份地址

2016 年崛起的 JS 项目

本文是王仕军对中文版 risingstars2016 的整理,而王仕军就是中文版的译者。长江后浪推前浪,如果你能花 30 分钟读完我 6 个小时翻译的内容,相信你不会被后浪拍死在沙滩上,对 2017 该学什么有个清晰的认识。

阅读全文 »

标签:前端 | 发布于2017-03-13 | 备份地址

如何做好一名实习生

最近看到有几个同事准备着转正,想借此机会聊一下实习生相关的话题——如何成为一名优秀的实习生。

阅读全文 »

标签:前端 | 发布于2016-09-27 | 备份地址

送给前端的你,推荐几篇前端汇总文章

各类前端学习资源汇总……

阅读全文 »

标签:前端 | 发布于2016-09-07 | 备份地址

致未来的实习生

岁月如歌,你的人生即将翻开新的篇章,也许你需要一份展现自我的优秀简历,也许你需要一份属于自己的未来规划,也许你需要一个优秀的导师帮助你成长...

阅读全文 »

标签:前端 | 发布于2017-03-03 | 备份地址

应该知道的前端性能二三事 —— Reflow 和 Repaint

手机上的开销比 PC 上要大的多,你在 PC 的模拟器上调试的很顺畅,等到手机上时,就会卡,这是为什么呢?其实这就是性能问题...

阅读全文 »

标签:前端 | 发布于2016-06-06 | 备份地址

【翻译】50+个有趣的css属性

这是一篇译文,总结了 50 多个很有趣的的 css 属性和值。

阅读全文 »

标签:前端 | 发布于2017-02-08 | 备份地址

前端服务化——页面搭建工具的死与生

作者是支付宝前端开发,打算造一个可视化的页面搭建工具的轮子,重点不在于其造的轮子,而是造的过程中的一些思考和认识值得品味。

阅读全文 »

标签:前端 | 发布于2017-03-03 | 备份地址

从Chrome源码看浏览器如何layout布局

上面是用Skia画的代码,Skia是一个跨平台的开源2D图形库,是Chrome/firefox/android采用的底层Paint引擎。为了能够获取到具体的值,就得进行layout。什么叫layout?把css转化成维度位置等可直接用来描绘的信息的过程就叫layout...

阅读全文 »

标签:前端 | 发布于2017-02-26 | 备份地址

从Chrome源码看浏览器如何计算CSS

在构建DOM的过程中,如果遇到link的标签,当把它插到DOM里面之后,就会触发资源加载——根据href指明的链接...

阅读全文 »

标签:前端 | 发布于2017-02-22 | 备份地址

从Chrome源码看浏览器的事件机制

在最顶层的EventTarget提供了三个函数,分别是添加监听add、删除监听remove、触发监听fire...

阅读全文 »

标签:前端 | 发布于2017-02-05 | 备份地址

从Chrome源码看浏览器如何构建DOM树

这几天下了Chrome的源码,安装了一个debug版的Chromium研究了一下,虽然很多地方都一知半解,但是还是有一点收获,将在这篇文章介绍DOM树是如何构建的,看了本文应该可以回答以下问题...

阅读全文 »

标签:前端 | 发布于2017-01-30 | 备份地址

Excuse me?这个前端面试在搞事!

简单几行JS代码可以看出一个人对JS掌握的深度,还是挺有意思的。

阅读全文 »

标签:前端 | 发布于2017-02-25 | 备份地址

搜索文章

分类查看

抱歉,服务器忙,未能成功提交,稍后重试。