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

09.26 腾讯校招前端一面经历；JavaScript: Promises 介绍及为何 Async/Await 最终取得胜利；lozad.js ﹣ 高性能、无依赖的纯 JS 任意元素懒加载插件；JS 继承的从入门到理解；拍照时怎样摆姿势好看？前端玩转 AI 之 posenet 指南；Javascript-伪数组；一共收集整理了图形20个，比较实用，同时也为了熟悉CSS的代码。整合了一下，有错误欢迎指出；搞懂 Javascript 继承原理

09.26 腾讯校招前端一面经历浏览器会把inline元素间的空白字符（空格、换行、Tab等）渲染成一个空格。而为了美观。我们通常是一个<li>放在一行，这导致<li>换行后产生换行字符，它变成一个空格，占用了一个字符的宽度。解决：方…
JavaScript: Promises 介绍及为何 Async/Await 最终取得胜利原文地址： JavaScript: Promises and Why Async/Await Wins the Battle 异步函数在JavaScript中有好有坏。好的一面是异步函数是非阻塞的，因此很快 – 特别是在Node.js上下文中。缺点是处理异步函数可能很麻烦，因为有时必须等待一个函数完成才能在进行下一次执行之前获得“回调”。有一些方法可以发挥异步函数调用…
lozad.js ﹣ 高性能、无依赖的纯 JS 任意元素懒加载插件前言為了提升用戶的加載頁面速度，我們可以使用懶加載這個方法。當用戶打開頁面的時候，只需要載入首屏的資源，從而節省流量，提升加載速度。而用戶滾動到圖片佔用位置，瀏覽器才載入圖片資源。利用 lozad.js，我們可以簡單容易地懶加載圖片。它是一個可以單獨
JS 继承的从入门到理解作者 | 张文慧开场白大三下学期结束时候，一个人跑到帝都来参加各厂的面试，免不了的面试过程中经常被问到的问题就是JS中如何实现继承，当时的自己也是背熟了实现继承的各种方法，回过头来想想却不知道__proto__是什么，prototype是什么，以及各种继承方法的优点和缺点，想必有好多刚入坑的小伙伴…
拍照时怎样摆姿势好看？前端玩转 AI 之 posenet 指南我们在网上可以看到大量优秀的摄影作品，如何利用机器从网上获取大量的图片，从中提取出最佳的摆拍姿势供拍照时参考？首先我们得有大量的优秀摄影图片。然后，需要思考如何获得摄影作品中人物姿势的数据？待下文慢慢道来：阅读难度：★★★☆☆ 技能要求：机器学习、前端基础字数：1250字 …
Javascript-伪数组什么是伪数组伪数组是一个含有length属性的json对象例如： {代码…} 常见的伪数组 arguments、NodeList、HTMLCollection、Jquery对象… 伪数据如何转成标准数组使用Array.slice {代码…} Array.slice源码解…
一共收集整理了图形20个，比较实用，同时也为了熟悉CSS的代码。整合了一下，有错误欢迎指出1.正方形 {代码…} 2.长方形 {代码…} 3.左上三角 {代码…} 4.右上三角 {代码…} 5.左下三角 {代码…} 6.右下三角 {代码…} 7.平行四边形 {代码…} 8.梯形 {代码…} 9.六角星 {代码…} 10.五角星 {代码….
搞懂 Javascript 继承原理在理解继承之前，需要知道 js 的三个东西：什么是 JS 原型链 this 的值到底是什么 JS 的new 到底是干什么的一、什么是 JS 原型链？我们知道 JS 有对象，比如 {代码…} 我们通过控制台把obj 打印出来：我们会…
TypeScript 在 React 中使用总结 TypeScript 是 JS 类型的超集，并支持了泛型、类型、命名空间、枚举等特性，弥补了 JS 在大型应用开发中的不足，那么当 TypeScript 与 React 一起使用会碰撞出怎样的火花呢？接下来让我们一起探索在 TypeScript2.8+ 版本中
搭建Typescript+React项目模板(1) — 项目初始化相关文章和阅读顺序 1.项目初始化 2.提升开发体验 3.整理项目和杂项 4.项目打包 5.团队规范项目地址目前集成 react – 16.4.x react-router-dom – 4+ mobx – 5+ 状态管理库 typescript –
JavaScript响应式的最佳解释原文地址：The Best Explanation of JavaScript Reactivity 许多前端JavaScript框架（例如Angular，React和Vue）都有自己的Reactivity引擎。通过了解响应式及其工作原理，您可以提高开发技能并
客户端JavaScript代码的静态分析方法原文： https://blog.appsecco.com/static-analysis-of-client-side-javascript-for-pen-testers-and-bug-bounty-hunters-f1cb1a5d5288 眼下，JavaScript已成为现代Web浏览器中最常用的技术之一，而且，使用客户端JavaScript框架（如AngularJS、ReactJS和Vue.js）构建的应用程序已经将大量功能和逻辑转移至前端。 …
【2018年8月份，GitHub上最热门的机器学习项目】在过去的一个月里，Mybridge从将近250个机器学习开源项目中精选出十个热门项目，旨在帮助开发者找到自己需要的机器学习开源项目。详见
搭建Typescript+React项目模板(5) — 团队规范相关文章和阅读顺序 1.项目初始化 2.提升开发体验 3.整理项目和杂项 4.项目打包 5.团队规范项目地址注意这篇文章的每一步都基于vscode这款浏览器，如果你使用的不是vscode，那么就需要自行集成相关插件及其配置。该文章只是简单介绍各各代码检
谈谈React中Diff算法的策略及实现传统Diff：diff算法即差异查找算法；对于Html DOM结构即为tree的差异查找算法；而对于计算两颗树的差异时间复杂度为O（n^3）,显然成本太高，React不可能采用这种传统算法；
使用EOSJS和scatter在EOS区块链上开发dApp由于我一直在深入研究EOS dApp的开发，我看了不少好文章。在这里，我汇总了下做一些研究后得到的所有知识。在本文中，我将解释如何使用EOSJS和scatter。我假设你对智能合约以及如何在EOS区块链上部署它们有基本的…
自动解析 github仓库的目录列表我在 github上有个维护时间比较长的 repository，开始时只有几个文件，后来文件数目逐渐增多，期间整理了好几次，现在已经整理成了好几个文件夹了，有时候想找某个文件的时候，但是不确定到底在哪个文件夹里面，于是就凭感觉一个一个文件夹试过去，层级少点还好
搭建Typescript+React项目模板(4) — 项目打包相关文章和阅读顺序 1.项目初始化 2.提升开发体验 3.整理项目和杂项 4.项目打包 5.团队规范项目地址前言经过前面的初始化，提升开发体验和集成了一堆工具，调整了项目结构等等之后，我们是时候考虑进行项目打包了。在这篇博客中，我们不考虑开发环境和生产
搭建Typescript+React项目模板(3) — 整理项目和杂项相关文章和阅读顺序 1.项目初始化 2.提升开发体验 3.整理项目和杂项 4.项目打包 5.团队规范项目地址前言在上一篇提升开发体验中，我们一下子集成了一堆插件和功能进去，导致项目结构比教混乱，重点问题就在webpack的相关配置项目录build文件夹中
前端每日实战：145# 视频演示如何用纯 CSS 创作一个电源开关控件效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
搭建Typescript+React项目模板(2) — 提升开发体验相关文章和阅读顺序 1.项目初始化 2.提升开发体验 3.整理项目和杂项 4.项目打包 5.团队规范项目地址前言本章主要介绍的是建立在项目初始化的基础上如何优化开发体验内容包含如下: 支持sass 支持css module 配置公用的sass属性支
Redux for react native 指南(持续更新) 前言如果要看理论的童鞋点击这里 redux中文文档或者 redux官方文档，本文不会太刻意去介绍大篇幅的理论，本文不做框架之间的对比，只给想学redux的童鞋提供实质的、高效的、易理解的学习参考资源，分享自己在学习过程中的得到（文后有彩蛋）。老规