我要反馈问题

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

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

友情链接

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

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

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

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

立即体验

京ICP备17024260号

chaussen

CSS技巧:网格项目的纵横比

1564阅读 · chaussen 2017-11-22翻译  
CSS Front End

CSS技巧:网格项目的纵横比 之前,我们讲了纵横比方框,谈到一个技巧,就是运用填充来随心所欲地调整一个元素的长宽比例。这个技巧并不是经常能用到的,因为修整一个元素的高度是自找麻烦,但也不是没有这种情况出现。 要降低这一风险,有一种方法,那就是伪元素(Psuedo...

凯小凯

让我们一起创建一个 JavaScript Wait函数– Hacker Noon

898阅读 · 凯小凯 2017-11-22翻译  
JavaScript Promise Async

让我们来创建一个JavaScript Wait函数 Async/await以及它底层promises的应用正在猛烈地冲击着JS的世界。在大多数客户端和JS服务端平台的支持下,回调编程已经成为过去的事情。 当然,基于回调的编程很丑陋的。 如果您还没有使用过,那么开...

miaoYu

观察者模式 vs 发布-订阅模式

1027阅读 · miaoYu 2017-11-22翻译  
Pattern

图片来自Ben White on Unsplash 我曾经在面试中被问道,“观察者模式和发布订阅模式的有什么区别?” 我迅速回忆“Head First设计模式”那本书: 发布 + 订阅 = 观察者模式 “我知道了,我知道了,别想骗我” 我微笑着回答:“没有区...

luobotang

ECMA-262-5 详解 - 3.1 词法环境:通用理论 – ds.laboratory

1511阅读 · luobotang 2017-11-21翻译  
this Closure Lexical environments

介绍 通用理论 作用域 静态(词法)作用域 动态作用域 ECMAScript 中 with 和 eval 的动态作用域特性 命名绑定 重绑定 突变 环境 激活记录模型 环境帧模型 一等函数 函数参数和高级函数 自由变量 环境定...

He Yuanyuan

你从来没了解过的CSS浮动 | Design Shack

1856阅读 · He Yuanyuan 2017-11-21翻译  
CSS

你从来没了解过的CSS浮动 浮动到底是做什么呢?他们是如何影响相关元素的盒模型的呢?浮动的元素与内联元素有什么不同呢?制定浮动元素的位置的具体规则是什么?clear属性是如何工作的,并且它的作用是什么? 即使是经验丰富的开发者也会在浮动上出错,所以理解浮动的行为能帮你...

chaussen

摘自DZone DevOps:用TestCafe进行端到端网站测试

1493阅读 · chaussen 2017-11-20翻译  
Web JavaScript test

用TestCafe进行端到端网站测试 TestCafe是一个端到端浏览器测试工具。文字输入、按钮点击、结果确认,轻松编写功能测试。 去年秋天,DevExpress公司发布了其端到端浏览器测试工具TestCafe的核心库。这个工具作为一个Node.js平台上的开源测试框...

chaussen

前端开发人员如何搭建数据库

1682阅读 · chaussen 2017-11-20翻译  
MongoDB JavaScript

前端开发人员如何搭建数据库 最近有人问我,前端开发人员要存储用户数据,最简单的方法是什么。现在仅关于这部分,我来说明下怎么做。 搭建数据库 首先,要实际拥有一个数据库。可以去mlab网站找一个免费的。注册好后,在MongoDB部署(Deployments)栏里点击创...

枫林

Next.js — React 完美的服务器端渲染框架

2595阅读 · 枫林 2017-11-19翻译  
React js JavaScript

https://github.com/zeit/next.js/ Next.js 是一个非常简洁的 React 应用的服务器端渲染框架。 背景 Next.js 开源于 2016年的10月25日。开发 Next 的公司叫做 ZEIT。 Next.js 有一个提供...

众里寻他千百度

JavaScript的成本– Dev Channel – Medium

1129阅读 · 众里寻他千百度 2017-11-17翻译  
JavaScript

JavaScript的成本 随着我们网页开发越来越依赖JavaScript,有时我们会在不经意之前为此付出代价。本文中,我会介绍为什么简单的规则会帮助你的网站在移动设备上快速加载和交互。 较少的代码=较少的解析/编译+较少的传输+较少的解压缩 网络 当大多数开发人...

三界命由

Visual Studio Live Share 简介

1153阅读 · 三界命由 2017-11-17翻译  
JavaScript

Visual Studio实时分享功能简介 2017.11.5 Amanda Silver, @amandaksilver 我们很高兴宣布我们正在开发“Visual Studio Live Share”功能,该功能允许开发者使用VS2017或者Visual Studi...

chaussen

摘自codeburst:如何用Mocha测试JavaScript程序,基础篇

911阅读 · chaussen 2017-11-15翻译  
Web JavaScript

Mocha是用于Node.js平台测试的框架中最热门的工具之一。虽然看起来让人发怵,其实入门是相当简单的。 通过upsplash.com测试 这篇教程究竟是关于哪方面的? 这个教程讲的全都是Mocha基础知识。教程结束时,我们第一个成功的Mocha测试也就写出来了。...

泡泡

Understanding Priorities in AngularJS Directive Definition Objects

754阅读 · 泡泡 2017-11-15翻译  
Angular

理解AngularJS指令定义对象的优先级 初学者提升对Angular理解的一个重要步骤就是去学习和理解Angular在处理模板是所经历的不同阶段,包括compile阶段、pre-link阶段和post-link阶段。 出于以上原因,这是一个经常被探讨的话题。我最喜欢...

windvans

实战学习JavaScript Async/Await – codeburst

562阅读 · windvans 2017-11-15翻译  
Async Await JavaScript

实战学习JavaScript ES 2017: Async/Await 用一个简单的例子解释Async/Await 前置知识 在ES 2017中引入了异步函数(Asynchronous functions),简单来说在javascript中异步函数是一种更简约的处...

miaoYu

用JavaScript实现一门编程语言 3-3 (解析器之词法分析器)

861阅读 · miaoYu 2017-11-14翻译  
JavaScript

词法分析器运行在字符输入流之上,通过相同的接口返回一个流对象,但是通过peek() / next()返回的值是tokens。一个token是一个对象,包含两个属性:type和value。下面是一些支持tokens的例子: { type: "punc&quot...

betsey

Rollup.js 教程 第二弹:如何使用Rollip来打包样式表并实现自动重载页面预览

1589阅读 · betsey 2017-11-12翻译  
Rollup

不想使用Grunt和Gulp?这篇教给你如何使用js打包工具Rollup,我先手把手告诉你怎么使用PostCSS来处理样式表吧! 在这个系列中你将学到: 如何使用Rollup来更加灵活而高效地打包JavaScript。 如何使用Rollip来打包样式表并实现自动重载...

neck

用 Gatsby 创建一个博客

1997阅读 · neck 2017-11-11翻译  
GraphQL Markdown React API HTML JavaScript

Gatsby 是一个令人难以置信的静态站点生成器,它允许使用React作为渲染引擎引擎来搭建一个静态站点,它真正具有现代web应用程序所期望的所有优点。它通过在构建时通过服务器端渲染将动态的 React 组件呈现为静态 HTML 内容。这意味着您的用户可以获得静态站点...

chaussen

什么是无线局域网?

7416阅读 · chaussen 2017-11-11翻译  
telecommunication

我们所处的纪元,技术进步正处于顶点。尤为显著的是网络传输这一元素,它在技术的世界里至关重要。网络传输有两大主要类型,即网络的有线传输和无线传输。 从中可以推导出,无线局域网即为通过无线电波,使用互联网,在局域内进行的网络传输。很明显,这种网络分布依靠的是在互联网上有接...

枫林

使用 Vue.js 和 Flask 实现全栈单页面应用

3797阅读 · 枫林 2017-11-10翻译  
Vue Node.js HTML5

在本教程中,我将向大家展示如何使用前端的 Vue.js 单页面应用和后端的 Flask 进行交互。 如果你只是想使用 Vue.js 库和 Flask 模板基本上是没什么问题的。但...好吧,其实还是有一个比较显而易见的问题:跟 Vue.js 一样,Jinji(模板引...

凯小凯

ES6中的元编程部分3 - Proxies

412阅读 · 凯小凯 2017-11-10翻译  
ES6 JavaScript

08 Aug 2016 in JavaScript, ES6, Metaprogramming ES6中的元编程部分3 - Proxies 在我ES6元编程的第三也是最后一章,请记住,那些文章我写了超过一年的时间,尽管起初我并不想花很长时间。在最后一篇文章,让我们尽可...

Doraemonls

增强网站无障碍功能的十条准则

1641阅读 · Doraemonls 2017-11-09翻译  
Web accessibility CSS HTML5

我们列出了十条关于网站无障碍功能的准则,它们能保证你的网站对任何人(包括残疾人)都是可用的。 W3C的主席蒂姆·伯纳斯-李说过一句话:“网络的力量在其普遍性”。作为以制作网站为生的人来说,我们的责任就是要使每个人都能够访问它们。网络无障碍功能看起来好像是论文里的一个艰...

codercao

JavaScript是如何工作的:事件循环和异步编程的兴起-5个关于如何使用async/await编写更简洁代码的技巧

2661阅读 · codercao 2017-11-08翻译  
JavaScript Event Loop

#JavaScript是如何工作的:事件循环和异步编程的兴起-5个关于如何使用async/await编写更简洁代码的技巧 欢迎来到本系列的第4部分,专门讨论JavaScript及其构建组件。在识别和描述核心元素的过程中,我们还分享了构建SessionStack时使用...

chaussen

摘自Medium:用React框架和Express模块进行服务器端渲染

511阅读 · chaussen 2017-11-08翻译  
React nodejs

用React框架和Express模块进行服务器端渲染 这周末我启动了一个编外项目,这个项目里要做的是服务器端的渲染。我在网上找的教程也好,建议也好都太深了,像Redux框架或React路由导航(React Router)这些特殊、时髦的东西根本不需要,我们可爱的Rea...

luobotang

ES6 元编程:Part 2 - Reflect

423阅读 · luobotang 2017-11-08翻译  
ES6 JavaScript Reflection

2015/8/26 归类在:JavaScript,ES6,元编程 ES6 元编程:第2部分 Reflect 在我的上一篇文章中,我们讨论了符号(Symbols),以及符号给 JavaScript 带来的新的元编程特性。这一次,我们(终于!)来聊一聊反射。如果你还没有看...

namelessman

最好的前端hacking备忘录——集锦

4627阅读 · namelessman 2017-11-06翻译  
Redux React Webpack ES2015 Vue Vuex Angular flexbox SCSS Stylus GraphQL

Indrek Lasn 瑞士软件工程师 😍10月27日 最好的前端hacking备忘录——集锦 记住所有API几乎是不可能的,这时候你需要一份备忘录!下面是我收集的最棒的前端备忘录。 Javascript ES2015 特性 https://devhints.i...

弈晨

TypeScript 2.6 来了!

673阅读 · 弈晨 2017-11-06翻译  
TypeScript JavaScript

TypeScript 2.6 在万圣节出现啦!不过不用怕,我们在这个版本中准备了很多好玩的东西。 如果你没有听说过 TypeScript,我可以简单介绍一下:它是通过添加可选的静态类型,建立在 JavaScript 最新版本之上的语言。这些类型不只是帮助捕捉拼写错误、...

chaussen

摘自现场工程师博客:工资高的入门级工作机会何在?

480阅读 · chaussen 2017-11-06翻译  
Engineering

工资较好的入门级工作:信息技术和工程 工资较好的入门级工作还是有一些的,好消息是不同的品位和喜好的人都能在其中找到适合的工作。让我们先看看工程和信息技术工作。 现场工程师 这个工作的基本工资中位数约为69530美元。现场工程师长时间在户外,现场工作,处理各种结构的...

chaussen

摘自freeCodeCamp:Webpack打包器面板进阶

2625阅读 · chaussen 2017-11-04翻译  
Webpack js

Webpack模块打包器面板进阶 终端画面,漂亮的webpack面板 Webpack-dashboard插件在Github网站上星数超过10000,但我还几乎从没碰过。这么棒的插件,为什么不利用起来呢?现在,瞄准的就是你俩:create-react-app和vue...

SlaneYang

14个你可能不知道的JavaScript调试技巧

2067阅读 · SlaneYang 2017-11-04翻译  
JavaScript Chrome Debug

以更快的速度和更高的效率来调试JavaScript 熟悉工具可以让工具在工作中发挥出更大的作用。尽管江湖传言 JavaScript 很难调试,但如果你掌握了几个技巧,就能用很少的时间来解决错误和bug. 文中已经列出了14个你可能不知道的调试技巧,但是可能需要你牢...

高大魔王

Cypress 将会改变你的开发方式 – Hacker Noon

398阅读 · 高大魔王 2017-11-04翻译  
test TDD

主页 FollowSign inGet startedHomepage 主页 热门商品 MIXPANEL 免费的测试汇报 Paul FalgoutBlockedUnblockFollowFollowingMarionetteJS. RoundingW...

chaussen

摘自Chromium博客:Chrome浏览器63版测试版——动态模块导入,异步迭代器和生成器,设备内存API接口和访问权请求的界面变化

490阅读 · chaussen 2017-11-03翻译  
Chrome

Chrome浏览器63版测试版——动态模块导入,异步迭代器和生成器,设备内存API接口和设置访问权的用户界面的变化 2017年10月27日星期五 以下描述的变化适用于测试版通道发布的安卓系统、Chrome OS系统、苹果系统和Windows系统上最新版的Chrome浏...

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