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

2919面试 JS十大排序算法与14种去重算法；面试官：自己搭建过vue开发环境吗？；前端美术课；用 TypeScript 开发 Node.js 程序；基于 HTML5 结合工业互联网的智能飞机控制；JS不再百度系列-字符串的基本操作；LeetCode 之 JavaScript 解答第98题 —— 验证二叉搜索树；【Javascript】深入理解this作用域问题

2919面试 JS十大排序算法与14种去重算法第一部分：数组排序图片名词解释： n: 数据规模 k:“桶”的个数 In-place: 占用常数内存，不占用额外内存 Out-place: 占用额外内存 1. sort排序法（1）简单数组的简单排序 var arrSimple=new Array(1,8,7,6); arrSimple.sort(); console.log(arrSimple.join()) ;复制代码（2）简单数组的自定…
面试官：自己搭建过vue开发环境吗？前段时间，看到群里一些小伙伴面试的时候被面试官问到这类题目。平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli 脚手架生成的项目架构，然后 npm run install 安装依赖， npm run serve 启动项目然后就开始写业务代码了。但是对项目里的 webpack 封装和配置了解的不清楚，容易导致出问题不知如何解决，…
前端美术课【班长】：起立！【同学】：老师好！【老师】：大家好，我是新来的前端美术老师，codexu！复制代码同学们应该都学习过或听说过 canvas ，这都不重要，你们以为我要教你们 canvas 的 api 吗？不，这太蠢了，请出今天主角二维绘图引擎 —— ZRender ，如果你听说过大名鼎鼎的 ECharts ，我们今天说的 ZRender 就…
用 TypeScript 开发 Node.js 程序当我第一次发现 TypeScript 时，就把它用到了自己的 JavaScript 程序中。使用 TypeScript 有很多好处，现在你要让我在用原生 JavaScript 写任何东西的话，需要给我一个令人信服的理由。
基于 HTML5 结合工业互联网的智能飞机控制从互联网+的概念一出来，就瞬间吸引了各行各业的能人志士，想要在这个领域分上一杯羹。现在传统工业生产行业运用互联网+的概念偏多，但是在大众创业万众创新的背景下，“互联网＋”涌出了层出不穷的“玩法”，智慧城市、隧道交通、智慧园区、工业生产，甚至是这次要说的智能飞机！异地协同制造的范围，目前多局限于主机制造…
JS不再百度系列-字符串的基本操作这篇记录的是我常用的字符串操作。本文全部内容来自 MDN。完整的可以看这个 MDN JS String 注意： js的所有字符串方法均不会修改原字符串 String.prototype和Array.prototype中都有的方法 concat 返回值：新的拼接好的字符串 eg： a = "a" a.concat( )…
LeetCode 之 JavaScript 解答第98题 —— 验证二叉搜索树 Time：2019/4/24 Title: Vaildata Binary Search Tree Difficulty: Medium Author: 小鹿题目：Vaildata Binary Search Tree（验证二叉搜索树） Given a binary tree, determine if it is a valid binary search tree (BST). Assume a BST is defined as follows: The left subtree of a no…
【Javascript】深入理解this作用域问题《javascript高级程序设计》中有说到: this对象是在运行时基于函数的执行环境绑定的：在全局函数中，this等于window，而当函数被作为某个对象调用时，this等于那个对象。不过，匿名函数具有全局性，因此this对象同常指向window 针对于匿名函数this具有全局性的观点仍是有争议的，可参考 www.zhihu.com/question/…
微服务调用为啥用 RPC 框架，http 不更简单吗？背景在一次的面试交谈中，聊到业务实现的技术架构。不管系统大小，一般都是微服务的架构，所以就产生了一个问题，为什么服务之间调用，选择用RPC，http 不也能实现服务之间的通信吗？怎么不用呢？或者 RPC 比 http 好在哪里？什么是RPC 提到RPC（Remote Procedure Call），就躲不开提到分布…
Javascript 基础之原型和原型链每个函数都有 prototype 对象属性，除了 Function.prototype.bind() ，它指向原型。每个对象都有 __proto__ 对象，它指向创建这个对象的构造函数的原型。其实这个属性指向了 ] ，但是 ] 是内部属性，我们访问不到，所以用 __proto__ 来访问。对象可以通过 __proto__ 来寻找部署…
前端开发中遇到的一些问题—-持续更新解决：全局添加样式-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
前端战五渣学JavaScript——前端数据存储我们都知道，作为一名前端开发，或多或少在开发的过程中因为各种各样的需求，需要在前端存储一些数据，比如登录验证，可能会用到cookie，或者localStorage存储token，然后请求手动带上。所以我们很需要搞清楚前端存储有哪些方法，以及我们该如何去使用这些我们已经司空见惯的单词（Cookie、sessionStorage和localStorage…
JS常用正则表达式备忘录正则表达式或“regex”用于匹配字符串的各个部分下面是我创建正则表达式的备忘单。匹配正则使用 .test() 方法 {代码…} 匹配多个模式使用操作符号 | {代码…} 忽略大小写使用i标志表示忽略大小写 {代码…} …
LeetCode 之 JavaScript 解答第206题 —— 反转链表（Reverse Linked List） Time：2019/4/23 Title: Reverse Linked List Difficulty: Easy Author: 小鹿题目：Reverse Linked List（反转链表） Reverse a singly linked list. Example: Input: 1->2->3->4->5->NULL Output: 5->4->3->2->1->NULL Follow up: A linked list can be reve…
每日一题(开开森森学前端之变量与函数) 大家好，今天我们来看一下js中的变量与函数提升相关知识点为什么有变量提升 js和其他语言一样，都要经历编译和执行阶段。而js在编译阶段的时候，会搜集所有的变量声明并且提前声明变量，而不会改变其他语句的顺序，因此，在编译阶段的时候，第一步就已经执行了，而第二步则是在执行阶段执行到该语句的时候才执行。 …
「前端练习场」原生 JavaScript 实现各种数组 API 的 Polyfill 版 JavaScript 中的数组类型提供了很多原生方法供我们使用，本文会模拟实现一些常用的数组 API。「前端练习场」将会持续更新，不同于之前的【前端进阶之路】和【从头到脚】这两个系列，练习场主要侧重于基础知识的练习巩固，大家对这个系列有好的建议也可以在评论区和我交流 🙂 。另外我自己也是在不…
数据可视化的十种优秀JavaScript图表库【51CTO.com快译】如今，随着我们身体各类数据的指数级增长，人们需要接受的信息量越来越大，系统必须处理的难度也是越来越高。而这些正是我们需要通过交互式图表和仪表盘，来实现数据可视化的根本原因。在大幅节省用户的时间和精力的同时，此类可视化方式不但需要能够对数据进行分析与解读，而且应当能够基于海量数据做…
JavaScript进阶入门(一) 预解释作用域this object：{}、、/$/、Date function 2 全局作用域（global/window）当浏览器加载html页面的时候，首先会提供一个全局jsdiam执行的环境 var num = 12; var obj = {name:"wjw",age:7); function fn(){ console.log("勿忘初心方得始终") } console.log(fn); // 把整个函数的定义部分(函数…
如何爬取ajax网页之爬取雪球网文章 1.效果图 2.传送门点击传送门 3.发工具之后，往下滑时会出现一个接口（当然滑的越多接口越多） 4.我们通过对比两个及以上的接口进行分析它们的不同之处（这叫找规律）可以发现max_id是在变化的，其他都是不变的，而且count是返回的文章数目有15个，所以max_id只要自增15就可以实现翻页了，…
vscode js 实用的代码片段作为一名前端开发工程师，我们每天都想着代码怎么抽成组件，公共方法。目的是为了减少工作量。但是你有没有想过我们一直在写重复的代码，比如每天都会写
D3.js – Data-Driven Documents D3.js – 数据驱动文档 | See | See more examples . . D3.jsis a JavaScript library for manipulating documents based on data. 是一个用于根据数据操作文档的JavaScript库。 D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capab…
Nginx 配置 Https 免费证书访问现在做博客或者做网站没有 https 已经不行了，就记录一下我在腾讯云配置 https 的过程吧，非常简单，1个小时就可以了。
从零实现一个 Webpack Plugin Plugins expose the full potential of the webpack engine to third-party developers. ———– Webpack 相比于 loaders，plugin 更加的灵活，因为它能够接触到 webpack 编译器和编译核心。这就使得 plugin 可以通过一些 hook 函数来拦截 webpack 的执行，甚至你可以运行一个子编译器和 loader 串联，像 Min…
【前端语言学习】学习minipack源码，了解打包工具的工作原理本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有…
CSS通用数据类型CSS中属性的值有着许多种格式。为了让用户代理（即浏览器）能够识别一个值是否有效，则需要确认该值是否符合该类值支持的格式的其中一种。这些属性值所支持的格式叫做数据类型，在规范中用<this>的形式标识。
Angular 基础 1.创建项目; 全局安装angular npm install -g @angular/cli 复制代码新建项目 ng new angular-tour-of-heroes; cd angular-tour-of-heroes //然后输入命令查看angular版本信息: ng –version 复制代码开始（监听）项目（这个命令以后会常用）： ng serve –open; //…
Apache 基金会将其所有项目迁移至 GitHub | Apache 基金会（ASF）正式宣布，该基金会已经将其旗下的 350 多个项目、多达 2 亿行的代码从内部的 Git 基础设施迁移至 GitHub。…
nodejs中request库使用HTTPS代理正在尝试改用NodeJS编写爬虫，http请求库选择了request，用起来还是挺简单的。现在有个需求，需要用Fiddler抓包我发出去的请求，以便和浏览器发出去的包进行对比。因为需要在Fiddler中解密HTTPS报文，需要让node…
【为什么学编程要从Web开始？】大多数大学生接触的第一门编程课便是C语言，这对于一个完全不懂计算机的人可能是噩梦。详见（来自：码农翻身）
#模式 —— 使用 Typescript 和 Node.js 的通用仓储如果你使用 Node.js/Javascript ，并且有很多应付不同数据模型的重复代码或者不厌其烦地创建 CRUD(Create, Read, Update and Delete) ，那么这篇文章适合你！通用仓储模式在写 Javascript 应用的时候，我们存在在不同应用中共享相似代码的问题，并且有些时候，我们为不同的应用写相同的代码。当我们有一个（或更…