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

由Vue中三个常见问题引发的深度思考；GraphQL + Apollo + Vue 牛刀小试；JavaScript 同步和异步(执行机制)；JavaScript instanceof 运算符深入剖析；React Hooks：没有魔法，只是数组；vue-cli3开发Chrome插件实践；WebViewJavaScriptBridge深入剖析；浅析 JS 中的 EventLoop 事件循环（新手向）

由Vue中三个常见问题引发的深度思考工作中我们通过搜索引擎或者官方文档很容易就会知道一个语法怎么使用，但是你知道其中的原理吗？我想有一部分同学应该做不到清楚的说明其实现原理。众所周知，如今技术更新迭代速度很快，据 Vue 作者尤雨溪表示 Vue3.x 会在今年的下半年发布正式版本，视频地址在这里 VUE CONF 杭州之 3.0 进展。如果你在使用 Vue 或者…
GraphQL + Apollo + Vue 牛刀小试 GraphQL 这门新技术在去年就开始火热起来，今年也在很多技术周刊、论坛上看到关于这门新技术的研究和讨论。因此作为一名前端开发，紧跟技术潮流是必须的，周末便花了点时间对 GraphQL 进行了相关学习，学习过程中写了一些简单的 demo，在此过程中发现这玩意是真的香啊，所以决定要开篇博客来记录下这个过程。什么是 …
JavaScript 同步和异步(执行机制) 首先我放在文章的开头，重点说两点： JavaScript 是一门单线程语言。 Event Loop（事件循环）是JavaScript 的执行机制。好了，那么我们开始这篇文章的主要内容，既然说js 是单线程，那就是在执行代码的时候是从上往下执行的，我们来看一段代码吧： setTimeout(function(){ console.log(‘定时器开始…
JavaScript instanceof 运算符深入剖析 instanceof 运算符简介在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 "object"。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。instanceof 运算符与 typeof 运算符相似…
React Hooks：没有魔法，只是数组 React Hooks: 没有魔法，只是数组原文链接： https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e 我是React新特性Hooks的粉丝。但是，在你使用React Hooks的过程中，有一些看上去很奇怪的限制。在本文里，对于那些还在为了理解这些限制而苦苦挣扎的同志，我尝试通过一…
vue-cli3开发Chrome插件实践之前找了不少如何开发谷歌插件的文章，结果发现都是些很基础的内容，并没有写到如何快速编译打包插件。我就在想为什么不能通过webpack来打包插件呢？如果通过webpack编译的话，就能使开发过程变得更舒服，使文件结构趋向模块化，并且打包的时候直接编译压缩代码。后来发现了 vue-cli-plugin-chrome-ext 插件，通过这个插…
WebViewJavaScriptBridge深入剖析前一篇文章中，我们大致的讲述了一下JavaScriptCore这个库在iOS开发中的应用。在文中最后的阶段，我们提到了 WebViewJavaScriptBridge 这个库。提到这个库，可能有一些人就要说了，现在都什么时代了，谁还会用这个库啊？全是坑！不错，早在三年前，这个库有过一段辉煌的时光，在苹果除了WKWebView之后，渐渐的使用这个库…
浅析 JS 中的 EventLoop 事件循环（新手向）Event Loop 这个概念相信大家或多或少都了解过，但是有一次被一个小伙伴问到它具体的原理的时候，感觉自己只知道个大概印象，于是计划着写一篇文章，用输出倒逼输入，让自己重新学习这个概念，同时也能帮助更多的…
关于 Git 的 20 个面试题翻译：疯狂的技术宅原文：[链接] 本文首发微信公众号：前端先锋欢迎关注，每天都给你推送新鲜的前端技术文章我在工作中很喜欢 Git 。 Git 在许多开发团队中扮演着重要的角色。关于 Git 面试的第一个问题必须是…
CSS 中 z-index 的工作原理解析原文地址: https://blog.logrocket.com/how-css-works-creating-layers-with-z-index-6a20afe1550e 原文作者: Benjamin Johnson 介绍这篇文章是”How CSS workd”系列文章中的第三篇(深入探讨CSS基本构建模块的系列文章，这些基本构建模块有时会让人感觉像是黑魔法)。无论你如何编写你的css代码…
【JS进阶】你真的掌握变量和类型了吗变量和类型是学习JavaScript最先接触到的东西，但是往往看起来最简单的东西往往还隐藏着很多你不了解、或者容易犯错的知识，比如下面几个问题：
js中的hasOwnProperty()和isPrototypeOf() js中的hasOwnProperty()和isPrototypeOf() 这两个属性都是 Object.prototype 所提供: Object.prototype.hasOwnProperty() 和 Object.prototype.isPropertyOf() 先讲解 hasOwnProperty() 方法和使用。在讲解 isPropertyOf() 方法和使用看懂这些至少要懂原型链一、Object.prototyp…
【最详尽的 JS 原型与原型链终极详解】JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象。详见（来自：Yi罐可乐）
#开源项目#【360 度旋转观看图片的 JS 插件：JS Cloudimage 360 View】详见：这是一个能够 360 度旋转观看图片的 JS 插件，帮助用户更全面的查看商品详情。
移动Web深度剖析随着前端技术的急速发展，随着互联网行业的日益发展，HTML5作为一种比较新型的开发技术早已经被很多大的企业所应用，通过HTML5语言可以开发适用于任何设备上的酷炫网站页面，所以HTML5的发展趋势可想而知。话说HT…
手搭一个 React，Typescript，Koa，GraphQL 环境在实际的开发过程中，从零开始初始化一个项目往往很麻烦，所以各种各样的脚手架工具应运而生。crea-react-app，vue-cli，@angular/cli 等脚手架工具，只需要执行一个命令，项目结构以及开发环境就搭建好了。脚手架工具确实方便了我们使用，开发者可以专注于业务，而不需要考虑太多的环境搭建。但作者认为，学习脚手…
前端培训-初级阶段-场景实战（2019-06-06）-下载文件&下载进度前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（…
vue读取本地的excel文件并显示在网页上我想实现读取一个本地的xlsx文件(task_list.xlsx)然后显示在网页上, 一开始选择的方法是建个express server, 通过发送axios请求来实现, 但是觉得只是读取一个本地文件还要搞个server太复杂了, 最终还是通过”xlsx”…
vue-cli3中vue.config.js配置在使用vue-cli3创建项目后，因为webpack的配置均被隐藏了，当你需要覆盖原有的配置时，则需要在项目的根目录下，新建vue.config.js文件，来配置新的配置。
python 调用百度地图地点检索webAPI百度地图提供了开放的API，使用方法 WEB服务API 右上角登陆账号 -> 点击“获取密钥” -> “创建应用” -> 填写应用名称&白名单IP -> 然后复制AK(例如u2uqy7Gxui0XyBdcHLU0D3hQINLKokc0) 然后直接上代…
GitHub 项目：强化学习训练机器人打网球当AlphaGO战胜了世界围棋冠军李世石之后，整个工业界都为之振奋，越来越多的学者意识到强化学习在人工智能领域是一个非常令人exciting的。什么是强化学习强化学习的基本思想是通过最大化智能体（agent）从环境中获得的累计奖赏值，以学习到完成目标的最优策略。强调如何基于环境而行动，以取得最…