20180207 前端开发日报

10 种最常见的 Javascript 错误 —— 总结于 1000+ 个项目,并阐述如何避免;基础-vuex真是太麻烦了;websocket与爬虫;深入理解React源码 – 界面更新 VII(正式版);Progressive Web Apps (PWA) 中文版;Bulma: 2018年你应该关注的CSS框架;你不知道的Vuejs – 强大的指令系统;vue——一个页面实现音乐播放器

  1. 10 种最常见的 Javascript 错误 —— 总结于 1000+ 个项目,并阐述如何避免 为了回馈我们的开发者社区,我们查看了数千个项目的数据库,发现了 JavaScript 中的频度最高的 10 种错误。我们要告诉你什么原因导致了这些错误,以及如何防止其发生。如果你能够避免落入这些 “陷阱”,你将会成为一个更好的开发者。 数据才是王道,于是我们收集并分析了出现频次排名前 10 的 JavaScript 错误。 Rollb…
  2. 基础-vuex真是太麻烦了 组件之间传值有这么几种数据传递方式,vuex、props、eventBus和 特殊的eventBus 。 vuex 我就传两个数据,vuex真是太麻烦了。用是不可能用的,理解又理解不了。 props demo 父子组件传值,官方api,只写个demo。 父组件 // 将事件绑定至子组件 <son :info="info" @upda…
  3. websocket与爬虫 原文来自 websocket与爬虫 背景 写爬虫的目的应该就是为了拿到数据,或者说模拟某种操作 如果他使用的是http(s) 协议来传输数据的,那么我们就模拟http协议来发送数据 如果它使用的是websocket协议来传输数据的, 那么我们理所当然的就模拟websocket来发送数据~ 首先,我们需要了解什么是websocket webso…
  4. 深入理解React源码 – 界面更新 VII(正式版) Photo by Felix Mooneeram on Unsplash 本文也同时发表在我的博客和 HACKERNOON 上次我们聊完了Transaction核心类和它的一个实例ReactDefaultBatchingStra
  5. Progressive Web Apps (PWA) 中文版 重要通知 目前已经和本书中文版权方博文视点达成出版意向,目前已开放章节仅作为纸版书的开放阅读部分,并非完整和最终版本,后续还有大量修订和优化,后续章节目前正在紧张翻译中,虽然不会再同步开源至 GitHub ,但会第一时间在这里将翻译出版进度同步给各位 (查看出版进度)。敬请大家关注纸版书的发布,预计出…
  6. Bulma: 2018年你应该关注的CSS框架 原文地址:https://matwrites.com/bulma-css-framework-for-2018/ 在这 Bootstrap 主导的世界里,Semantic UI和Foundation备受欢迎, 其它的一些框架很难脱颖而出。不过, 这三个是众
  7. 你不知道的Vuejs – 强大的指令系统 在 Vuejs 中,指令(Directives)是带有 v- 前缀的特殊属性。指令属性的预期值是 单个 Javascript 表达式 ( v-for 是个例外)。指令的职责是,当表达式改变时,将其产生的连带影响,响应式的作用于 DOM。 当然,Vue 除了核心功能默认内置的指令外,更强大的是它允许注册自定义指令,这是个让我非常惊…
  8. vue——一个页面实现音乐播放器 项目地址:github.com/ermu5922752… 演示地址:ermu592275254.github.io/MiniMusicPl…(歌曲链接已失效) 开发前构思 界面 做音乐播放器,界面一定要炫酷。太low了听歌没感觉。本身是为了在上班的时候用,于是
  9. [翻译]在 React 中抛弃 .bind(this) 原文:Losing .bind(this) in React ——在 React 组件中抛弃 .bind(this)。 这将会成为历史。 假设你经常在使用 React,你或许会不得不写类似于 .bind(this) 的代码,当
  10. 每周一个前端动画之一:UC浏览器球队展示动画的实现 作为一个眼中有码的人,看见某个网页或者app的炫酷效果时,第一反应就是这怎么实现的。这个系列就是把自己见到的一些动画效果分析实现出来,本文分析实现的某些效果,仅仅作为一个思路分享,仅仅作为学习素材使用。闲话不说,这篇文章是前端动画系列的第一篇。 源动画效果 作
  11. 你不知道的Vue响应式原理 文章首发于github Blog。 本文根据Vue源码v2.x进行分析。这里只梳理最源码中最主要的部分,略过非核心的一些部分。响应式更新主要涉及到Watcher,Dep,Observer这几个主要类。 本文主要弄清楚以下几个容易搞混的问题: Watcher
  12. CSS in Typescript 使用typescript无非就是因为它的代码约束和提示能力. 以react为例: 原始结构 组件目录结构 Error │ index.scss │ index.tsx index.tsx import * as React from 'reac
  13. 《JavaScript 正则表达式迷你书》读后感 国庆时间看到作者出版了一本正则表达式的书,因为之前一直对正则表达式好奇,于是就去作者的网盘里面下载了这一本书的pdf版观看。最近看完之后觉得这本书真的很不错,弥补了自己很多正则的基础知识。附上链接《JavaScript 正则表达式迷你书》问世了!。 这篇主要记
  14. A customized combobox with JQuery 要求实现一个轻量级的在客户端筛选的combobox,支持大数据量(超过1000个items),能快速检索内容,并支持数据的设置和活动等基本操作。在这之前尝试过使用Jquery UI的 Autocomplete ,但是当数据量太大时客户端检索速度太慢(甚至会导致浏览器卡死)。索性干脆基于JQuery自己写一个吧! 所依赖的库: …
  15. 使用 SVG 图标: (2) 编写 Webpack plugin 在上篇文章中,主要讨论了 gulp-svg-sprites 的使用以及 Icon 组件的编写。上文中我们是手动复制 SVG symbol 文件的内容粘贴到 index.html。这样操作起来十分不方便,所以在本篇文章中我们通过编写 webpack 插件去实现
  16. 如何在 ionic 3 中使用 URL Scheme 虾扯蛋 第一次在掘金写东西,有点紧张。 我为啥写这个,是因为我最近用 ionic 开发一个 app ,需要用 URL Scheme 。搞这个 URL Scheme 折腾了一下,所以写下此文,并分享给需要的朋友。 什么是 URL Scheme❓ 简单的说
  17. Vue-cli + express 构建的SPA Blog(采用前后端分离方案) 为什么学习并使用Vue 1.发展趋势 最近这几年的前端圈子,由于戏台一般精彩纷呈,从 MVC 到 MVVM,你刚唱罢我登场。 backbone,AngularJS 已成昨日黄花,reactjs 如日中天,同时另一更轻量的 vue 发展势头更猛,号称兼具了 an

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流