124 热度

7个拒绝使用TypeScript的借口

7个拒绝使用TypeScript的借口译者按:TypeScript 学习成本不高,项目切换成本不低,不过还是值得试一试的!原文:7 bad excuses for not using TypeScript译者:Fundebug为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。自从 6 年前诞生,TypeScript 逐渐被各大型公司接受。 也许你有充足...

收录时间: 2018-12-26
分类: 前端开发
贡献者: Rector
147 热度

月下载量千万的 npm 包被黑客篡改,Vue 开发者可能正在遭受攻击

早起看手机,结果发现我的微信群炸了,未读消息 999+,大家都在讨论 event-stream 事件。打开 twitter 也是被这个刷屏了。 于是翻看了一下 GitHub Issue,大概知道了事情的原委。 用户 @FallingSnow 在 GitHub 上为 event-stream 仓库创建了一个 issue,标题为:"I don't know what to say.",翻译过来大概就是“我也是很无语了”。因为 event-stream 包突然多出了一个名为 flatmap-stream 的依赖项,而这个依赖项正在窃取用户的数字货币。 event-stream 被很多的前端流行框架和库使用,每月有几千万的下载量。在 Vue 的官方脚手架 vue-cli 中也使用了这个依赖,作为最流行的前端框架之一,这个影响还是挺大的。而 React 则躲过了以此影响。 flatmap-stream 中的恶意代码会扫描用户的 nodemodules 目录,因为所有从 npm 下载的模块都会放在此目录。如果发现了在 nodemodules 存在特定的模块,则将恶意代码注入进去,从而盗取用户的数字货币。

收录时间: 2018-11-28
分类: 前端开发
贡献者: Rector
252 热度

Vant 1.3.10 发布,有赞轻量级移动端 Vue 组件库

Vant 1.3.10 已发布,更新内容如下:ImprovementsField: 新增 focus 方法 #1987Search: 新增 left-icon 插槽 #1974CouponCell: 新增 border 属性 #1993CouponCell: 优化优惠金额展示规则 #1...

收录时间: 2018-10-31
分类: 前端开发
贡献者: Rector
276 热度

2018年最佳JavaScript数据可视化和图表库

现在有很多图表库,但哪一个最好用?这可能取决于许多因素,如业务需求,数据类型,图表本身的目的等等。在本文中,每个JavaScript图表库将与一些关键因素进行比较,包括图表类型,商业或免费和开源状态。这些图表库通过实践经验从而进行了彻底的分析,以最大限度地进行最佳比较。1. React-VisReactJS是Facebook团队所创作的令人惊喜的前端框架。如果你已经在使用React了,那么...

收录时间: 2018-10-30
分类: 前端开发
贡献者: Rector
291 热度

Vant 1.3.5 发布,有赞轻量级移动端 Vue 组件库

Vant 1.3.5 已发布,更新内容如下:ImprovementsTab: 样式升级 #1908Badge: 样式升级 #1907Dialog: 样式升级 #1906NoticeBar: 样式升级 #1893Collapse: 新增 disabled 属性 #1892TreeSelect: 新增 height 属性 #1905ImagePreview: 支持手...

收录时间: 2018-10-11
分类: 前端开发
贡献者: Rector
283 热度

作为JavaScript开发人员,这些必备的VS Code插件你都用过吗?

如今,Visual Studio Code无疑是最流行的轻量级代码编辑器。它确实从其他代码编辑器那借鉴了很多,最主要是从Sublime和Atom那里。然而它的成功关键是源于能提供更好的性能和稳定的表现。另外,它还提供了如代码智能提示等开发者非常需要的功能。而这些功能,曾经只在像Eclipse或者Visual Studio 2017这样的完整集成开发环境(IDEs)中才有。 VS Code的强大无疑来自于它的插件市场。多亏了开源社区,VS Code现在几乎对所有的编程语言、框架和开发技术都有支持。提供这种支持的方式是多样的,主要包括了为特定技术提供代码片段、语法高亮、Emmet以及智能提示功能。

收录时间: 2018-08-23
分类: 前端开发
贡献者: Rector
AD 友情赞助
266 热度

学习ES6笔记──工作中常用到的ES6语法

一、let和const在JavaScript中咱们以前主要用关键var来定义变量,ES6之后,新增了定义变量的两个关键字,分别是let和const。对于变量来说,在ES5中var定义的变量会提升到作用域中所有的函数与语句前面,而ES6中let定义的变量则不会,let声明的变量会在其相应的代码块中建立一个暂时性死区,直至变量被声明。let和const都能够声明块级作用域,用法和var是类似的,let...

收录时间: 2018-08-21
分类: 前端开发
贡献者: Rector
264 热度

2018 现代前端开发修炼手册

在我们开始这篇文章之前,先给你一个关于我和这个路线图的想法;在过去的5年里,我一直在做全栈开发,现在在 tajawal 担任首席工程师,在那里我不得不戴上不同的帽子。这不仅是我的爱好,也是我的工作职责之一,我要密切关注趋势,并让其它开发者保持接受良好的培训。我看到初学者(和类似的经验的人)为了跟上时代有很多困惑。在2017年,我有很多朋友来发邮件问我,如果他们想要从事这个职业,他们应该学习什么。因...

收录时间: 2018-08-15
分类: 前端开发
贡献者: Rector
227 热度

Hubble 见证 Vue 与 React 突破 10 万 GitHub Stars!

HomeArchivesTagsCategoriesHubble 见证 Vue 与 React 突破 10 万 GitHub Stars! 2018-06-16昨天 19 时 9 分前后,Vue 与 React 两个著名现代前端框架双双突破 10 万 GitHub Stars。并且在同日,晚于 React 诞生的 Vue 首次在 GitHub Star 数量上超越 React,最终率先达到 10 ...

收录时间: 2018-08-12
分类: 前端开发
贡献者: Rector
261 热度

这回试试使用CSS实现抛物线运动效果

一、回顾之前的JS实现 文章头图缩略图 差不多5年前,写了篇文章,名为“JavaScript与元素间的抛物线轨迹运动”(忽略前面几段的牢骚),然后写个JS方法,可以实现任意元素的抛物线运动效果,兼容到IE6浏览器,语法如下: funParabola(element, target, options); 就可以实现element元素到target元素的抛物线运动效果,类似这样:

收录时间: 2018-08-11
分类: 前端开发
贡献者: Rector
214 热度

BOM-各种宽高

BOM-各种宽高 1. window下的宽高 获取高度可以可以省略window window.innerWidth,通过字面意思我们知道这是一个内部的宽度,如果有滚动条,则包含滚动条的宽度 window.innerHeight,表示内部可用的高度,如果有滚动条,则包含滚动条的高度 window.outWidth,整个窗口的宽度 window.outHeight,整个窗口的高度 此外还有window.screen下的宽度,主要是与屏幕间的距离 几大差异

收录时间: 2018-08-08
分类: 前端开发
贡献者: Rector
238 热度

vue中Axios的封装和API接口的管理

在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护,直接推荐我们使用axios库。如果还对axios不了解的,可以移步axios文档。

收录时间: 2018-08-08
分类: 前端开发
贡献者: Rector
314 热度

Uber开源Fusion.js:一个基于插件架构的通用Web框架

可能很多人都不知道,Uber 其实开发了很多基于 Web 的应用程序,可能有数百个,而且这个数字还在不断增加中,它们中的大部分被用在公司内部,用于管理各种业务。 我们知道,Web 技术变化得很快,而最佳技术实践也在不断发展。为数百名 Web 工程师提供高质量的框架和功能,同时又要保持 Web 平台的动态特性,一直以来都是一个巨大的挑战。 为了应对这一挑战,Uber 的 Web 平台团队开发了 Fusion.js,一个开源的 Web 框架,用于简化 Web 开发,并构建出高性能的轻量级 Web 应用程序。

收录时间: 2018-08-06
分类: 前端开发
贡献者: Rector
261 热度

HTTP2和HTTPS来不来了解一下?

本文力求简单讲清每个知识点,希望大家看完能有所收获二、HTTP协议的今生来世最近在看博客的时候,发现有的面试题已经考HTTP/2了,于是我就顺着去了解一下。到现在为止,HTTP协议已经有三个版本了:HTTP1.0HTTP1.1HTTP/2下面就简单聊聊他们三者的区别,以及整理一些必要的额外知识点。2.1HTTP版本之间的区别2.1.1HTTP1.0和HTTP1.1区别HTTP1.0...

收录时间: 2018-07-31
分类: 前端开发
贡献者: Rector
311 热度

如何实现一个HTTP请求库——axios源码阅读与分析

概述在前端开发过程中,我们经常会遇到需要发送异步请求的情况。而使用一个功能齐全,接口完善的HTTP请求库,能够在很大程度上减少我们的开发成本,提高我们的开发效率。axios是一个在近些年来非常火的一个HTTP请求库,目前在GitHub中已经拥有了超过40K的star,受到了各位大佬的推荐。今天,我们就来看下,axios到底是如何设计的,其中又有哪些值得我们学习的地方。我在写这边文章时,ax...

收录时间: 2018-07-25
分类: 前端开发
贡献者: Rector
350 热度

Vue vs React: Javascript 框架之战

正如我们之前提到的,WordPress 的核心团队正争论着为应该将哪款(前端框架)加入现在的架构之中。目前看来,暂时脱颖而出的是React与Vue.js,社区中的很多成员正权衡着这两款框架的利弊。那到底哪款框架会胜出,哪款框架又会沦为昔日的prototype.js.呢?让我们一起看看吧。我已经写出了两个几乎一样的Web应用,一个是基于Vue,另一个则基于React,可以方便你在看这篇文...

收录时间: 2018-07-24
分类: 前端开发
贡献者: Rector
266 热度

React 教程:2018年学习 React.js 的综合指南

组件(Component) 是 React的构建块。如果你有 Angular 技术背景,那么组件(Component) 与 Directives 非常相似。如果你来自其他的技术背景,那么它们本质上是小部件或模块。您可以将组件视为 HTML,CSS,JS 的集合以及特定于该组件的一些内部数据。我喜欢将 React 组件视为 Web 中的水果派 。它们拥有您需要的一切,将美味随心所欲的组合并包裹起来。这些组件定义在纯 JavaScript 中,或者可以在 React 团队称为“JSX”的内容中定义。如果您决定使用JSX(您很可能会使用它,它非常标准 – 我们将在本教程中使用),你需要一些编译阶段来将你的 JSX 转换为 JavaScript ,我们稍后会讨论这个问题。

收录时间: 2018-07-20
分类: 前端开发
贡献者: Rector
248 热度

React 16 加载性能优化指南

关于 React 应用加载的优化,其实网上类似的文章已经有太多太多了,随便一搜就是一堆,已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布,很多过去的优化手段其实都或多或少有些“过时”了,而正好最近一段时间,公司的新项目迁移到了 React 16 和 Webpack 4.0,做了很多这方面的优化,所以就写一篇文章来总结一下。

收录时间: 2018-07-20
分类: 前端开发
贡献者: Rector
262 热度

DOM系列:动态添加CSS样式规则_JavaScript, DOM, DOM系列 教程

在上一节中学习了如何通过JavaScript来修改CSS样式。简单地说:查询CSS样式(即计算样式),设置单个样式(设置的是行内样式),设置多个样式(通过类来设置样式)。即:通过DOM Element对象的getAttribute()、setAttribute()和removeAttribute()等方法修改元素的style属性通过对元素节点的style来读写行内CSS样式通过style对象的...

收录时间: 2018-06-27
分类: 前端开发
贡献者: Rector
301 热度

从零开始搭建一个react项目

新建并配置webpack新建webpack.config.js 文件。首先要理解webpack的几个基础概念入口(entry)、出口(output)、载入器(loader)、插件(plugins)、模式(mode) 。webpack中文文档。代码如下:1 // __dirname是node.js中的一个全局变量,它指向当前执行脚本所在的目录2 // path是node.js中提供的处理文件路径...

收录时间: 2018-06-21
分类: 前端开发
贡献者: Rector