20180915 前端开发日报-前端开发博客

react-native 0.57 版本更新日志；如何改善既有 JS 代码：修复常见的 ESLint 报警（四）；TypeScript 3 + Express + Node.js；PWA踩坑记，手把手教学vue搭建PWA；使用 React 一年后，我学到的最重要经验；React 入门（基础概念）；TensorFlow.js 中的几个重要概念；前端异常监控解决方案研究

react-native 0.57 版本更新日志欢迎来到React Native版本的0.57版!这个版本解决了许多问题，并有一些令人兴奋的改进。我们再次跳过了一个月发布，通过扩展发布候选阶段关注质量，并且兼容之前的版本这个版本包括599提交由73个不同的贡献者!为了响应反馈，我们准备了一个
如何改善既有 JS 代码：修复常见的 ESLint 报警（四）前言 ESLint 是目前最主流、最强大的 JS 代码校验工具。当我们的代码触发了 ESLint 的报警规则时，ESLint 就会提示错误。本系列文章将详细讲解那些需要手工介入修复的 ESLint 规则，帮助你顺利地把既有代码迁移到 ESLint 的保护之中。 no-fallthrough 禁止在 switch / case 语句中使用穿透特性。 …
TypeScript 3 + Express + Node.js 第一步、安装需要的配置首先，我们将使用node包管理器（npm）来为我们的应用程序安装依赖项。 Npm与Node.js一起安装。如果您还没有安装Node.js，可以通过homebrew程序完成。安装Homebrew并更新它： $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/inst…
PWA踩坑记，手把手教学vue搭建PWA 前端的日益发展，都离不开性能优化的手段，包括 CDN、CSS Sprite、文件的合并压缩、异步加载、资源缓存等等。更多的时候为了减少用户量的请求，于是就有了PWA，秒开网站，离线访问等等的炫酷装B技能。于是就迫不及待想拉开PWA神秘的面纱，使用到下面的： vue3.0 register-service-worker 一台…
使用 React 一年后，我学到的最重要经验原文：The most important lessons I’ve learned after a year of working with React 作者：Tomas Eglinskas 开始学习一项新的技术时候令人很苦恼。你经常发现自己处于教程和文章的海洋里，还伴随着无数的个人观点。并且每个人都声称他们找到了“正确而完美的方式”。这让我们需要去辨别：我们选择的教…
React 入门（基础概念）前言准备写这篇文章时，才发现一年都没有总结了。之前还想一个月总结一次，对比现在简直太夸张了。其实今年的收获还挺多的，比如将学习的python、react应用到工作中，个人爬虫网站上线。开始的时候我是很抵触的，因为觉得后端写前端最后肯定会不三不四，之前也写过前后端全包的项目，但是对后面的…
TensorFlow.js 中的几个重要概念 TensorFlow.js简介 TensorFlow是谷歌基于DistBelief进行研发的第二代人工智能学习系统，其命名来源于本身的运行原理。Tensor（张量）意味着N维数组，Flow（流）意味着基于数据流图的计算，TensorFlow为张量从流图的一端流动到另一端计算过程。 TensorFlow是一个将复杂的数据结构传输至人工智能…
前端异常监控解决方案研究前端监控包括行为监控、异常监控、性能监控等，本文主要讨论异常监控。对于前端而言，和后端处于同一个监控系统中，前端有自己的监控方案，后端也有自己等监控方案，但两者并不分离，因为一个用户在操作应用过程中如果出现异常，有可能是前端引起，也有可能是后端引起，需要有一个机制，将前后端串联起来，使监控本身…
从酷炫的果冻菜单谈起 CSS3 filter 属性
#前端开发那些事#【2018 前端工程师成长路线图】详见：一份 2018 前端工程师成长路线图，拿好不谢！（译者：Fundebug）
接手前端新项目？这里有些注意点你可能需要留意一下前段时间加入公司内一个新开业务线的前端组，由于是新开的业务线，做的也是小程序这一块，所以几乎没有任何历史包袱，组内成员都是项目代码第一手产出者我加入的时机较晚，没有经历过最开始的初创阶段，不太清楚一开始的状况，不过听说是蛮折磨人的，需要踩坑无数，经常需要加班
【React 实战教程：第一节】从0到1 构建 github star管理工具：前期准备在日常使用github中，除了利用git进行项目版本控制之外，最多的用处就是游览各式的项目，在看到一些有趣或者有用的项目之后，我们通常就会顺手star，目的是日后再看。但是当我们star了许多项目之后，回过头想找一…
vue插件开发、文档书写、github发布、npm包发布一波流做vue开发，基本的操作会了之后是不是特想撸一撸vue的插件，让自己的代码可（骚）复（骚）用（的）。别急，今天和你一起手摸手，哦呸，是手把手，一起撸一管，哦再呸，是封装一个基于vue的支付宝密码弹窗插件。然后还会介绍如何书写插件的markdown说明文档、发布
vue-manage-system 后台管理系统开发总结vue-manage-system，一个基于 Vue.js 和 element-ui 的后台管理系统模板，从2016年年底第一个commit，到现在差不多两年了，GitHub上也有了 5k star，也是这些让我有了持续更新的动力，其中也踩了很多坑，在这总结…
NodeJS中的事件（EventEmitter） API详解（附源码） EventEmitter 简介EventEmitter 是 NodeJS 的核心模块 events 中的类，用于对 NodeJS 中的事件进行统一管理，用 events 特定的 API 对事件进行添加、触发和移除等等，核心方法的模式类似于发布订阅。实现 Eve
前端每日实战：135# 视频演示如何用纯 CSS 创作一个悬停时右移的按钮特效效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
Promise.all并发限制Promise.all可以保证，promises数组中所有promise对象都达到resolve状态，才执行then回调。
脆弱的HTML模板在开展我们的项目时，在一些方面，如：注册确认、营销推广等，都需要以给用户发邮件的方式，进行沟通，但是我们编写的HTML邮件，很多主流邮箱都会或多或少的过滤掉一些东西，所以就要考虑如何编写才是能兼容各种。本文原创发表于所问数据HT前端团队：ht.askingd
Koa.js学习笔记1、简单的小示例 {代码…} 2、HTTP Response 的类型 {代码…} 3、路由（封装好的 koa-route模块） {代码…} 4、静态资源 {代码…} 5、重定向 {代码…} 6、中间件 {代码…} 7、错误处理 {代码…} 8、Web A…
Egg.js学习优势：规范、插件机制Egg.js约定了一套代码目录结构（配置config、路由router、扩展extend、中间件middleware、控制器controller）规范的目录结构，可以使得不同团队的开发者使用框架写出来的代码风格会更一致，…
redux, koa, express 中间件实现对比解析如果你有 express ,koa, redux 的使用经验，就会发现他们都有中间件（middlewares）的概念，中间件是一种拦截器的思想，用于在某个特定的输入输出之间添加一些额外处理，同时不影响原有操作。最开始接触中间件是在服务端使用 expre
CSS实现水平垂直居中的10种方式（史上最全）要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将本文整理成了一个github仓库，欢迎大家star
react 国际化了解一下楼主最近新接了一个项目，从0开始做，需要做多语言的国际化，今天搞了一下，基本达到了想要的效果，在这里简单分享下：
多页应用增量更新静态资源Webpack打包方案自从vue、react或者angular这类框架流行后，单页应用的数量也越来越多。但是限制于单页应用的一些缺点，比如：seo、首屏时间等因素，很多应用的结构还是保持了多页面结构。此篇讲述的是如何在多页面应用结构的基础上，利用webpack生成带hashcode
如何使用 vue-cli 3 的 preset 打造基于 git repo 的前端项目模板vue-cli 3 完全推翻了 vue-cli 2 的整体架构设计，所以当你需要给组里定制一份基于 vue-cli 的前端项目初始化模板时，就需要去思考：我该怎么做？
小邵教你玩转ES6 前言：大家好，我叫邵威儒，大家都喜欢喊我小邵，学的金融专业却凭借兴趣爱好入了程序猿的坑，从大学买的第一本vb和自学vb，我就与编程结下不解之缘，随后自学易语言写游戏辅助、交易软件，至今进入了前端领域，看到不少朋友都写文章分享，自己也弄一个玩玩，以下文章纯属个人
你对CommonJS规范了解多少？写在前面为什么会出现CommonJS规范？因为JavaScript本身并没有模块的概念，不支持封闭的作用域和依赖管理，传统的文件引入方式又会污染变量，甚至文件引入的先后顺序都会影响整个项目的运行。同时也没有一个相对标准的文件引入规范和包管理系统，这个时候C
NodeJS 模块化的简易实现（commonJS） CommonJS 概述CommonJS 是一种模块化的标准，而 NodeJS 是这种标准的实现，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。NodeJS 模块化的简易实现在实现模块加载之前，我们需要清
使用前端方式挑战 Chrome 小恐龙游戏高分本站使用「署名 4.0 国际 (CC BY 4.0)」许可协议，欢迎转载、或重新修改使用，但需要注明来源。署名 4.0 国际 (CC BY 4.0) 本文作者: 苏洋创建时间: 2018年09月13日统计字数: 4298字阅读时间: 9分钟阅读本文链
Koa2和Redux中间件源码研究一、Koa2中间件源码分析在Koa2中，中间件被存放在一个数组中。使用koa中，最常见的就是app.use(fn)，use函数部分源码如下所示。首先中间件必须是个函数。若是generator函数，则需要进行转化。最后把该中间件推入middelaware数组