20180810 前端开发日报

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

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

    微信小程序开发06-一个业务页面的完成
  17. 麻烦把JS的事件环给我安排一下 上次大家跟我吃饱喝足又撸了一遍PromiseA+,想必大家肯定满脑子想的都是西瓜可乐...... 什么西瓜可乐!明明是Promise! 呃,清醒一下,今天大家搬个小板凳,听我说说JS中比较有意思的事件环,在了解事件环之前呢,我们先来了解几个基本概念。 栈(St
  18. WebStorm mac版破解方法(最新 2018-08-08)之前开发一直都是用的Windows系统,最近换了Macbook pro做前端开发,在官网下载了最新的WebStorm mac版。下载 安装,一切都OK,然后启动软件的时候需要输入用户账号 密码,因为太贵,4,500美刀,就在网上搜索了M...
  19. 前端每日实战:99# 视频演示如何用纯 CSS 创作一个过山车 loader效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] ...
  20. 在React中跨组件分发状态的三种方法当我问自己第一百次时,我正在研究一个典型的CRUD屏幕:“我应该将状态保留在这个组件中还是将其移动到父组件?”。

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

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

原文:20180810 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180810.html)