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

用 Vue 写个移动 SPA 应用；nodejs使用express构建graphql接口项目教程；2019-我的前端面试题；前端基本功：JavaScript 的七种数据类型与数据类型检测的4种方法；10个有趣的javascript和css库（2019年5月最新）；「译」利用 JavaScript 复制文本到剪贴板；一个合格的中级前端工程师必须要掌握的 28 个 JavaScript 技巧；angular路由学习

用 Vue 写个移动 SPA 应用最近看了 Vue 的文档，想着应该写点什么加深下印象，能力有限，就照着葫芦画下吧:joy:，这次的葫芦是图灵社区移动端页面 Github: github.com/Jimzjy/itur… 预览: jimzjy.github.io/ituring-mob… 前端新手，CSS / TS / JS 写的很烂，望见谅准备工作使用 vue-cli 创建项目，我的配置是 vue-…
nodejs使用express构建graphql接口项目教程之间折腾过一篇使用springboot构建graphql接口项目的博客传送门这篇博客来折腾一下nodejs中使用express构建graphql接口项目的用法 hello world mkdir graphql-js-demo cd graphql-js-demo npm init yarn add express express-graphql graphql 创建文件 server.js 添加下面代码 const express = require(&quo…
2019-我的前端面试题2019的5月9号，离发工资还有1天的时候，我的领导亲切把我叫到办公室跟我说：’阿郭，我们公司要倒闭了，钱是没有的啦，为了不耽误你，你赶紧出去找工作吧’。听到这话，我虎躯一震，这已经是第2个月没工资了。
前端基本功：JavaScript 的七种数据类型与数据类型检测的4种方法简单数据类型：String、Number、Boolean、Null、Undefined、Symbol。复杂数据类型：Object是唯一的复杂数据类型。 Array Function 这些引用类型值最终都可以归结为 Object 复杂数据类型。 2. 特殊的基本类型：基本包装类型 js为了方便操作基本类型值，ECMAscript 提供了3个特殊的引用类型：Boolean、Numbe…
10个有趣的javascript和css库（2019年5月最新）我们的使命是让您了解最新和最酷的Web开发趋势。这就是为什么我们每个月都会发布一些精选的资源，这些资源是我们偶然发现并认为值得您关注的。
「译」利用 JavaScript 复制文本到剪贴板本文将会深入介绍 30 秒代码中 copyToClipboard 代码块的工作原理。你可以在项目仓库中找到它的源代码以及更多其他的实用方法。 30 秒代码：可以在 30 秒或更短时间内理解的 JavaScript 代码块核心功能搭建网站时经常会遇到一个需求，那就是在用户没有选中或者使用键盘组合键的情况下，复制…
#前端技术#【一个合格的中级前端工程师必须要掌握的 28 个 JavaScript 技巧】详见：本文作者整理了一些面试常见的 JS 技巧，看看你掌握了多少？（作者：yeyan1996）前言文中代码对应的详细注释和具体使用方法都放在我的 github 上，源代码在底部连接 1.判断对象的数据类型使用 Object.prototype.toString 配合闭包，通过传入不同的判断类型来返回不同的判断函数，一行代码，简洁优雅灵活（注意
angular路由学习最近比较忙，抽空看了angular官网上的路由与导航，其实还是有很多想了解的地方，可惜目前没有时间一一验证学习，只能以后有空再说了，在这里只是记录一下学习是遇到的混淆的点。
arcgis for js 加载第三方地图资源 —————————————————– 特别说明：非原著文章，来自esri china上公开文档 —————————————————– ArcGIS API for Javascript 提供了一个 WebTileLayer 的类，通过返个类可以访问非 ArcGIS for Server切片服务，这个类接受一个模式如 http…
[前端漫谈_1] 从 for of 聊到 Generator说起 for of 相信每个写过 JavaScript 的人都用过 for of ，平时我们用它做什么呢？大多数情况应该就是遍历数组了，当然，更多时候，我们也会用 map() 或者 filer() 来遍历一个数组。但是就像我们标题里面说的，…
在JavaScript中一切都是对象吗？ “在JavaScript中的一切都是对象”这个说法一直让我困惑。他们指的是什么？一个函数或者数组，它们怎么同时也是一个对象？在我们解答这个问题前，我们需要知道JavaScript是如何对不同数据类型归类的。数据类型在JavaScript中，有两个数据类型：基本类型和对象类型（对象类型有时候也被称为引用类型）。基本类型 …
CSS3实现柱状图的3D立体动画效果这篇文章所实现的动画效果起源于一个小小的想法，这个想法来自于另一个网站的一篇文章，它介绍了如何在网页中使用CSS、图片和JavaScript创建立体的柱状图。在阅读了那篇文章之后，我想挑战一下，尝试使用纯CSS来…
史上最全的 js中this详解前言我现在依然坚信一些js开发者虽然可以熟练的使用js内置函数和对象，也能够封装出出色函数，但是问题来了，你们在使用非箭头函数的时候this的创建和this判断是不是模糊不清，哈哈我也是，不过我最近总结了一些this的创建和this判断的资料，也包含了自己一些观点，作为分享，文章比较长，请耐心看看，如果有什么不…
第一天：你的第一个Flask Web应用——你好，喵星在线通过学习第一天的内容，你将学会如何创建你的第一个flask web应用，并且在自己的电脑上运行它。这是第一天的学习内容，所有内容的代码都将托管在github上，猫姐强烈建议各位同学在学习本课内容时，先跟着教程自己…
我所认识的前端数据流历史总是在新思想的火花碰撞中演进，从 React 的横空出世，前端开始慢慢从 jQuery 的蛮荒时代过渡到三大阵营“群雄逐鹿”，几大框架都是在解决数据层和视图层之间的驱动关系。当数据发生变化了之后，由框架自身来控制对视图层的渲染操作，而问题的关键恰好就在于依赖收集，如何才能知道数据发生变化了呢？所以 Vu…
JavaScript 系列–JavaScript一些奇淫技巧的实现方法（一）简短的sleep函数，获取时间戳有些东西很好用，但是你未必知道；有些东西你可能用过，但是你未必知道原理。实现一个目的有多种途径，俗话说，条条大路通罗马。发散一下大家的思维以及拓展一下知识面。
webrtc+canvas+socket.io从零实现一个你画我猜最近键盘坏了，刚好看到掘金有声网的技术征文，想整个键盘。于是就开始从零开始学习webrtc，一开始看文档就是个素质三连。这么难啊，这咋整啊，这谁顶的住啊。于是就开始全网找资料，很幸运的在掘金上找到了江三疯大佬的webrtc系列，以及 WebRTC实时通信系列教程 ,或者英文原版的 Real time communication with WebRT…
使用 apiDoc 为你的Node.js API 生成文档当你为其他开发人员（前端，桌面，移动等）开发 API 时，需要生成一份风格良好的文档，以便他们知道可以使用的内容和方式，这非常重要。
JavaScript实现事件总线(Lab小技巧-005) 近日沉迷搬砖(偷懒)，都没什么时间更新文章了，砖搬的差不多了赶紧回来写点小玩意~ 依旧是背景介绍，我们在网购的时候都填过地址吧，一般点击编辑地址的时候都会跳到新的页面，那么问题来了，我们编辑好提交之后，怎么把数据给回上一个页面呢？如果我们遇到上面的情景会怎么解决呢？方案倒不少，storage、状态管理…
使用 JavaScript 探测网络状态同步 https://medium.com/@JackPu/how-javascript-detect-the-network-status-42f3a6d85f96 在某些情况下，我们的开发者需要指导是否由于网络中断的原因导致 request 失败。以及我们需要网络重新连接后，我们需要执行一些代码。 naviagtor.onLine naviagtor.onLine是一个非常好实用的 API. 它可以告…
js对象Object的深比较方法前言之前文章有些深拷贝和浅拷贝，这篇文章简单总结常用的深度比较方法，这些方法在react中用的特别多，特别是生命周期里面prop对比。因此，react和immutable天生结合性比较好。假设你项目中没有用immutable这种第三方库，那么实现深度比较的方法，在这里总结一下！方法一 react中封装一个class export cla…
一种 NodeJS 全栈项目的构架方式在开发 NodeJS 中后台项目时，有很多情况下会遇到一种需要将服务端与客户端代码写在同一个项目中的情况（如自带管理后台的项目）。本文提供一种前后端代码合并的思路。主要的思路是：在项目中给客户端单独分配一个目录，在目录中创建完整的 npm 项目，开发时同时启动客户端开发服务及后端服务，通过 http-proxy-middl…
你不知道的 JSON.stringfyJSON.stringfy()是将一个 JavaScript 对象转化为 JSON 格式字符串的标准方式。许多 JavaScript 框架在其内部，都会使用 JSON.stringify()：Express的 res.json()、Axios的 post，以及webpack stats，它们都调用了…
nodejs log4js 使用本文章针对 log4js v4.3 本文对自己用log4js的技术点简单的做一个记录，有一些技术点没有用到或者写全，会在后面用到的时候进行更新。先大概的对log4js 的基本用法做一个总结，使用 configure() 方法对日志输出进行配置，使用 getlogger() 方法获取 logger 对象，然后使用logger 对象进行打印各个级别的…
fetch使用的常见问题及其解决办法首先声明一下，本文不是要讲解fetch的具体用法，不清楚的可以参考 MDN fetch 教程。 fetch默认不携带cookie 配置其 credentials 项，其有3个值： omit: 默认值，忽略cookie的发送 same-origin: 表示cookie只能同域发送，不能跨域发送 include: cookie既可以同域发送，也可以跨域发送 crede…