20180203 前端开发日报

你不知道的Vuejs – 前言;Element 2.1.0 发布,基于 Vue 2.0 的桌面端组件库;杭州17届前端期待加入一个更好的团队;JavaScript经典面试题(一);震惊喝个茶的时间就学会了vuex;基于 HTML5 的 3D 工控隧道案例;前端开发优化实践;Material(包括Material Icon)在Angular2中的使用

  1. 你不知道的Vuejs – 前言 《你不知道的Vuejs》系列文章是本人在过去一年多的时间里,从完全不知道Vuejs到熟练地使用Vuejs开发各种复杂的大型项目,从不同项目开发实践中总结的一些经验和技巧类文章。重点带你一步步熟悉如何使用Vuejs来开发基本的项目,包括周边生态中,一些较热门工具的使用和技巧,同时也会分享当面对较复杂功能需求时候…
  2. Element 2.1.0 发布,基于 Vue 2.0 的桌面端组件库 Element 2.1.0 已发布,更新如下: 新特性 Cascader 新增 focus 和  blur 事件, #9184 Table filter-method 方法加入第三个参数  column , #9196 DatePicker 新增 prefix-icon 和  clear-icon 属性, #9237 新增 default-time…
  3. 杭州17届前端期待加入一个更好的团队 最近看到有人分享16届前端进阿里(前端学习群的群主),17届前端杭州收割offer(优秀的路人)。 刚好同为17届的我最近也很轻松拿了2个offer,但是我看到他们写的题目回答并不是很详细,所以强迫症的我也想来和大家分享下,我会把所有没挂掉的和挂掉的都分享出来,遇到的每一道题目都做详细的分析,所以文章有点长哦。 …
  4. JavaScript经典面试题(一) 一: 记忆化斐波那契函数(Memoization) 题目:斐波那契数列指的是类似于以下的数列: 1, 1, 2, 3, 5, 8, 13, …. 也就是,第 n 个数由数列的前两个相加而来:f(n) = f(n – 1) + f(n
  5. 震惊喝个茶的时间就学会了vuex 写在前面 我很欣赏震惊部,因为他们的标题每次写的都很好0.0 什么是vuex 先给出官网地址 官方解释: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变
  6. 基于 HTML5 的 3D 工控隧道案例隧道的项目我目前是第一次接触,感觉做起来的效果还蛮赞的,所以给大家分享一下。这个隧道项目的主要内容包括:照明、风机、车道指示灯、交通信号灯、情报板、消防、火灾报警、车行横洞、风向仪、COVI、微波车检…
  7. 前端开发优化实践 互联网教育行业风起云涌,而高品质在线授课平台是每个互联网教育公司的核心和基石。本文是tutorabc前端负责人和君在LiveVideoStackCon 2017上的分享整理,主要介绍了在线授课系统Tutormeet+前端开发实践,包括技术选型、性能优化、持续交付实践以及APM系统。 演讲 / 和君 整理 / LiveVideoStack…
  8. Material(包括Material Icon)在Angular2中的使用 引入material npm包 npm install @angular/material @angular/cdk 新建一个ebiz-material.module.ts方便管理引入material的module ng g module ebiz-material -app=ebiz-ui 在app的根module中引入ebiz-material.module.ts import { EbizMaterialModule } from ‘./ebi…
  9. Fullstack React 学习笔记(四) JSX and the Virtual DOM React 和许多其他的 JavaScript 前端框架不同,它并不会直接操作浏览器的 DOM,取而代之的是其内部构建了一个虚拟 DOM,用户也只和这个虚拟 DOM 打交道,React 会将虚拟 DOM 的修改同步到浏览器 DOM 上。 不直接操作浏览器 DOM,而需要虚拟 DOM 的理由是: 很难追踪哪里被修改过 …
  10. 由重构进阶前端开发入门(四):面向对象 了解了在浏览器环境下,使用 JS 编程的基础概念之后,开始思考如何组织优化自己的代码,从编程技巧上提升开发和维护工作的效率吧。 相关文章: 由重构进阶前端开发入门 (一) DOM 操作 由重构进阶前端开发入门 (二) 事件与事件对象 由重构进阶前端开发入门 (三) 事件冒泡与事件代理 (四) 面…
  11. Vuejs渡劫系列三:构建一个包含路由控制、状态管理和权限校验的vue-cli项目 Vuejs渡劫系列的第三篇文章,主要通过vue-cli构建容器,并应用vue-router实现前端路由控制,应用vuex实现状态管理,以及通过axios的拦截器进行页面访问的权限控制,读者在阅读后,可以完成一个常规的后台管理应用模型。 vue-cli
  12. 你不知道的Vuejs – 花式渲染目标元素 摘自官方文档: Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页…
  13. React 要出新 Context API 了原文地址:React’s new Context API 作者:kentcdodds React 中的 context API 相信大家都知道吧,可能跟大伙一样,当看到 React 的官方文档是这样时,都不敢直接使用它。 第一条搜索结果显示的就是 为什么不建议…
  14. JavaScript 运行时 Node.js 9.5.0 发布,改进集群 Node.js 9.5.0 已发布,有以下值得关注的 变化 : cluster add cwd to cluster.settings (cjihrig) #18399 deps upgrade libuv to 1.19.1 (cjihrig) #18260 meta add Leko to collaborators (Leko) #18117 add vdeturckheim as collaborator (vde…
  15. 爱湃森 2017 年度 Python 榜单:基于 GitHub、Stack Overflow、Reddit、亚马逊等网站数据 开篇 2017年Star最多的Python项目 2017年最受关注的Python项目 最受欢迎的中国开发者的 Python 项… 系统设计入门 2017年最受欢迎的Web框架 2017年最受欢迎的爬虫项目 不建议使用的Python Web框架 2017年最受欢迎的PyCON视频 …
  16. 老牌 JavaScript 图表库 Highcharts 发布 6.0.5 版本 Highcharts 6.0.5 已发布,本次更新包含新特性添加和 bug 修复,具体如下: Highcharts 6.0.5 (2018-01-31) Added states.normal to allow disabling animation after point or series hover. Added chart-level time options . Added new sankey options, node.column and  node.offset ….
  17. JavaScript 是如何工作的:内存管理 + 如何处理四种常见的内存泄漏 原文 – How JavaScript works: memory management + how to handle 4 common memory leaks 原文作者 – Mybridge 原文地址 – blog.sessionstack.com/how-javascr… 译者 – yanlee 译文地址 – yanlee26.github.io/2018/02/01/… 知乎专栏 – zhuanlan.zhihu.com/p/33483627 几个星期前,我们开始了一系列…
  18. Vue Cli 3.x简单体验vue脚手架的3.x版本已经在开发中,现在还处于alpha版本。我们来看看有哪些变化。 使用 npm install -g @vue/cli 命名方式已经改为npm推荐的新的包名规则,使用作用域。详情可查看此文章。 命令变化 vue -h 我们看…
  19. Clipped.js | 令開新項目成爲享受 其實只要你的project有 clipped.config.js , 便是一個Preset。如果你看在的項目, 裏面的 clipped.config.js 是這樣的: module.exports = async clipped => { await clipped.use(require(‘clip-webpack-frontend’)) } 在 Clipped.js , preset 是通過一個個傳入 clipped 的 async function 調…
  20. Vue风格指南小结 摄于2018年01月26日 20:04:56 杭州西湖音乐喷泉 有一个良好的编码习惯风格对程序员来说也是功底的考究,而且还能规避一些不必要的错误,提高代码可读性,况且这也是一个优雅编写Vue的开始,嗯,完美Perfect。个人博客 组件数据 组件的 dat
  21. Web加速器:Loder v1.0 发布 Loder是一个轻量级加载器,通过合理地声明资源任务依赖关系,以最高效形式执行Web加载,提供强大的性能追踪,持续优化性能瓶颈。 目前线性粗放式的Web资源加载模式,尤其在条件有限的移动端,很大程度限制了页面…
  22. 简化React中的Action的写法,不要中间件,不写dispatch 我们在写React应用时,通常用到redux做状态管理,然后会用到一些中间件来支持异步action,比如redux-thunk.通常我们的代码类似下面这样的: //ActionType R.js export ActionType{ TYPE1:'t
  23. webpack 4 测试版 —— 现在让我们先一睹为快吧 原文地址:webpack 4 beta — try it today! 原文作者:Sean T. Larkin 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:FateZeros 校对者:kangkai124
  24. 不拦截Request基于WKWebView的API实现Hybrid容器 在介绍我实现的Hybrid容器之前,建议先了解一下,常用的JavaScript和Native相互通信的方式到底有多少种? 建议阅读一下这篇文章: 从零收拾一个hybrid框架(一)– 从选择JS通信方案开始 以下,假设你已对JS和Native通信方式有了基本的了解。 常用的三方库 WebViewJavascriptBridge ,为了兼容UIWebVie…
  25. 创建一个离线优先,数据驱动的渐进式 Web 应用程序 原文地址:Build an offline-first, data-driven PWA译文出自:夜色镇歌的个人博客 概述 在本文中,您将学习如何使用 Workbox 和 IndexedDB 创建离线优先、数据驱动的渐进式Web应用程
  26. 【前端Talking】CSS系列-红月亮、蓝月亮、X月亮,还是渐变月亮好1.写在前面 这两天,大家一定是被红月亮刷屏了吧?我们都被下面漂亮的月亮迷倒了吧? 哈哈,大家清醒清醒,那么漂亮的月亮,大家有没有想过我们的css可以搞定任意颜色的月亮呢?答案是:肯定可以的。那么今天就给…
  27. [NGX]Angular路由守卫初探(1) 何时使用 用户无权导航到目标组件 用户得先登录认证 显示目标组件前,需要先获得某些数据 离开组件前,需要先保存修改,需要询问用户是否放弃修改 使用方法 路由守卫返回一个值Observable / Promise,以控制路由器的行为: 返回true,导
  28. 从 1.6 万篇文章中挑出的最棒的 Web 开发学习指南(2018 版) 译者注:原文作者研究了近1.6万篇 Web 生态相关的文章得出这篇总结,全文既包含 Web 开发入门(前端相关),进阶和综合应用专题,也包括对 Web 生态中 Git/HTTPS/设计模式/Vim/性能/PWA 等内容的专题介绍,非常适合 Web 前端开发者用于查漏补缺,同时扩充自己的知识广度、并将眼界拓宽到前端领域之外,适合收藏阅…
  29. How JavaScript Works?—— Event Loop 我们平常在写 setTimeout,onclick,ajax, Promise 的时候,通常称之为异步。拿 setTimeout 来说,定时任务会在合适的时机去执行。既然 JavaScript 是单线程,那是谁在定时,谁在判断是否应该去执行定时任务了?所谓异步

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

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


关注我

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

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

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