针对前端开发可重用组件并发布到NPM

2019-02-18
阅读 7 分钟
7.2k
翻译:疯狂的技术宅原文:[链接] 本文首发微信公众号:jingchengyideng欢迎关注,每天都给你推送新鲜的前端技术文章 摘要:本文着眼于使用具有内置功能和样式的组件来扩充HTML。 我们还将学习如何通过 NPM 使这些自定义元素在项目中得到重用。 即便是最简单的组件,人力成本也可能很高。 UX 团队要进行可用性测试。 涉及...

一个基于 Node.js 的表单验证库

2019-02-15
阅读 8 分钟
5.4k
在 Node.js 中进行自定义数据验证既不容易也不快。 为了覆盖所有类型的数据,需要写许多函数。 虽然我已经尝试了一些 Node.js 的表单库 —— Express 和 Koa ——他们从未满足我的项目需求。 这些扩展库要么不兼容复杂的数据结构,要么在异步验证出现问题。

从设计者的角度看 React

2019-02-14
阅读 22 分钟
12.5k
翻译:疯狂的技术宅原文:[链接] 本文首发微信公众号:jingchengyideng欢迎关注,每天都给你推送新鲜的前端技术文章 很多教程都把 React 作为一个 UI 库来引入。这是很有道理的,因为 React 本身就是一个 UI 库。就像官网上所说的那样。 我曾经写过关于构建用户界面中遇到的挑战的文章。但是本文将会用另外一种方式来讲...

在Shell中进行独立的集成测试

2019-02-13
阅读 2 分钟
1.8k
翻译:疯狂的技术宅原文:[链接] 本文首发微信公众号:jingchengyideng欢迎关注,每天都给你推送新鲜的前端技术文章 我在开发 during.com 时创建了一系列的微服务,它们被用来做一些同步、导入和单调繁重数据处理之类的工作。 如果你对微服务不熟悉,那么它只是一个花哨的名词而已,意思就是“让我们把这些该死的业务逻辑...

CSS粘性定位是怎样工作的

2019-02-10
阅读 3 分钟
12.1k
翻译:疯狂的技术宅原文:[链接] 本文首发微信公众号:jingchengyideng欢迎关注,每天都给你推送新鲜的前端技术文章 浏览器对 CSS粘性定位有着非常好的支持,但很多开发者都没有用过它。 究其原因有两个: 第一,受到浏览器的良好支持需要漫长的等待:浏览器的支持往往需要很长的时间才能完成,到时候它的功能已经被人们...

过节很无聊?还是用 JavaScript 写一个脑力小游戏吧!

2019-02-05
阅读 14 分钟
13k
本教程使用了HTML5,CSS3和JavaScript的基本的技术。 我们将讨论数据属性、定位、透视、转换、flexbox、事件处理、超时和三元组。 你不需要在编程方面有太多的知识和经验就能看懂,不过还是需要知道HTML,CSS和JS都是什么。

谈谈super(props) 的重要性

2019-02-01
阅读 4 分钟
9.7k
翻译:疯狂的技术宅原文:[链接] 本文首发微信公众号:jingchengyideng欢迎关注,每天都给你推送新鲜的前端技术文章 我听说 Hooks 最近很火。讽刺的是,我想用一些关于 class 组件的有趣故事来开始这篇文章。你觉得如何? 本文中这些坑对于你正常使用 React 并不是很重要。 但是假如你想更深入的了解它的运作方式,就会...

CSS Flexbox 可视化手册

2019-01-31
阅读 9 分钟
14.1k
Flexbox是 Flexible Box Module(弹性盒模型)的缩写。 是一种可以轻松控制html元素之间的空间分布和对齐的布局模型。

对SVG动画进行惰性异步光栅化处理

2019-01-30
阅读 2 分钟
3.6k
翻译:疯狂的技术宅原文:[链接] 本文首发微信公众号:jingchengyideng欢迎关注,每天都给你推送新鲜的前端技术文章 渲染SVG图像可能会非常慢 在转换 SVG 图像时,浏览器会试着在每一帧上进行渲染,以便使图像尽可能的清晰。 不幸的是,SVG渲染可能会很慢,特别是对于较大的图像。 这里是一个DEMO,打开后点击“Scale SVG...

12个令人惊叹的CSS实验项目

2019-01-29
阅读 3 分钟
25.6k
你可能认为 CSS 只是一种简单地为网页设计样式的语言,但它的功能比你想象的要多得多。 从逼真的图像到甚至是视频游戏,你会惊讶地看到一个优秀的开发者可以用 CSS 做些什么。

浅议 JavaScript 的 Promises/Futures 模式

2019-01-28
阅读 1 分钟
2.9k
随着 JavaScript 使用的不断增加,异步事件驱动的应用程序变得越来越流行。 但是,许多开发者经常面临的一个问题是:在异步环境中进行依赖于结果的操作。

深入理解 Undefined

2019-01-27
阅读 2 分钟
2.3k
Undefined 这个概念听起来很简单,不过你知道应该怎样检查JavaScript中的变量或属性是否真的存在吗? 做这件事最好的方法是什么? 我们如何涵盖所有的边界值? 要回答这些问题,首先让我们来看看究竟什么是undefined......

对JavaScript中的异步函数进行异常处理及测试

2019-01-25
阅读 6 分钟
5.7k
翻译:疯狂的技术宅原文:[链接] 本文首发微信公众号:jingchengyideng欢迎关注,每天都给你推送新鲜的前端技术文章 可以在 Javascript 的异步函数中抛出错误吗? 这个话题已被反复提起过几百次,不过这次让我们从TDD(Test-Driven Development)的角度来回答它。 如果你能不在Stackoverflow上搜索就能回答这个问题,会...

JavaScript中的执行上下文

2019-01-24
阅读 4 分钟
4.2k
在这篇文章中,我将深入探讨JavaScript的最基本部分之一,即Execution Context(执行上下文)。 在本文结束时,你应该对解释器了解得更清楚:为什么在声明它们之前可以使用某些函数或变量?以及它们的值是如何确定的?

TypeScript 3.3来了!快看看有什么新功能

2019-01-23
阅读 3 分钟
5k
不管怎样,在上面的例子中,FruitEater 和 ColorConsumer 都应该能够接受字符串"orange",并返回 number 或 string 类型才对。

第三方CSS安全吗?

2019-01-23
阅读 3 分钟
7.3k
有些人要求浏览器“修复”它。 另有一些人挖掘得更深一些,发现它只影响使用React及类似框架编写的网站,并为此指责React。 不过真正的问题在于第三方内容是不是“安全的”。

一步步教你用HTML5 SVG实现动画效果

2019-01-22
阅读 14 分钟
39.4k
摘要在这篇文章中你将了解Awwwards网是怎样实现动画的。 本文介绍了HTML5 SVG中的circle 元素,它的stroke属性,以及如何使用CSS变量以及用 Vanilla JavaScript 为它们设置动画。

世界顶级公司的前端面试都问些什么

2019-01-21
阅读 4 分钟
14.3k
原文:[链接]作者:David Shariff翻译:疯狂的技术宅 本文首发微信公众号:jingchengyideng欢迎关注,每天都给你推送新鲜的前端技术文章 在过去的几年里,我在亚马逊和雅虎面试过许多前端工程师。在这篇文章中,我想分享一些技巧,帮助大家做好准备。 免责声明: 本文的目的并不是为你列出在前端面试中可能会被问到的问...

聊聊 Array 中的坑

2019-01-20
阅读 4 分钟
2.5k
原文:[链接]翻译:疯狂的技术宅 本文首发微信公众号:jingchengyideng欢迎关注,每天都给你推送新鲜的前端技术文章 Array 类型检测 {代码...} 假设obj是一个数组,我们想要实现一些功能。比如 JSON.stringify就是一个例子,它以不同的方式把数组输出到其他对象。 我们可以这样做: {代码...} 但是对于数组的子类来说这...

现代浏览器探秘(part4):事件处理

2019-01-18
阅读 5 分钟
2.7k
翻译:疯狂的技术宅原文:[链接] 本文首发微信公众号:jingchengyideng点击下面链接查看其它章节文章 现代浏览器探秘(part1):架构 现代浏览器探秘(part2):导航 现代浏览器探秘(part3):渲染 现代浏览器探秘(part4):事件处理 当输入到达合成器 这是关于Chrome浏览器内部工作原理系列的最后一篇;研究浏览器怎样通过处...

现代浏览器探秘(part3):渲染

2019-01-17
阅读 6 分钟
2.3k
翻译:疯狂的技术宅原文:[链接] 本文首发微信公众号:jingchengyideng点击下面链接查看其它章节文章 现代浏览器探秘(part1):架构 现代浏览器探秘(part2):导航 现代浏览器探秘(part3):渲染 现代浏览器探秘(part4):事件处理 渲染器进程的内部工作原理 这是关于浏览器内部工作原理系列的第3部分。 之前,我们介绍了多...

现代浏览器探秘(part2):导航

2019-01-16
阅读 5 分钟
4.2k
翻译:疯狂的技术宅原文:[链接] 本文首发微信公众号:jingchengyideng点击下面链接查看其它章节文章 现代浏览器探秘(part1):架构 现代浏览器探秘(part2):导航 现代浏览器探秘(part3):渲染 现代浏览器探秘(part4):事件处理 导航时都发生了什么 这是关于Chrome内部工作原理系列的第2部分。 在上一篇文章中,我们研究...

【译】现代浏览器探秘(part 1):架构

2019-01-15
阅读 5 分钟
4.2k
翻译:疯狂的技术宅 原文链接:[链接] 本文首发微信公众号:jingchengyideng点击下面链接查看其它章节文章 现代浏览器探秘(part1):架构 现代浏览器探秘(part2):导航 现代浏览器探秘(part3):渲染 现代浏览器探秘(part4):事件处理 CPU,GPU,内存和多进程架构 在这个由4部分组成的系列文章中,我们将介绍Chrome浏览器...

【译】关于机器学习的11个开源工具

2017-10-13
阅读 4 分钟
5.3k
翻译:疯狂的技术宅英文标题:11 open source tools to make the most of machine learning英文连接:[链接]本文首发于微信公众号:充实的脑洞

【译】Kotlin 1.2的新功能:代码重用,更适合初学者

2017-10-11
阅读 2 分钟
3.4k
翻译:疯狂的技术宅英文标题:What's new in Kotlin 1.2? Code reuse, for starters英文连接:[链接]本文首发于微信公众号:充实的脑洞

【译】Java异常处理策略

2017-10-09
阅读 4 分钟
3.8k
翻译:疯狂的技术宅 原文标题:Exception handling strategy 原文链接:[链接]本文首发微信公众号:充实的脑洞 在本文中,我们介绍了在OOP应用中处理异常的常见策略,这些策略符合最佳的异常处理技术,可以在任何应用中使用。 1. 概述 下图提供了策略概述,它展示了从检测阶段到处理阶段的异常处理流程。该图需要从下往...

使用Apache对Tomcat进行负载均衡

2017-09-28
阅读 4 分钟
4.3k
有时候我们需要把自己的应用部署在多个Tomcat实例上,这种场景通常是在使用大量内存进行存储,并且拥有大量的活跃用户时。使用多个实例的主要优点是可以把请求和负载分担到多个节点上,以提供高可用性并加快服务请求。

【译】Node.js的速度困境:AJAX 和 Socket.IO到底选哪个?

2017-09-01
阅读 5 分钟
6.4k
翻译:疯狂的技术宅原文标题:A Node.js speed dilemma: AJAX or Socket.IO?原文链接:[链接]本文首发微信公众号:充实的脑洞。转载需注明出处!

【译】一个小时搭建一个全栈Web应用框架(下)——美化与功能

2017-08-31
阅读 6 分钟
7.9k
翻译:疯狂的技术宅原文标题:Creating a full-stack web application with Python, NPM, Webpack and React — Beauty and Functionality原文链接:[链接]本文首发微信公众号:充实的脑洞。转载需注明出处!

【译】Python3中进行HTTP请求的4种方式

2017-08-29
阅读 4 分钟
51.6k
python包索引(PyPI)提供了超过10万个代码库的包,它能够帮助python程序员完成许多工作,无论是构建web应用程序还是分析数据。另外PyPI还提供了很多诸如 twilio 之类的API的辅助库。