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