20180518 前端开发日报

冒泡算法 — js之实现;确认过眼神,你就是我的Promise~~;选择排序–js实现算法;JavaScript 是如何工作的:CSS 和 JS 动画背后的原理 + 如何优化性能;面试官问你有没有了解过 vue-cli 构建的打包工程;换个角度学 Webpack;如何写好 git commit log;手把手带你撸一个vue组件库

  1. 确认过眼神,你就是我的Promise~~ 同步与异步 回调函数 promise generator async+await 2、写一个符合规范的promise库 1、JavaScript异步编程 1-1、同步与异步 我们都知道js是单线程语言,这就导致了会有同步异步的概念。所谓同步,就是指脚本解释器在解析代码时,从上往下一行一行解释,第一行解释不完,就不去解释第二行。所谓…
  2. JavaScript 是如何工作的:CSS 和 JS 动画背后的原理 + 如何优化性能 这是专门探索 JavaScript 及其构建组件系列的第 13 篇文章。在识别和描述核心元素的过程中,我们还分享了构建SessionStack 时的一些经验法则,SessionStack 是一个足够强大且高性能的 JavaScript 应用程序,用来帮助用户实时查看和重现其 Web 应用程序的缺陷。 如果你错过了前面的章节,你可以在这里找到它们: …
  3. 面试官问你有没有了解过 vue-cli 构建的打包工程 前言 使用过 vue 进行项目开发的同学,一定知道或者使用过 vue-cli 脚手架,他能够很好的搭建项目结构和工程,让我们能够把足够的精力放在业务开发上。也正是因为这样,很多时候我们会因为项目工期短等原因来不及或则不会刻意去了解项目工程配置,我们今天
  4. 换个角度学 Webpack 对 Webpack 可以说既熟悉也陌生,熟悉是因为工作中天天都在用到,陌生则是没怎么从头到尾去了解过,都是别人配好的,网上一些学习 Webpack 的文章都是上来就说怎么配怎么配,好吧,我脑子不够灵光记不住,于是乎换一种理解的方式来学习 Webpack。 W
  5. 如何写好 git commit log 代码差异(diff)可以告知改动的内容,但只有提交信息才能正确地告诉你为什么(why)。Git仓库的贡献者知道,和后续开发者(事实上未来就是他们自己)沟通一个改动的上下文(context),最好方法就是通过一个好的 git 提交信息。 如果你对如何写好 git 提交信息没有仔细想过,那你很可能没有怎么使用过 git log …
  6. 手把手带你撸一个vue组件库 前沿 目前,我们能接触到的模块化组件库真可谓是数不胜数,尤其是vue相关的那更是多如牛毛,譬如element,iview等等,虽然有很多,但是轮子虽多,合不合适自己还不好说,就像买衣服,有件衣服虽然好看,但是貌似容纳不了自身肥胖的身躯那也只能望洋兴叹。当然这时
  7. 使用 JS 直接截取 视频片段 生成 gif 动画 最近大家对这个表情 非常熟悉。 最近看到 张大大 《纯前端实现可传图可字幕台词定制的GIF表情生成器》 写的关于 前端做 GIF 的文章。由于最近也一直接触的视频,所以就干脆直接再进一步,以后直接通过一个库快速生成 gif 。 直接放
  8. 一波关于html的面经 from: https://www.jianshu.com/p/431c91c8140c more:https://xiaodian-li.github.io/ 1.doctype的作用是什么? 声明文档的解析类型(document.compatMode),
  9. JavaScript 工作原理之六-WebAssembly 对比 JavaScript 及其使用场景 原文请查阅这里,略有改动,本文采用 知识共享署名 4.0 国际许可协议 共享,BY Troland 。 本系列持续更新中,Github 地址请查阅 这里 。 这是 JavaScript 工作原理的第六章。 现在,我们将会剖析 WebAssembly 的工作原理,而最重要的是它和 JavaScript 在性能方面的比对:加载时间,执行速度,垃圾回收,内存…
  10. vue-quasar-admin 一个包含通用权限控制的后台管理系统 vue-quasar-admin Quasar-Framework 是一款基于vue.js开发的开源的前端框架, 它能帮助web开发者快速创建以下网站:响应式网站,渐进式应用,手机应用(通过Cordova),跨平台应用(通过Electron)。 Qua
  11. simple-react:极简的 React 框架 一个极简的React框架,用于说明React实现原理,请不要用于生产环境 实现了JSX,组件,生命周期,diff,setState等核心功能 相关文章 分支 chapter-4
  12. 手机web前端调试页面的几种方式 前言 PC端web页面调试比较容易,这里主要说几种移动端调试的方法,从简单到复杂、从模拟调试到远程调试,大概分为几部分: 1、Chrome DevTools(谷歌浏览器)的模拟手机调试 2、weinre(web inspector&nb
  13. 深入跨域问题 – 利用 JSONP 解决跨域 深入跨域问题 – 初识 CORS 跨域资源共享; 深入跨域问题 – 利用 CORS 解决跨域 深入跨域问题 – 利用 JSONP 解决跨域 (本篇) 什么是跨域,在这篇文章内部就不再讲述了,本文主要着重于实现 JSONP 。 script 标签: 根据同源策
  14. so easy 前端实现多语言 ​ 每个公司业务不一样,此解决方案仅做参考 。 Git demo地址 前言 其实现在开发者解决多语言普遍三种解决方案: 第一个是为每个页面提供每种语言的相关页面。 第二种是把内容从表现形式中分离出来,做不同语言的内容文件。 第三种是动态翻译页面内容。第三种很
  15. 从跨语言调用到 dubbo2.js dubbo2.js 是 千米网 贡献给 dubbo 社区的一款 nodejs dubbo 客户端,它提供了 nodejs 对原生 dubbo 协议的支持,使得 nodejs 和 java 这两种异构语言的 rpc 调用变得便捷,高效。 微服务跨语言调用 微服务架构已成为目前互联网架构的趋势,关于微服务的讨论,几乎占据了各种技术大会的绝大多数版…
  16. 深入浅出JS – 变量提升(函数声明提升) 前言在我们的日常工作中,变量无处不在。更加深入的去了解它,能够使得自己的JS水平更上一层楼, 从变量提升这个小知识点着手,让我们一起来深入了解JS吧!变量提升的小栗子console.log(a) // undefined var a = 'hello JS'
  17. 由 Node.js 发送 Web 推送通知 使用service workers API 可以让你直接由 Node.js 应用向 Chrome 浏览器发送推送通知。 web-push npm 模组 可以让你免去PubNub 之类的中间商,直接推送消息。本文将在前端使用原生 JavaScript,在后端使用Express 框架,通过一个“Hello, World”级别的样例来带你了解如何进行 web 推送通知。最终的效果如下图所示。本项…
  18. 配置式支持权限管理的 React 路由组件 Router with Access Control for React Applications Installation yarn add react-acl-router react react-router-dom lo
  19. 深入理解Vue的computed实现原理及其实现方式 继上一篇:深入理解Vue的watch实现原理及其实现方式 继续讲解Vue的computed实现相对于watch和data来说比较难以理解,要真正的理解computed的工作方式,你需要深入理解Vue的双向数据绑定原理和实现方式。如果你还不是很理解推荐你先看此文
  20. JS单例模式《JavaScript设计模式与开发实践》阅读笔记 此文仅记录本人阅读《JavaScript设计模式与开发实践》这个本时的感受,感谢作者曾探写出这么好的一本书。如有冒犯,如有错误,请联系本人:luogao_lg@sina.com处理。 这一章让我知道了单例模式的核心就是:保证一个类仅有一个实例,并提供一个访问它
  21. JS中的语音合成——Speech Synthesis API JS中的语音合成——Speech Synthesis API 简介 HTML5中和Web Speech相关的API实际上有两类,一类是“语音识别(Speech Recognition)”,另外一个就是“语音合成(Speech Synthesi
  22. 用500行纯前端代码在浏览器中构建一个Tableau》Tableau因为其灵活,出色的数据表现已经成为BI领域里无可争议的领头羊。那我们就看看如何利用G2和500行左右的纯前端代码来实现一个的类似Tableau的数据分析功能。 (by naughty) ​​​

    用500行纯前端代码在浏览器中构建一个Tableau

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

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


关注我

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

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

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