20180801 前端开发日报

Hey, 你的Promise;js应用Date对象实现即时刷新时间;大前端的技术原理和变迁史;ES6版Promise实现,给你不一样的体验;javascript基础修炼——一道十面埋伏的原型链面试题;寻找项目中顶级Vue对象 (一);Promise这个折磨人的小妖精;深入JavaScript基础之深浅拷贝

  1. Hey, 你的Promise Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。 @阮老师 先来看看 promise 的几种用法: Promise.prototype.then:then方法有两个参数,第一个参数是Promise成功时执行…
  2. js应用Date对象实现即时刷新时间 前言:经常在网站上看到会有一个时间显示,有兴趣的可以跟着着一个简单的功能。 首先,我们基本的想法,肯定是要使用Date对象吧。所以我们先new一个。 复制代码 当然,光有这个还不行,我们得,把我们需要数据取出来,为了便于观察实时的效果,我们就用date.getSeconds();这条数据。这个是用来显示秒数的…
  3. 大前端的技术原理和变迁史 本文适合前端新手入门,阅读人群最好是前端新手或者后台开发人员,因为我不敢保证对前端老司机有太多收获。 通过阅读本文,你将会大致了解前端这些年发生的事情,以及一些前端当前主流技术的简单原理介绍。所有涉及的内容,都是尽可能的让你捅破这层窗户纸,知道其大致的玩法。 目录 前端技术发展轨迹 …
  4. ES6版Promise实现,给你不一样的体验 ES6版Promise实现,给你不一样的体验 摘要: 在很久很久以前, Promise 还没有来到这个世上。那时森林里的有这样一群攻城狮,他们饱受回调地狱(回调金字塔)的摧残,苦不堪言。直到有一天,一位不愿意留下姓名的特工横空出世,将他们从回调地狱中解救了出来,代号 Promise 。自此,很多人都踏上了寻找 Promise 的道…
  5. javascript基础修炼——一道十面埋伏的原型链面试题 javascript基础修炼——一道十面埋伏的原型链面试题 在基础面前,一切技巧都是浮云。 题目是这样的 要求写出控制台的输出. function Parent() { this.a = 1; this.b = ; this.c = { demo: 5 }; this.show = function () { console…
  6. 寻找项目中顶级Vue对象 (一) 感谢作者 从一个奇怪的错误出发理解 Vue 基本概念 安装 – Vue.js 渲染函数 – Vue.js Vue2 dist 目录下各个文件的区别 聊聊 package.json 文件中的 module 字段 ES6模块 和 CommonJS 的区别 问题背景 vm win…
  7. Promise这个折磨人的小妖精 不得不说, promise 这玩意,是每个面试官都会问的问题,但是你真的了解promise吗?其实我也不了解,下面的内容都是我从掘金、知乎、《ECMAScript6入门》上看的博客文章等资料,然后总结的,毕竟自己写一遍,更有助于理解,如有错误,请指出 ~ 什么是回调地狱 ? 在过去写异步代码都要靠回调函数,当异步操作依…
  8. 深入JavaScript基础之深浅拷贝 最近在学到JavaScript对象的深拷贝和浅拷贝做了一些比较,将实际开发的点和基础点做了些小结,话不多说,开始进入主题吧。 基础认识—基本类型 基础认识—引用类型 浅拷贝的实现-对象&&数组 深拷贝的实现-对象&&数组 深拷贝的实现-递归的方法 深拷贝的实现-JSON.stringify/parse…
  9. 『前端工程师』平时都是如何在工作内外提高自己的技术能力的? 有问题,上知乎。知乎作为中文互联网最大的知识分享平台,以「知识连接一切」为愿景,致力于构建一个人人都可以便捷接入的知识分享网络,让人们便捷地与世界分享知识、经验和见解,发现更大的世界。
  10. 最最最通俗易懂的promise手写系列(二)- 链式调用 上一次我们写完了Promise的基础功能,明白了promise为何能在任务成功的时候,调成功的回调函数,为何在任务失败的时候调失败的回调函数.今天就把最麻烦的promise链式调用给搞定吧. 附上上篇文章的链接: 最最最通俗易懂的promise手写系列(一) 再附上上次的代码吧,以免翻来翻去麻烦. function Promise(execu…
  11. JavaScript this 指向简明阐述 JavaScript中的this 如果读者以前用的是java,在初学Javascript的时候可能会有些迷惑。在Java里,一个函数在定义完成后,this的指向就不会变化了。而在Javascript里,this不仅受函数定义的环境影响,还会受到调用方式影响。这也是为什么Javascript的this有时候容易让人感到混淆。 this 原理 …
  12. ES6 -> Javascript的类与继承在Babel的实现 闲来无事,看了下babel对于Javascript ES6中的类与继承的实现,整理一下。:cow::hamster::panda_face: 大家都知道ES6的Class是语法糖,Javascript本身是没有类的概念的,要实现继承的概念可以使用原型链的方式。既然是语法糖,那就看看babel编译成ES5的代码就可以了。 举个:chestnut:: class Human { construct…
  13. WebAssembly 最新发展路线图来了 作者|Colin Eberhardt 译者|无明 这篇文章将介绍 WebAssembly 发展路线图以及在不久的将来可能会提供的特性。 WebAssembly 简介 WebAssembly 开发团队的描述: WebAssembly(或 wasm)是一种适用于 Web 的可移植编译格式,提供更小的文件尺寸和更快的加载速度。 …
  14. 深入剖析 Web 服务器与 PHP 应用之间的通信机制:掌握 CGI 和 FastCGI 协议的运行原理 身为一名使用 PHP 语言开发后端服务的程序猿,我们每天都和 PHP 以及 Web 服务器产生无数次的亲密接触。得益于它们,我们才能够如此快速的构建出令人陶醉的 Web 产品。 尽管我们已经和 Web 服务器和 PHP 建立起深厚的友谊,但你知道它们之间为何能够配合的如此默契么? 这一切都需要从 CGI(Common Ga…
  15. 一个基于 Node.js 的 LiveReload Server 工具 : Pavane Pavane 是一个基于 Node.js 的 LiveReload Server 工具。 提供修改文件自动刷新浏览器页面的能力。Pavane 提供丰富的自定义选项,满足大部分的使用开发需求。 项目地址:https://github.com/fratercula
  16. vue项目实践-前后端分离关于权限的思路 前后端分离后权限的思路 最近看到许多关于权限的思路,但好像都是使用动态加载路由的方式,现在也分享下我在项目中使用的解决方案。 前后端分离关于权限的处理每个人都不一样,根据项目选择制定合适的方案就好 我的方案是: 前端挂载所有路由 通过 Api 接口获取用户权
  17. 你好,JavaScript异步编程—- 理解JavaScript异步的美妙 潜心修炼一段时间的我又回来了 每天不能不写业务,但也不能只写业务。所以选择了一个自己还在学校期间没有学明白的内容进行了巩固,同步异步问题。学习一个知识之前必先给自己一个问题三连。为什么要有这个? 这个怎么用? 这个怎么回事? 为什么要有同步异步? 首先JS是一
  18. JS 中 if / if…else…替换方式说说烂大街的if/if…else…,程序中用得最多的流程判断语句。 对着曾经满屏的if/if…else…,心想能不能搞点事情,折腾点浪花浪里呀浪。 对顶着“这个需求很简单,怎么实现我不管,明天上线”的程序猿,答案必…
  19. 自己动手撸一个支持超时与重试 Go HTTP Client 之前写过一篇上下文中断在Go语言中的使用 的文章,简单的介绍了上下文中断在Go语言中使用与原理!那么这篇博客,就来讲讲上下文中断在实际中的使用!大家如果不是很了解的话可以点击前面的链接了解下! 在实际开发过程中,太多故障是因为超时没有设置或者设置的不对而造成的。而这些故障都是因为没有意识到超时设…
  20. ThinkJS JWT 鉴权实践 编者注:我相信鉴权应该是大部分 Web 服务必备的基础功能之一。实现权限验证的方式有很多种,其中 JSON Web Token(即JWT)这种使用 Token 验证的方式受到了越来越多开发者的喜爱。其相对于传统的验证方式来说会更为安全一点,而且相对而言由于加密串中就包含了权限信息,所以不需要额外的数据库查询。今天我们请来…
  21. 关于React的高阶组件 什么是高阶组件? 高阶组件是什么?乍一听,感觉是个很高级的概念,但是不要被这个名词吓到,说简单点 就是给已有的一个组件外面“包一层”。 我们知道 “高阶函数” 是传入函数作为参数, 高阶组件 其实就是传入 组件作为参数,并返回一个新组件。 高阶组件的作用 高阶
  22. 从 0 到 1 实现 React 系列:生命周期和 diff 算法 本系列文章在实现一个 (x)react 的同时理顺 React 框架的主干内容(JSX/虚拟DOM/组件/生命周期/diff算法/…) 从 0 到 1 实现 React 系列 —— JSX 和 Virtual DOM 从 0 到 1 实现 React 系列 —— 组件和 state|props 从 0 到 1 实现 React 系列 —— 生命周期和 diff 算法 生命周期 …
  23. 前端进阶(2) – 目录结构优化现在前端项目越来越变得像大型工程了,而且越来越复杂了,需要处理好组员之间的协作,也需要做好业务分块、去耦合来降低维护成本,并且还要保持高效率开发。
  24. 前端模板引擎Handlebars理解与举例 一. 为什么要使用模板引擎 关于为什么要使用模板引擎, 就现在的项目而言,还停留在进行发送Ajax请求到后台后,利用模板引擎拼接接受到的JSON字符串,展现到页面的地步. 按照一句话表达: 不用重复制造轮子 . 对于为什么要使用模板引擎的解释,我看过最好的回答来自知乎上回答: 模板最本质的作用是 【变静为动】 一切利…
  25. 前端每日实战:93# 视频演示如何用纯 CSS 创作一根闪电连接线效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  26. 关于VUE响应式数据的最佳解释许多前端框架(如Angular,React,Vue)都有自己的响应式引擎。通过理解如何响应,提议提升你的开发能力并能够更高效地使用JS框架。本文中构建的响应逻辑与Vue的源码是一毛一样的!
  27. 划一划 HTTPS 以及 SSL/TLS 的重要知识点 首先,从我们最常见的『安全』网站来说。 我们在 Chrome 浏览器中(其它浏览器类似),假如浏览的是 https 开头的网站,会发现开头会是绿色的:『安全』 字样,点击之后,会有个小悬浮窗口就会告诉你『连接是安全的』,浮窗下面会有三个选项:『证书、Cookies、站点设置』,继续点击证书,就会弹出一个窗口,里面…
  28. 一篇文章理解Web缓存最近把前端缓存重新整理了一下,从整体的层面上把前端所有能用的缓存方案梳理了一遍。同时,对于http缓存,使用了表格的方案,使得原先晦涩难记的特性变得清晰明了。特记录于此,若有什么欠缺,也望不吝指出。
  29. Redux源码浅析 Redux解决的问题 JavaScript 需要管理比任何时候都要多的 state (状态) state 在什么时候,由于什么原因,如何变化已然不受控制。 通过限制更新发生的时间和方式,Redux 试图让 state 的变化变得可预测。 Redux设计分析 三
  30. 杂谈:前端Web通信Web2.0以来,Ajax的出世,解决了传统表单提交页面跳转,闪烁白屏等问题。使得Web页面可以实现局部更新,不仅减少了网络带宽,还大大提升了用户体验。

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

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


关注我

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

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

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