20180422 前端开发日报

看看webpack都打出了些什么;Vue多页面开发和打包的正确姿势;React实现的超高仿豆瓣电影;Go 如何实现 HTTP 请求限流;20180421 前端开发日报;JS 知识点备忘录(持续更新…);Vue 2.0学习笔记:Vue.extend构造器的延伸;HTML5 video视频字幕的使用和制作

  1. 看看webpack都打出了些什么 最近在看webpack的原理,觉得可以分为两个方面来完成: 了解webpack打包出来的文件。 了解webpack流程并且自己写loader和plugin。 当然看源码是可以的,但是有点事倍功半并且没有必要,个人觉得完成以上两部分就可以对webpack有不错的了解了。本文主要关于webpack打包出来的文件的内容【希望能够提出不...
  2. vue多页面开发和打包的正确姿势 看完本文大概需要十分钟,动手尝试需要一小时 前段时间做项目,技术栈是vue+webpack,主要就是官网首页加后台管理系统 根据当时情况,分析出三种方案 一个项目代码里面嵌两个spa应用(官网和后台系统) 分开两套项目源码 一套项目源码里面就一个spa应用 思考: 直接否定了一套项目源码里一个spa应...
  3. React实现的超高仿豆瓣电影 关于 先贴上地址,喜欢可以先 star 一波 在线预览地址: http://118.24.21.99:5000/ (加载时间略长) GitHub仓库地址: douban-movie-react (在线预览在电影页有些静态资源加载不到应该是 Nginx 配
  4. Go 如何实现 HTTP 请求限流 在开发高并发系统时有三把利器用来保护系统:缓存、降级和限流!为了保证在业务高峰期,线上系统也能保证一定的弹性和稳定性,最有效的方案就是进行服务降级了,而限流就是降级系统最常采用的方案之一。 这里为大家推荐一个开源库https://github.com/didip/tollbooth 但是,如果您想要一些简单的、轻量级的或者只是...
  5. 20180421 前端开发日报】致程序员:别无谓焦虑,快学习现代 JavaScript 生态体系;2018年,现代的前端开发者应该学习哪些东西?;DMap(谛听)——实战Vue百万条数据渲染表格组件开发;CSS如何实现内凹角效果;Rough.js — 基于 Canvas 轻量级的手...详情→ ​​​

    20180421 前端开发日报
  6. JS 知识点备忘录(持续更新...) 主要是本人收集在开发过程遇到的一些容易忘记或者使用频次不高容易忘记的知识点;
  7. Vue 2.0学习笔记:Vue.extend构造器的延伸 前段时间花了不少的时间在学习和了解Vue的组件,虽然中间浅尝了Vue组件的基础,体验了其魅力,但还是有很多深层的东西未掌握,也还不能非常灵活的使用Vue的组件。但这一切并不重要,随着后面的学习,我想会对Vue越来越熟悉。这两天在看Vue中的 Vue.extend 构造器,今天简单的对这方面的东西做个笔记。 什么是Vue.exte...
  8. HTML5 video视频字幕的使用和制作 首先先看一下原生HTML5 video对字幕的支持显示情况: track元素 HTML5允许我们使用元素为视频指定字幕。这个元素的各种属性允许我们指定这样的东西,比如我们添加的内容的类型,它所在的语言,当然还有对包含实际字幕信息的文本文件的引用。 <v
  9. 你知道吗?甲骨文拥有JavaScript商标权 未经授权不得使用 一名开发者近日在Reddit板块发帖称由于APP标题中包含“JavaScript”字样而遭到苹果公司的下架处理,不知道如何处理这个问题,希望能够得到网友的建议。这款应用由Tyanya Software LLC开发,标题为“HTML5, CSS, JavaScript, HTML, Snippet Editor”,就是其中包含“JavaScript”而遭到下架,根据维基百科显示该商品权属于Oracl...
  10. Vue前端开发规范 基于Vue官方风格指南整理 一、强制 1. 组件名为多个单词 组件名应该始终是多个单词的,根组件 App 除外。 正例: export default { name: 'TodoItem', // ... } 反例: export default
  11. JS 装饰器,一篇就够文章同步于 Github blog 在 ES6 中增加了对类对象的相关定义和操作(比如 class 和 extends ),这就使得我们在多个不同类之间共享或者扩展一些方法或者行为的时候,变得并不是那么优雅。这个时候,我们就需要一...
  12. 1分钟了解借助webpack对项目进行分析优化 进入公司之后,接手的便是前人留下来的一个大项目。庆幸的是整个项目拥有完善的产品功能文档,但是由于项目过于庞大,老旧。包含了打包过慢,冗余文件过多等诸多问题。想要快速的解决这些问题,想要完全把功能重构一遍的话,成本太高了。一个一个文件来过,时间成本也比较大。因此
  13. 推荐一款基于Vue的Markdown编辑器插件——mavonEditor github地址 演示地址 特点 支持简体中文、英语、法语、西班牙语四种语言 移动端适配 语法拓展全面 支持图片上传 文档丰富、功能丰富且可配置 mavonEditor 基于Vue的markdown编辑器 English Documents D
  14. 为什么要把 JavaScript 放到服务器端上运行?】因为在当年,Node.js的作者Ryan Dahl是一名资深的C/C++程序员,在创造出Node之前,他的主要工作都是围绕高性能web服务器进行的。经历过一些尝试和失败之后,他找到了设计高性能,Web服务器的几个要点:事件驱动、非阻塞I/O。全文=> ​​​   因为在当年,Node.js的作者Ryan Dahl是一名资深的C/C++程序员,在创造出Node之前,他的主要工作都是围绕高性能Web服务器进行的。经历过一些尝试和失败之后,他找到了设计高性能,Web服务器的几个要点:事件驱动、非阻塞I/O。   所以Ryan Dahl最初的目标是写一个基于事件驱动、非阻塞I/O的Web服务器,以达到更...

    为什么要把 JavaScript 放到服务器端上运行
  15. Introduction · TypeScript Handbook(中文版) TypeScript Handbook(中文版) TypeScript 2.8 (March 27, 2018) 从前打心眼儿里讨厌编译成JavaScript的这类语言,像Coffee,Dart等。
  16. Node.js 包结构和小而美的哲学 写这篇文章的原因是,jjc的驳《我不是很懂 Node.js 社区的 DRY 文化》,我对这篇文章还是比较认可的,做一个小小的补充。 Node出现之前,JavaScript是缺少包结构的。CommonJS致力于改变这种现状,于是定义了包的结构规范(Packages/1.0 - CommonJS Spec Wiki )。而NPM的出现则是为了在CommonJS规范的基础上,实现...
  17. GitHub上最受欢迎的5大Java项目】GitHub上有很多Java项目。(准确地说,大概是744K个)。但是开发人员最兴奋的是哪些项目?今天,我们来看看GitHub上一些最流行的Java仓库。详见 ​​​

    GitHub上最受欢迎的5大Java项目
  18. 简单实现 VUE 中 MVVM - step6 - Array 看这篇之前,如果没看过之前的文章先移步看 简单实现 VUE 中 MVVM - step1 - defineProperty 简单实现 VUE 中 MVVM - step2 - Dep
  19. webpack 换肤功能多主题/配色样式打包解决方案 本文主要详细介绍了,如何使用 webpack ,打包多套不同主题的解决方案以及实践中所遇到的问题及解决方案。 起因 首先,简单的介绍一下什么是多主题,所谓多套主题/配色,就是我们很常见的换肤功能。换肤简单来说就是更换 css 。这是一个老生常谈的问题,具体实践请参考less换肤功能实践。本文不在赘述。 一般...
  20. AngularJs 用户输入动态模板XSS攻击 前情提要 angularJs通过“{{}}”来作为输出的标志,而对于双括号里面的内容angularJs会计计算并输出结果,我们可以在里面输入JS代码,并且一些语句还能得到执行,这使得我们的XSS有了可能,虽然不能直接写函数表达式,但这并难不住我们的白帽。
  21. JS(requestAnimationFrame) 和 CSS 实现持续的动画效果 逛论坛的时候看到一个问题, js是怎么实现持续的动画效果的? 第一时间想到的是定时器, 后来看到有同学提到了 requestAnimationFrame, 由于之前没有对相关方法有所了解, 于是便去查了下, 顺便也记录了下 animation 的使用.
  22. 有了GraphQL,你可以扔掉Redux了 原标题:GraphQL 如何取代 Redux “什么?”你发出惊叫。“GraphQL 是一个服务端查询语言,Redux 是一个客户端状态管理库,这两个风马牛不相及的东西怎么能互相代替?!” 这是个好问题。坐稳扶好了,因为我将正面
  23. git 常用命令收集与git-flow 简介 前言 git 最强大的就是其分支功能,但是如何分支才能更有效的提高开发效率,减少因为代码合并带来的问题,需要一个分支模型来规范,其实在 git flow 出现之前,已经有分支模型理论流程,当时是根据此理论,手动的按照规范操作分支,git flow 出现之后,将
  24. 如何编写一个前端框架之七-客户端路由(译) 本系列一共七章,Github 地址请查阅这里,原文地址请查阅这里。 前端路由 这是编写前端框架系列的最后一章。本章,我将会讨论前端路由和后端路由的不同以及为什么他们应被区别对待。 网页上的路由 网页无非是后端渲染,前端渲染或者两者混合渲染。不管怎样,一个半复杂
  25. 注释那些事儿 - 前端代码质量系列文章(一) “Comment or not comment, that is the question”好的注释可以提高代码的可读性和可维护性,从而提高代码质量。那么什么是好的注释?如何写出好的注释?本文将从注释的目的和原则出发对 JS 注释进行探讨。01 注释

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

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

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