我要反馈问题

加入众成翻译官方交流群(群号:362419683)

关注《奇舞周刊》微信号
阅读更多精选前端技术文章

友情链接

猿说:互动氛围更好的IT交流学习平台

互动氛围更好的IT交流学习平台

立即访问
声享:制作精彩的有声幻灯片

使用声享在线PPT快速制作分享优质内容

立即体验

京ICP备17024260号

Chloe

考虑在你的下一个Web项目中使用VueJS吧 - via @codeship

230阅读 · Chloe 2017-06-15翻译  
VueJS DOM UI

不管你之前有没有听说过 VueJS,不要恐惧。下面我来分享一些 Codeship 为什么在 Docker-builds UI, Jet 中使用这个新库的见解。 VueJS是什么? 先来大致了解一下 Vue(发音同 view)是什么,你可以将它想象为 MV* 模式中的...

哈呼哈哈呼

CSS 网格布局工作草案中的点滴

337阅读 · 哈呼哈哈呼 2017-02-16翻译  
CSS Chrome DOM

网格布局规范给我们提供了一种新的布局方式,这种布局方式对现代web设计来说,更加灵活,更加适合当今web规范的发展。在今天这个web时代,随着规范的发展,最新的网格布局模块草案也有新的变化。 这篇文章,我希望通过简要地关注所有的变化来帮助大家了解最新的发展。 如果你...

印前

自定义元素介绍 | WebKit

970阅读 · 印前 2016-12-11翻译  
DOM API WebKit

一年多前, 我们公布了 slot-based shadow DOM的API, 这是一种轻量级机制,它通过允许在shadow tree元素上创建并行DOM来封装DOM,而渲染该元素无需修改常规DOM树. 今天,我们很高兴地宣布向WebKit增加自定义元素API。有了这个...

scaactk

嵌套你的BEM?(Nesting Your BEM?)

570阅读 · scaactk 2016-12-04翻译  
CSS DOM

在我开始这篇文章之前,我得说这不是一个建议或者是新的“练习指南”。这只是我自己的一些思想狂潮。 我是一个BEM的拥护和支持者。并且已经持续了很多年。这是有点有趣的期待。当然, 它给我提供了很多的东西: 软封装 这有助于减少命名冲突。 自定义的CSS 这帮助我理解DO...

文蔺

手把手教你写一个 Javascript 框架:项目结构

1204阅读 · 文蔺 2016-11-20翻译  
JavaScript DOM Node.js

过去几个月中,RisingStack 的 JavaScript 工程师 Bertalan Miklos 编写了新一代客户端框架 NX。Bertalan 将通过编写 JavaScript 框架系列文章与我们分享他在编写框架过程中的收获: 本章将展示 NX 的项目结构,并...

吟风

用原生 JavaScript 替换 jQuery 的 ready 方法

753阅读 · 吟风 2016-11-18翻译  
DOM jQuery JavaScript

ready 方法是 jQuery 实现的在 html 页面在 DOM(Document Object Model, 文档对象模型) 树完全加载完成后触发的一个方法. 因为它接收的方法在页面中所有的 DOM 都可访问时才执行, 所以此时你完全可以访问和操作 html...

Icarus

重绘重排重渲染

694阅读 · Icarus 2016-11-15翻译  
DOM CSS JavaScript

译者:Icarus 邮箱:xdlrt0111@163.com 渲染过程 不同的浏览器工作方式是不一样的,下面的图表提供了渲染时的共同实现,一旦他们已经下载好了你页面的代码,多半都会通过浏览器这样实现。 浏览器把HTML源代码解析,并且创建一个DOM树(DOM tre...

文蔺

手把手教你写一个 Javascript 框架:时间调度

742阅读 · 文蔺 2016-11-14翻译  
DOM JavaScript Promise

本文是“编写 JavaScript 框架”系列的第二章。在本章中,我将介绍 JavaScript 中异步执行代码的几种不同方式。你会读到关于事件循环相关的内容,以及像 setTimeout 和 Promise 等时间调度(timing)技术之间的差异。 本系列主要是如...

网络埋伏纪事

展示性组件和容器组件

776阅读 · 网络埋伏纪事 2016-11-13翻译  
React Redux DOM

Bismuth 在编写 React 应用程序时候,我发现有一个简单模式非常有用。如果你已经用过 React 一段时间,可能你已经发现它了。有篇文章已经很好地解释了它,但是我还是想加点东西。 如果你将组件分为两类,你会发现组件更容易重用和推理。我称它们为容器(Con...

HappyAdu

小贴士: 用原生javascript代替jQuery的Ready()方法

777阅读 · HappyAdu 2016-11-07翻译  
DOM jQuery JavaScript

在jQuery中ready方法在DOM完全下载后立即执行其中的代码。因为它是等所有的DOM元素都加载完毕,才执行给定的函数,所以你能确定那些试图操作和访问元素节点的方法都能被执行。 在jQuery 3.0的版本前, ready经典用法是用一个匿名函数,像这样: $(d...

freeeeeeeaker

jQuery还有意义吗

1618阅读 · freeeeeeeaker 2016-11-01翻译  
jQuery DOM JavaScript

尽管jQuery的鼎盛时期已经过去了, 但这个库仍然有着惊人的使用比率.但是究竟有多少是以前在使用的?还有多少开发者仍然使用jQuery来开发新应用? 在今天的闲聊中我们邀请了一些行业专家来探讨这些问题。话题如下: 在2016年,jQuery的利与弊是什么 哪些应用...

杨小福

开源项目React是如何组织和管理代码的

1043阅读 · 杨小福 2016-10-31翻译  
React React Native DOM

如果你想给React贡献代码,那么这篇文档将会是一篇很好的教程。 我们并不会推荐任何在React中使用的这些约定惯例,因为许多都是因为历史原因产生的,而且会随着时间而发生变化。 模块加载系统 在Facebook内部我们使用一个叫"Haste"的模块...

千罹

CSS变量和预处理变量有什么不同?

1591阅读 · 千罹 2016-10-29翻译  
CSS JavaScript DOM

变量是 CSS 预处理器 存在的最主要的原因之一。设置变量的能力是有用的,比如把一个颜色设置成变量,用那个变量贯穿你写的CSS,你会发现它是一致的,抽离的,并且容易修改。你也可以用原生 CSS变量(CSS自定义变量)做同样的事。但是也有一些重要的区别应该搞清楚。 一个...

网络埋伏纪事

React 初学者教程 14:在 React 中访问 DOM 元素

1021阅读 · 网络埋伏纪事 2016-10-28翻译  
DOM HTML React

有时我们需要直接访问 HTML 元素上的属性和方法。在 React 的缤纷世界里,JSX 代表纯粹的标记,那么为什么你会想要直接处理可怕的 HTML 呢?因为你会发现,很多时候直接通过 JavaScript DOM API 处理 HTML 元素,比用 React 的方...

cherryvenus

纯CSS过滤内容

616阅读 · cherryvenus 2016-10-28翻译  
CSS DOM HTML

纯CSS过滤内容 译者提示: 边看demo边食用,效果更佳 科普一下伪元素:target 仅仅通过CSS过滤内容,这是一个非常有趣且有吸引力的方法。 (译者注:作者在这里是说,他在半夜两点的时候喝了酒,然后突然想做个实践,就是纯CSS过滤内容) 通过CSS的:ta...

网络埋伏纪事

React 初学者教程 11:组件的生命周期

912阅读 · 网络埋伏纪事 2016-10-28翻译  
DOM React HTML

概述:学习生命周期方法,从而更好地理解组件能做和不能做什么。 在开始,我们以一个很简单的视图组件以及他们要做什么开始。随着我们对 React 更多,做了更酷以及更复杂的事情,结果发现组件并非那么简单。它们帮助处理属性、状态、事件,并且经常负责其它组件的幸福。跟踪组件做...

网络埋伏纪事

React 初学者教程 10:React 中的事件

986阅读 · 网络埋伏纪事 2016-10-28翻译  
React DOM Event

概述:通过学习如何处理事件,学习如何将无趣的 React 应用变为有趣而具互动性的应用。 迄今为止,我们所有的示例都是只在页面加载时执行。你可能会猜到,这是不正常的。在很多应用中,特别是重 UI 类型的应用中,应用程序要做的很多事情只是对某种事情的响应。这里,某种事情...

网络埋伏纪事

React 初学者教程 1:React 简介

2226阅读 · 网络埋伏纪事 2016-10-26翻译  
React JavaScript DOM

今天的 Web 应用程序除了外观比过去更好看以外,应用程序的架构和创建方式已经和过去有很大的不同。为突出这点,我们来看看如下的应用: 这是一个简单的商品目录浏览应用程序,它和这种类型的其它应用程序一样,通常包含一个主页、一个搜索结果页、一个详情页等等。 老式的多页设...

MinweiShen

12个酷炫的Chrome开发者工具建议

1020阅读 · MinweiShen 2016-10-24翻译  
Chrome DOM CSS

在JavaScirpt里设置断点,检阅HTML和CSS元素并在它们更新时实时查看变化,性能分析...没错,这周的文章主题就是IE8里的开发者工具。 [那是什么?真的假的?你确定?我知道了,谢谢,再见,不过真的没必要]。 好吧,刚才有人告诉我没人像我一样喜欢IE8,那么...

kayson

为什么要避免使用 document.write,尤其是脚本注入

1511阅读 · kayson 2016-10-21翻译  
Chrome DOM HTML

Web 性能测试工具比如 Google Page Speed 或者 Dareboost 已经指出:使用 document.write 注入一段脚本会引起严重的网站加载耗时问题。让我们再次讨论这个话题,因为 Chrome 的下次更新将不再允许这样的脚本注入方式。你将面临...

cherryvenus

掌握DOM – RE:DOM – 中级

695阅读 · cherryvenus 2016-10-20翻译  
Web DOM API

这没有你想象的那么难 简介 许多前端开发都认为DOM是十分困难(或者速度慢),并且你需要庞大的前端框架才能驾驭得了它。然后他们花了很多时间去学习前端框架。一两年过去了,另一种前端框架又出现并且变得流行起来,这个时候你有需要从头开始学习一切。重复学习几周幕,js厌烦情...

QAQMiao

Vue.js 2.0新增的虚拟DOM是怎么回事?

2600阅读 · QAQMiao 2016-10-18翻译  
DOM Vue.js Virtual DOM

你可能早就已经听说了 Vue.js 2.0。一个主要的令人兴奋的新特性就是更新页面的"虚拟DOM"的加入。 虚拟 DOM 可以做什么? React 和 Ember 都使用了虚拟DOM来提升页面的刷新速度。为了理解其如何工作,让我们先讨论一下几个概...

cf

如今的Vue

1347阅读 · cf 2016-10-15翻译  
Vue.js DOM API

如今的 Vue Vue 2.0 RC1 发布 早在4月份的时候,我们宣布Vue 2.0。而今天,带着非常激动的心情,我要发布Vue 2.0 正式发布的候选版本!从这一版本开始,Vue API基本不会改变了,并且在官方正式发布之前,也不会有重大的改变了。 所有官方的支持...

杨小福

重新认识DOM操作-re:dom

903阅读 · 杨小福 2016-10-09翻译  
DOM Web API

掌握DOM操作 DOM操作并没有你想象中那么困难 简介 许多的web开发者认为DOM操作很困难或者很慢以至于需要一个web框架来完成DOM操作的工作。所以他们花费许多的时间去学习框架。一两年之后,当新的框架出现并变得流行后,你不得不重头学起。重复几次之后就会对jav...

rccoder

React 数据阵营之 State 与 Props

932阅读 · rccoder 2016-09-17翻译  
React DOM UI

在任何应用中管理数据都是必不可少的。通过用户界面来编排数据流是一项具有挑战的工程。现代的 Web 应用会涉及复杂的 UI 交互,比如改变了一个地方的 UI 数据,需要直接或者间接的改变其他地方的 UI 数据。一些双向绑定的框架(比如:Angular.js 等)都是...

Shark

CSS 代码技巧与维护 ★ Mozilla Hacks – the Web developer blog

1733阅读 · Shark 2016-09-16翻译  
CSS Web DOM

最近,我发现许多人被CSS难倒,无论是新手还是有经验的开发者。自然地,他们就希望能有一种更好的语言来代替它,CSS预处理器就是从这种想法中诞生的。一些人希望可以用CSS框架来写更少的代码(我们已经在前一篇文章 看到为什么这不是一种好的方案)。一些人已经开始放弃CSS转...

旭日云中竹

深入研究React性能调试

1539阅读 · 旭日云中竹 2016-09-15翻译  
React DOM CSS

24 February 2016 on React 本文是 React 性能工程系列文章的 第二篇(共两篇). 在第一篇,我们讲述了如何使用React性能工具和一些普遍存在的性能瓶颈,以及一些调试相关的技巧。如果你还没阅读上一篇文章,建议读一读! 本文我们将深入研究...

咸鱼老弟

React在动态页面渲染中的优势 - NCZOnline

607阅读 · 咸鱼老弟 2016-09-14翻译  
React DOM API

React在动态页面渲染中的优势 我是从2000年开始从事web开发工作,在我从事开发的这段时间,我看到了很多早期的库和框架来来去去。 ajax到处使用的同时,JQuery的时代也开始了。几年后,Backbone的时代也来临了。而React真正开始的话也就是两...

旭日云中竹

React 性能工程

802阅读 · 旭日云中竹 2016-09-07翻译  
React DOM Performance

04 February 2016 on React 本文是 React 性能工程系列文章的第一篇(共两篇) 第二篇 深入探讨React性能调试 现在已经推出! 这篇文章适用于复杂的React应用。如果只是构建一些简单的、小型的应用,你还不用考虑性能问题。不必过早地优...

TinkGu

React中一个没人能解释清楚的问题——为什么要使用Virtual DOM

4352阅读 · TinkGu 2016-09-03翻译  
DOM Virtual DOM React

有一天,我的朋友向我提了一个有关React的问题: 组件化, 单向数据绑定,这些我都懂了。但是React为什么要用Virtual DOM呢? 我的回答非常套路,“因为直接操作DOM比较低效,比较慢。”。 “但是现在的js引擎总是搞个大新闻,说自己的性能比之前又要不...

玩命加载中……
已经到底啦