20180810 前端开发日报-前端开发博客

聊聊Javascript的事件循环；来一次https原理到配置“一条龙”；Web 前端单元测试到底要怎么写？看这一篇就够了；不定期更新的CSS奇淫技巧（二）；React 中引入 Angular 组件；使用 Web Beacon API 记录活动；应用Promise封装Ajax实践；普罗米修斯 Promise

聊聊Javascript的事件循环 JavaScript、浏览器、事件之间的关系 JavaScript程序采用了异步事件驱动编程（Event-driven programming）模型，维基百科对它的解释是：事件驱动程序设计（英语：Event-driven programming）是一种电脑
来一次https原理到配置“一条龙” 前言无论你是要看小姐姐/小哥哥，还是关注国家大事，想要第一时间掌握新鲜资讯和最新动态，网络都会成为你的第一选择。而网络协议中的http和https是我们最见到的。为什么要使用https代替已有的http？先说一下http的隐患 http是明文传输的，内
Web 前端单元测试到底要怎么写？看这一篇就够了随着 Web 应用的复杂程度越来越高，很多公司越来越重视前端单元测试。我们能看到的大多数教程都会讲单元测试的重要性、一些有代表性的测试框架 api 怎么使用，但在实际项目中单元测试要怎么下手？测试用例应该包…
不定期更新的CSS奇淫技巧（二）拖更很久，各位小哥哥、小姐姐别介意，今天本来会死在襁褓（草稿待了一个月）中的不定期更新的CSS奇淫技巧（二）终于出来了，本文可能会水份居多，如有问题欢迎提议我会逐步榨干它七、CSS 绝对底部代码：方案一：原理————正（padding）负（margin
React 中引入 Angular 组件为了在我的编辑器中使用 Angular，我用 Angular 编写了一个重命名功能。而为了使用它，我得再次使用一次 customEvent ，而在这个微前端架构的系统中，其事件通讯机制已经相当的复杂。在这部分的代码进一步恶化之前，我得尝试有没有别的方式。于是，我想到了之前在其它组件中使用的 Web Components 技术，而 Angular 6…
使用 Web Beacon API 记录活动原文地址：Logging Activity With The Web Beacon API 原文作者：Drew 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：Elliott Zhao 校对者：Eternaldeat
应用Promise封装Ajax实践引： axios在项目中经常使用，但有次面试让我把ajax封装成axios形式，当时居然没写出来。看来还是不能停留在使用的表层。回来研究promise觉得也并不是很难，关键是掌握Promise A+规范以及Promise写法。先看看axios如何实现的。
普罗米修斯 Promise 盗火的普罗米修斯曾经我在哪本书上看过这样的介绍，Promise 的英文是从希腊语的直译Prometheus演变过来,Promise也就是代表着先知未来的意思。在希腊神话中，是最具智慧的神明之一，最早的泰坦巨神后代，名字有“先见之明”（Forethou
回调、使用Promise封装ajax()、Promise入门callback 是一种特殊的函数，这个函数被作为参数传给另一个函数去调用。这样的函数就是回调函数。
【一些你可能会用到的Git实用技巧和命令】Git 是一个非常强大的工具，它包含丰富的工具用以维护项目。本文介绍了一些 Git 日常使用过程中的实用技巧和命令，希望这些内容能够对大家有所帮助。
通过了解 Redux 简单源码，掌握 Redux 数据流原理先祭上本文的思维导图：一、为什么讲 Redux 在项目中用 Redux 的时候，有时候就觉得会用，但是不明白为什么这样用。导致在 debug 的时候，无法快速的 debug 出原因。而且 Redux 的源码也不复杂，暴露出来的只有 5 个 API，可以作为
前端日拱一卒D11——ES6笔记之异步篇前言余为前端菜鸟，感姿势水平匮乏，难观前端之大局。遂决定循前端知识之脉络，以兴趣为引，辅以几分坚持，望于己能解惑致知、于同道能助力一二，岂不美哉。本系列代码及文档均在此处继续啃老本…让人又爱又恨的异步开始之前同步和异步 function s
WebKit 技术内幕之浏览器与WebKit内核此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。
前端技术周刊 2018-08-06：ES ModuleChrome 68 发布了，新版修改了添加到首屏的行为、追加了 Page Lifecycle API freeze 和 resume，支持了提升购物体验的 Payment Handler API。
【Dart重启！Dart2正式发布，目标成为移动与Web开发主流语言】Google Dart 产品经理宣布 Dart 2 正式发布，这标志着 Dart 语言的重启，目标成为主流的移动和 Web 开发语言。同时，Google 还宣布重构 Dart Web 平台，这对开发者来说，是一个高效率、高性能和可扩展的组合。
《微信小程序开发06-一个业务页面的完成》小程序基本还是原生JS，这其实是个非常好的学习整理机会，所以我这边一步步和大家对小程序进行了拆分，期望能形成一套还能用的雏形，帮助大家理解！（by 叶小钗）
麻烦把JS的事件环给我安排一下上次大家跟我吃饱喝足又撸了一遍PromiseA+，想必大家肯定满脑子想的都是西瓜可乐…… 什么西瓜可乐！明明是Promise！呃，清醒一下，今天大家搬个小板凳，听我说说JS中比较有意思的事件环，在了解事件环之前呢，我们先来了解几个基本概念。栈（St
WebStorm mac版破解方法(最新 2018-08-08)之前开发一直都是用的Windows系统，最近换了Macbook pro做前端开发，在官网下载了最新的WebStorm mac版。下载安装，一切都OK，然后启动软件的时候需要输入用户账号密码，因为太贵，4，500美刀，就在网上搜索了M…
前端每日实战：99# 视频演示如何用纯 CSS 创作一个过山车 loader效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
在React中跨组件分发状态的三种方法当我问自己第一百次时，我正在研究一个典型的CRUD屏幕：“我应该将状态保留在这个组件中还是将其移动到父组件？”。