20190302 前端开发日报

7个开放式的前端面试题;基于JS简单甘特图;Webapck4+Babel7优化70%速度;深入vuex原理(上);基于websocket的实时通告功能,推送在线用户,新登录用户;你也许不知道的Vuejs – Vuejs 最佳实践(2);前端技术周刊 2019-02-26:前端代码保护;React16时代,该用什么姿势写 React ?

  1. 7个开放式的前端面试题前端开发人员在为最终用户设计体验时需要充分掌控其可用性和可访问性。这个问题让面试官知道求职者对这些标准和最佳实践的了解。
  2. 基于JS简单甘特图 最近同事求助到一个小小的需求,写一个时间甘特图,主要想表现一个车在一天的不同的时间点里,停靠的站点, 先来看一下效果吧,这里的需求是从早上的5点为开始时间,到第二天到凌晨5点 前期准备 其实网上有很多甘特图的实现方式,但是他们都只能具象到天,不能具体到某个时间点,而且每一个具体的时间段…
  3. Webapck4+Babel7优化70%速度 作者 DBCdouble 项目源码demo: 点击这里 一、前言 随着2018年2月15号webpack4.0.0出来已经有一段时间了,webpack依靠着“ 零配置 ”,“ 最高可提升98%的速度 ”成功吸粉无数,对于饱受项目打包时间过长的我,无疑是看到了曙光,于是决定开始试水。 二、项目框架与环境 升级前: Node: v8.11….
  4. 深入vuex原理(上) vuex作为vue生态的重要组成部分,是对store进行管理的一柄利剑。简而言之,vuex是vue的状态管理器。使用vuex可用使数据流变得清晰、可追踪、可预测,更可以简单的实现 类似时光穿梭 等高级功能,对于复杂的大型应用来讲,vuex将变得尤为重要,对于 store的切分、store的module化、store的变更、store的追踪 等等 store的…
  5. 基于websocket的实时通告功能,推送在线用户,新登录用户 在我们以往的软件或者网站使用中,都有遇到过这种情况,莫名的弹出广告或者通知!而在我们的业务系统中,有的时候也需要群发通知公告的方式去告知网站用户一些信息,那么这种功能是怎么实现的呢,本文将使用springboot+webSocket来实现这类功能,当然也有其他方式来实现 长连接/websocket/SSE等主流服务器推送技术比较 …
  6. 你也许不知道的Vuejs – Vuejs 最佳实践(2) 我们在实际开发过程中,当项目越来越大,组件越来越丰富时,经常会面临一个问题:很多组件会公用一些通用的 props 、 data 和 methods 等声明,但是也会掺杂组件自己的一些私有特有声明,那么我们能不能像类的继承一样,来提炼和继承呢? 当然这是可以的,这里可以通过两个基本 API extends 和 mixins 来…
  7. 前端技术周刊 2019-02-26:前端代码保护Vue 2.6 正式发布,带来了全新的 Slots(插槽)语法、异步错误处理、动态指令参数、编译警告位置信息、显式创建响应式对象、SSR 数据预抓取、可直接在浏览器中引入的 ES Modules 构建文件等特性,这一切都将更好…
  8. React16时代,该用什么姿势写 React ?React16 后的各功能点是多个版本陆陆续续迭代增加的,本篇文章的讲解是建立在 16.6.0 版本上本篇文章主旨在介绍 React16 之后版本中新增或修改的地方,所以对于 React16 之前版本的功能,本篇文章当作您已充分了…
  9. 前端性能优化–惰性加载在实际的项目开发中,我遇到了一个这样的需求:一个页面模块有很多列表数据展示,每条数据都带有图片,而首次展示的图片只需要不到10张,那么我们还要一次性把所有图片都加载出来吗?显然这是不对的,不仅影响页…
  10. Javascript 面试中经常被问到的三个问题本文不是讨论最新的 JavaScript 库、常见的开发实践或任何新的 ES6 函数。相反,在讨论 JavaScript 时,面试中通常会提到三件事。我自己也被问到这些问题,我的朋友们告诉我他们也被问到这些问题。
  11. 十分钟理解Redux中间件由于一直用业界封装好的如redux-logger、redux-thunk此类的中间件,并没有深入去了解过redux中间件的实现方式。正好前些时间有个需求需要对action执行时做一些封装,于是借此了解了下Redux Middleware的原理。
  12. Hooks 对 Vue 而言意味着什么 原文地址: What Hooks Mean for Vue 原文作者:Sarah Drasner 译文出自: 掘金翻译计划 本文永久链接: github.com/xitu/gold-m… 译者: Ivocin 校对者: LeoYang , TUARAN 不要把 Hooks 和 Vue 的 生命周期钩子(Lifec…
  13. 基于Nodejs的前端灰度发布方案_20190228基于Nodejs的前端灰度发布方案 1. 灰度发布和A/B测试简介 灰度发布 将某个功能灰度发布(逐渐放量)给特定线上人群,避免新功能全量上线带来的风险。 上面的图可以通过两个方面来理解: 蓝色实线和蓝色虚线访问Ng…
  14. 代码管理的 Git:非常常用命令 这里不说很多git是什么之类的,只说工作中会使用到的场景。 创建新项目 服务器端创建项目 服务端使用 git init –bare sample.git 客户端就可以通过git clone git@127.0.0.1:sample.git 克隆仓库 客户端创建项目 项目的创建也可以是在客户端创建(前提…
  15. vuex实现及简略解析大家都知道vuex是vue的一个状态管理器,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。先看看vuex下面的工作流程图
  16. 【前端基础进阶】浏览器的缓存机制缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。对于一个数据请求来说,可以分为发…
  17. 使用react hooks实现自己的context-reduxreact hooks出来已经有段时间了,本文不对hooks的具体用法作介绍,而是使用hooks实现一个简易的基于context的redux

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

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


关注我

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

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

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