我要反馈问题

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

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

友情链接

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

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

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

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

立即体验

京ICP备17024260号

网络埋伏纪事

用React创建第一个渐进式Web应用

28阅读 · 网络埋伏纪事 4小时前翻译  
Web JavaScript

渐进式Web应用是被大肆炒作的web的未来。我们也来整一个好了! 谷歌一直在努力推动PWA作为当代web的许多问题的解决方案 - 特别是针对移动用户的问题。 Web | Google Developers _A service worker, written in J...

郑 farmer

Express中的 Session 是怎样工作的?

20阅读 · 郑 farmer 5小时前翻译  
Web

每个 Web 应用都会维护 Session,作为开发人员,我们需要知道怎么合理的使用它们。 本文将会介绍以下几个方面: 什么是一个会话(Session)? Session 是怎样存储数据的? 如何选择存储 Session 数据的方式? 使用 Session 时...

网络埋伏纪事

组合软件:7. 函数式 Mixins

25阅读 · 网络埋伏纪事 6小时前翻译  
Web

Mixins(混入)是对象组合的一种形式,这里组件的特性被混合进一个复合对象中,这样每个mixin的属性就变成了该复合对象的属性。 OOP中的“mixins”一词来自混合冰淇淋店。在这种店中,并非是把一大堆不同口味的冰淇淋放在不同的预混桶中,而是用原味冰淇淋以及一堆可...

lpy

Webpack: 基础知识 – Hacker Noon

25阅读 · lpy 10小时前翻译  
Web JavaScript

将JavaScript和CSS代码划分成小而简洁的部分是很有必要的。这样可以使我们更容易理解、管理并且在将来维护整个项目。另一方面,浏览器更喜欢尽可能少的文件。这就是webpack出现的原因。 webpack 是一款现代web开发工具,可以将项目中所有的CSS和Ja...

lizheming

程序猿升级攻略

157阅读 · lizheming 半天前翻译  
Web Web JavaScript

我最近和我的一个好朋友以及我的一个前同事一块聊了聊如何提升他的软件开发技能的方案。这让我想起了我在我的工程师生涯中指导帮助过的那些人。我认为将自己所学的内容写成文章来帮助那些新晋开发工程师是非常棒的。本文我会介绍一些非常有用的方法来帮助我们提高自己的水平,例如找一个...

is_january

JavaScript & SEO: 让你的机器体验和用户体验一样棒

43阅读 · is_january 半天前翻译  
Web HTML JavaScript

原文地址:https://moz.com/blog/javascript-seo 作者的观点谨代表其个人(催眠这类不太可能事件不算),而且他的观点也并不总会代表 Moz 的观点(译者注:moz 应为 https://moz.com) 了解 Javascript 以及它...

DuanQifeng

Javascript:回调函数(Callback)是个什么鬼

179阅读 · DuanQifeng 半天前翻译  
Web JavaScript

JavaScript: 回调函数(Callback)是个什么鬼? ###关键字 callback: 回调函数 higher-order functions: 高阶函数 API: 文中一个宽泛的概念 比如ajax请求 6分钟读懂回调函数 什么是回调函数? 简...

Nero0

在CSS中解决过长和不期望出现的内容问题 | CSS-Tricks

454阅读 · Nero0 半天前翻译  
Web JavaScript

当我们写css的时候,有时候会忘记设计里面存在的临界情况。举个例子来说吧,当内容的长度超过了我们的期望值,我们也无法解释其中的可能性,页面的设计很可能会因此而崩掉。我们不能保证css总是会按照我们期望的那样工作,但至少我们可以用不同类型的内容来测试,以减少这种情况的发...

lunasun

改变我们设计方式的三个移动UX趋势 — SitePoint

39阅读 · lunasun 1天前翻译  
Web

今天的移动用户变得越来越挑剔。他们已经习惯了频繁更新与时时出现的新功能,这给设计师和开发人员带来了许多持续创新的压力。 不过,移动用户并不一定总在寻找崭新的东西。近年来一些最受欢迎的设计趋势(会话界面,动效设计,虚拟现实和增强现实)已经以多种不同的方式被应用,并在未...

郑 farmer

Node.js 8 中的重要新特性及优化

73阅读 · 郑 farmer 1天前翻译  
Web JavaScript

随着 Node.js 8.0 版本的发布(5月30日下午12点发布),我们得到了最新的 LTS 版本,具有一系列新功能和性能改进。 本文我们将介绍 Node.js 8.0 版本中重要的功能和修复。 与以前的 Node.js 版本相比,8.0.0相当强大。虽然这其中有...

曾小涛

npm 入门教程

224阅读 · 曾小涛 1天前翻译  
Node.js

Node.js 的出现使得用 Javascript 写服务端应用成为可能。Node.js 由 C++ 编写而成并且构建于 V8 引擎之上,因此运行得很快。一开始,Node.js 只是想运行于服务端环境,但是开发者们显然不满足于此,开始创造各种工具来实现自动化任务。也因...

lizheming

CSS Animations vs Web Animations API

185阅读 · lizheming 1天前翻译  
Web CSS

Web Animation API 是JavaScript 原生提供的的动画操作 API,本文我们会缩写为 WAAPI。具体内容可以查看MDN,Dan Wilson 也写了一系列教程推荐大家看看。 本文中我们会比较 WAAPI 和 CSS3 Animation 的异同...

camiler

JavaScript中的惰性数组介绍

126阅读 · camiler 2天前翻译  
Web JavaScript

今天我要介绍的是lazy-arr,它给JavaScript中带来了惰性数组。 什么是惰性数组,它为什么有用? 我们来重现一下你第一次面试软件工程师时的题目:写一个斐波纳契函数。我们明确了0和1的基本情况,然后递归生成剩下的: let fib = n => {...

sea_ljf

Vue vs React: Javascript 框架之战

2391阅读 · sea_ljf 2天前翻译  
Web JavaScript

正如我们之前提到的,WordPress 的核心团队正争论着为应该将哪款(前端框架)加入现在的架构之中。目前看来,暂时脱颖而出的是React与Vue.js,社区中的很多成员正权衡着这两款框架的利弊。 那到底哪款框架会胜出,哪款框架又会沦为昔日的prototype.js...

chechengpeng

在 Vue.js 中使用Mixin —— CSS-Tricks

656阅读 · chechengpeng 2天前翻译  
Web CSS JavaScript

有一种很常见的情况:有两个非常相似的组件,它们共享同样的基本函数,并且它们之间也有足够的不同,这时你站在了一个十字路口:我是把它拆分成两个不同的组件?还是只使用一个组件,创建足够的属性来改变不同的情况。 这些解决方案都不够完美:如果你拆分成两个组件,你就不得不冒着如果...

welefen

JavaScript 中的回调

261阅读 · welefen 3天前翻译  
Web JavaScript

Callbacks in JavaScript | Zell Liew 你有无意中看到 "callback" 但并不知道其中的意思么?不用担心。不是只有你一个人这样。很多JavaScript 新手都难以理解回调。 虽然回调比较令人困惑,你仍然需要彻...

musicq

通过 Webpack、Jest、Typescript 对 Lodash 进行树摇优化

92阅读 · musicq 4天前翻译  
Web JavaScript

最近,我对工作中的一个大型 web 应用进行资源负载优化。在这个过程中,期望着一切顺利运行的时候遇到了一个 关于 lodash 的难题(树摇优化、Jest单元测试还有正确的类型检测)。 我有三个目标: 仅把用到的那些 lodash 方法进行生产环境打包(并不是整个...

xiaomu

快来围观BEM方法论

801阅读 · xiaomu 5天前翻译  
Web CSS

常见问答 为什么BEM? BEM和OOCSS, AMCSS, SMACSS, SUITCSS有什么区别? BEM和Web Components有什么区别? BEM和Bootstrap有什么区别? 块和元素 我应该创建一个块还是一个元素? 如何正确修改页面中每个块...

ss707494

Javascript中的Promise实践 - Promise链式调用

152阅读 · ss707494 5天前翻译  
Web

欢迎来到我的Promise教程系列的第四部分!在第一部分我们讲到promise是什么和我们能用它做什么.在第二部分我们学习了怎样创建promise.然后第三部分我们知道了为何每次调用then方法都可以生成一个promise,这样这些promise就可以实现链式调用.在...

kayson

展开运算符的 6 种绝妙用法

499阅读 · kayson 5天前翻译  
Web JavaScript

感谢 ES6 和 Babel 这样的东西,编写 JavaScript 变得非常动态化,从新的语法到 JSX 这样的自定义转换。我已经成了展开运算符的铁杆粉丝,这三个点号可能改变你用 JavaScript 完成任务的方式。以下是我在 JavaScript 里最喜欢的展开...

我是搬运工

WebAssembly 101: 开发者入门

420阅读 · 我是搬运工 2017-06-21翻译  
Web JavaScript

这篇教程会引导你通过必要的步骤将一个游戏JS代码转换到WebAssembly。 这是一个简单的练习,比开始一个“Hello World”要完美。 我最近对WebAssembly有兴趣,决定这周能够有质的提升。WebAssembly是一个新兴的,使web应用性能媲美原生...

lunasun

在网页上使用JPG、PNG和SVG:新手指南 | Cheesecake Labs

3092阅读 · lunasun 2017-06-21翻译  
Web

在网页上使用JPG、PNG和SVG:新手指南 如今,图像已经成为网络不可或缺的一部分。但情况并非一贯如此。直到1993年,Mosaic浏览器才在网页内容中中加入图像。有些图像格式像GIF和JPEG当时已经存在,而PNG和SVG直到90年代才出现。图像用途多样,如:显示...

weimengxi

语义 - WebAssembly 中文网

113阅读 · weimengxi 2017-06-21翻译  
Web JavaScript

语义 本文档主要介绍WebAssembly代码的高级设计:类型,结构和语义。WebAssembly代码可以被认为是一个结构化堆栈机器; 大多数计算仅使用栈中存储的数值内容,但是控制流使用结构化构造表示,如区块,条件判断ifs 和循环等。 实践中, 具体实现无须为控制流...

kayson

要不是因为苹果,混合应用开发将完胜 Native

507阅读 · kayson 2017-06-20翻译  
Web

在过去的 6 个月里,我一直在开发 Rizer。这是个手机应用,它让用户给各种分类(目前有动物、小孩、食物、搞笑、男人、自然和女人)的照片 PK 赛评分,用户也可以提交自己的照片到这些分类里,让别人评分。照片采用 ELO 算法来排名(就是 电影《社交网络》里介绍Fac...

smartsrh

flexbox 完全指南

537阅读 · smartsrh 2017-06-20翻译  
Web CSS

背景 Flexbox 布局模块(目前是 W3C 最后工作草案)旨在提供一种在容器中布局,对齐项目和分配空间更有效的方式来,即使项目的大小未知或者动态是动态的(因此取名叫「flex」)。 弹性布局背后的主要思想是让容器能够更改其项目的宽度/高度(和顺序),以最大限度地填...

Doraemonls

使用浏览器开发者工具检查CSS动画性能

521阅读 · Doraemonls 2017-06-20翻译  
Web

本文是我们和SiteGround一起合作的系列之一。感谢我们的合作伙伴,有了你们,SitePoint才成为可能。 CSS动画的性能可以非常好。虽然对简单动画和少部分元素来说这是事实,但是如果你不注意编写高性能的动画代码,额外增加了很多复杂性,网站用户很快就会注意到(...

sangle7

🍾🚀 webpack 3: 正式发布!! 🚀🍾

892阅读 · sangle7 2017-06-20翻译  
Web

🍾🚀webpack3 正式发布🚀🍾 范围提升,魔法注释,以及更多新特性! 在我们发布了 webpack v2 之后,我们曾向社区做了一些承诺。 我们承诺,我们将提供用户投票选择的功能。 此外,我们承诺我们的发布周期会更快,更稳定。 这次没有 betas 版...

chechengpeng

类的复杂度和函数式编程– Kent C. Dodds – Medium

93阅读 · chechengpeng 2017-06-19翻译  
Web JavaScript

什么时候使用类,什么时候不使用,怎么替代它,为什么替代它 Obligatory semi-to-not-related header image via: https://unsplash.com/photos/sMQiL_2v4vs 当涉及到应用计划持续维护的时候...

dahong

在JS中使用Promise-Promise链

374阅读 · dahong 2017-06-17翻译  
Web

欢迎来到 《在JS中使用 Promise》系列文章的第三篇,在 第一篇中,我们介绍了什么是Promise并且怎么来使用它,在 第二篇中,我们开始研究怎么来创建一个Promise,今天,我们来研究Promise怎么来链式调用的 发生了什么 我们已经知道能在Promise...

踏歌

Mavo 简介 - 不可思议的HTML

102阅读 · 踏歌 2017-06-17翻译  
Web

举起你的手,如果你曾想做以下事情: 制作一个非技术人员(客户?家庭成员?)可以直接在浏览器中编辑的网站 制作一个提供可编辑的项目集合(您的投资组合?)的网站 可以直接从浏览器中上传图片到你的网站 制作一个应用程序来跟踪和/或分享你的生活 制作一个可以让其...

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