20180915 前端开发日报

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

  1. react-native 0.57 版本更新日志 欢迎来到React Native版本的0.57版!这个版本解决了许多问题,并有一些令人兴奋的改进。我们再次跳过了一个月发布,通过扩展发布候选阶段关注质量,并且兼容之前的版本 这个版本包括599提交由73个不同的贡献者!为了响应反馈,我们准备了一个
  2. 如何改善既有 JS 代码:修复常见的 ESLint 报警(四) 前言 ESLint 是目前最主流、最强大的 JS 代码校验工具。当我们的代码触发了 ESLint 的报警规则时,ESLint 就会提示错误。 本系列文章将详细讲解那些需要手工介入修复的 ESLint 规则,帮助你顺利地把既有代码迁移到 ESLint 的保护之中。 no-fallthrough 禁止在 switch / case 语句中使用穿透特性。 ...
  3. 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...
  4. PWA踩坑记,手把手教学vue搭建PWA 前端的日益发展,都离不开性能优化的手段,包括 CDN、CSS Sprite、文件的合并压缩、异步加载、资源缓存等等。更多的时候为了减少用户量的请求,于是就有了PWA,秒开网站,离线访问等等的炫酷装B技能。 于是就迫不及待想拉开PWA神秘的面纱,使用到下面的: vue3.0 register-service-worker 一台...
  5. 使用 React 一年后,我学到的最重要经验 原文:The most important lessons I’ve learned after a year of working with React 作者:Tomas Eglinskas 开始学习一项新的技术时候令人很苦恼。你经常发现自己处于教程和文章的海洋里,还伴随着无数的个人观点。并且每个人都声称他们找到了“正确而完美的方式”。 这让我们需要去辨别:我们选择的教...
  6. React 入门(基础概念) 前言 准备写这篇文章时,才发现一年都没有总结了。之前还想一个月总结一次,对比现在简直太夸张了。其实今年的收获还挺多的,比如将学习的python、react应用到工作中,个人爬虫网站上线。 开始的时候我是很抵触的,因为觉得后端写前端最后肯定会不三不四,之前也写过前后端全包的项目,但是对后面的...
  7. TensorFlow.js 中的几个重要概念 TensorFlow.js简介 TensorFlow是谷歌基于DistBelief进行研发的第二代人工智能学习系统,其命名来源于本身的运行原理。Tensor(张量)意味着N维数组,Flow(流)意味着基于数据流图的计算,TensorFlow为张量从流图的一端流动到另一端计算过程。 TensorFlow是一个将复杂的数据结构传输至人工智能...
  8. 前端异常监控解决方案研究 前端监控包括行为监控、 异常监控 、性能监控等,本文主要讨论异常监控。对于前端而言,和后端处于同一个监控系统中,前端有自己的监控方案,后端也有自己等监控方案,但两者并不分离,因为一个用户在操作应用过程中如果出现异常,有可能是前端引起,也有可能是后端引起,需要有一个机制,将前后端串联起来,使监控本身...
  9. #前端开发那些事#【2018 前端工程师成长路线图】详见: 一份 2018 前端工程师成长路线图,拿好不谢!(译者:Fundebug) ​​​

    2018 前端工程师成长路线图
  10. 接手前端新项目?这里有些注意点你可能需要留意一下 前段时间加入公司内一个新开业务线的前端组,由于是新开的业务线,做的也是小程序这一块,所以几乎没有任何历史包袱,组内成员都是项目代码第一手产出者 我加入的时机较晚,没有经历过最开始的初创阶段,不太清楚一开始的状况,不过听说是蛮折磨人的,需要踩坑无数,经常需要加班
  11. 【React 实战教程:第一节】从0到1 构建 github star管理工具 :前期准备在日常使用github中,除了利用git进行项目版本控制之外,最多的用处就是游览各式的项目,在看到一些有趣或者有用的项目之后,我们通常就会顺手star,目的是日后再看。但是当我们star了许多项目之后,回过头想找一...
  12. vue插件开发、文档书写、github发布、npm包发布一波流 做vue开发,基本的操作会了之后是不是特想撸一撸vue的插件,让自己的代码可(骚)复(骚)用(的)。别急,今天和你一起手摸手,哦呸,是手把手,一起撸一管,哦再呸,是封装一个基于vue的支付宝密码弹窗插件。然后还会介绍如何书写插件的markdown说明文档、发布
  13. vue-manage-system 后台管理系统开发总结vue-manage-system,一个基于 Vue.js 和 element-ui 的后台管理系统模板,从2016年年底第一个commit,到现在差不多两年了,GitHub上也有了 5k star,也是这些让我有了持续更新的动力,其中也踩了很多坑,在这总结...
  14. NodeJS中的事件(EventEmitter) API详解(附源码) EventEmitter 简介EventEmitter 是 NodeJS 的核心模块 events 中的类,用于对 NodeJS 中的事件进行统一管理,用 events 特定的 API 对事件进行添加、触发和移除等等,核心方法的模式类似于发布订阅。实现 Eve
  15. 前端每日实战:135# 视频演示如何用纯 CSS 创作一个悬停时右移的按钮特效效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] ...
  16. Promise.all并发限制Promise.all可以保证,promises数组中所有promise对象都达到resolve状态,才执行then回调。
  17. 脆弱的HTML模板 在开展我们的项目时,在一些方面,如:注册确认、营销推广等,都需要以给用户发邮件的方式,进行沟通,但是我们编写的HTML邮件,很多主流邮箱都会或多或少的过滤掉一些东西,所以就要考虑如何编写才是能兼容各种。 本文原创发表于所问数据HT前端团队:ht.askingd
  18. Koa.js学习笔记1、简单的小示例 {代码...} 2、HTTP Response 的类型 {代码...} 3、路由(封装好的 koa-route模块) {代码...} 4、 静态资源 {代码...} 5、重定向 {代码...} 6、中间件 {代码...} 7、错误处理 {代码...} 8、web A...
  19. Egg.js学习优势:规范、插件机制Egg.js约定了一套代码目录结构(配置config、路由router、扩展extend、中间件middleware、控制器controller)规范的目录结构,可以使得不同团队的开发者使用框架写出来的代码风格会更一致,...
  20. redux, koa, express 中间件实现对比解析 如果你有 express ,koa, redux 的使用经验,就会发现他们都有 中间件(middlewares)的概念,中间件 是一种拦截器的思想,用于在某个特定的输入输出之间添加一些额外处理,同时不影响原有操作。 最开始接触 中间件是在服务端使用 expre
  21. CSS实现水平垂直居中的10种方式(史上最全)要实现上图的效果看似很简单,实则暗藏玄机,本文总结了一下CSS实现水平垂直居中的方式大概有下面这些,本文将逐一介绍一下,我将本文整理成了一个github仓库,欢迎大家star
  22. react 国际化了解一下楼主最近新接了一个项目,从0开始做,需要做多语言的国际化,今天搞了一下,基本达到了想要的效果, 在这里简单分享下:
  23. 多页应用增量更新静态资源Webpack打包方案 自从vue、react或者angular这类框架流行后,单页应用的数量也越来越多。但是限制于单页应用的一些缺点,比如:seo、首屏时间等因素,很多应用的结构还是保持了多页面结构。此篇讲述的是如何在多页面应用结构的基础上,利用webpack生成带hashcode
  24. 如何使用 vue-cli 3 的 preset 打造基于 git repo 的前端项目模板vue-cli 3 完全推翻了 vue-cli 2 的整体架构设计,所以当你需要给组里定制一份基于 vue-cli 的前端项目初始化模板时,就需要去思考:我该怎么做?
  25. 小邵教你玩转ES6 前言:大家好,我叫邵威儒,大家都喜欢喊我小邵,学的金融专业却凭借兴趣爱好入了程序猿的坑,从大学买的第一本vb和自学vb,我就与编程结下不解之缘,随后自学易语言写游戏辅助、交易软件,至今进入了前端领域,看到不少朋友都写文章分享,自己也弄一个玩玩,以下文章纯属个人
  26. 你对CommonJS规范了解多少? 写在前面 为什么会出现CommonJS规范? 因为JavaScript本身并没有模块的概念,不支持封闭的作用域和依赖管理,传统的文件引入方式又会污染变量,甚至文件引入的先后顺序都会影响整个项目的运行。同时也没有一个相对标准的文件引入规范和包管理系统,这个时候C
  27. NodeJS 模块化的简易实现(commonJS) CommonJS 概述CommonJS 是一种模块化的标准,而 NodeJS 是这种标准的实现,每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。NodeJS 模块化的简易实现在实现模块加载之前,我们需要清
  28. 使用前端方式挑战 Chrome 小恐龙游戏高分 本站使用「署名 4.0 国际 (CC BY 4.0)」许可协议,欢迎转载、或重新修改使用,但需要注明来源。 署名 4.0 国际 (CC BY 4.0) 本文作者: 苏洋 创建时间: 2018年09月13日 统计字数: 4298字 阅读时间: 9分钟阅读 本文链
  29. Koa2和Redux中间件源码研究 一、Koa2中间件源码分析 在Koa2中,中间件被存放在一个数组中。 使用koa中,最常见的就是app.use(fn),use函数部分源码如下所示。首先中间件必须是个函数。若是generator函数,则需要进行转化。最后把该中间件推入middelaware数组

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20180915 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180915.html)

发表评论

请登录后发表评论: