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

【前端面试分享】- 寒冬求职上篇；图解JS原型链中的三角恋；一图看懂编程语言迁移模式：终点站是Python、Go、JS；我在vue开发中的小技巧；JavaScript 个性特点：编程语言界的平头哥；新建NodeJS Web项目的几个最佳实践；悲喜交加的前端面试；JavaScript系列–类型判断的4种基本方法，研究jquery的type方法，空对象的检测方法，类数组对象

【前端面试分享】- 寒冬求职上篇在这互联网的寒冬腊月时期，虽说过了金三银四，但依旧在招人不断。更偏向于招聘高级开发工程师。本人在这期间求职，去了几家创业，小厂，大厂厮杀了一番，也得到了自己满意的offer。整理一下自己还记得的面试题，希望能帮助到还在求职的你。大佬略过，不喜勿喷。记录下我遇到的面试题，都有大佬分享过，附上各个大…
图解JS原型链中的三角恋直接上图！额(⊙o⊙)…，有点乱！不着急，让我们一步步来理解首先先来明确这三个属性的定义: prototype ：指向原型对象（函数特有属性） __proto__ ：指向构造该对象的构造函数的原型对象 constructor ：指回该原型对象中的构造函数步骤分析： f1,f2是构造函数Foo()实例化…
一图看懂编程语言迁移模式：终点站是Python、Go、JS 有着20年编程经验的资深程序员，以自己多年来的经历，总结出程序员的编程语言切换规律，做了一个主流编程语言的进阶流程图，展示不同编程语言之间的承接关系、程序员选择编程语言的方向和路径。铁打的程序员，流水的编程语言。时代在发展，编程语言也与时俱进，不断有新的、更好或者更时髦的语言出现，程序员也会或主…
我在vue开发中的小技巧我好不容易鼓起勇气买了一手小米，还准备等着这货下崽呢！这货就闹分手。每天下班都会有一个同事在我耳旁放风买facebook，我正准备等加班结束买一手，结果facebook来了一次“跳水”。屋漏偏逢连夜雨呀! 今天9点半就下班了，终于有时间写东西了。本来考虑去写es6和异步操作的，写着写着感觉有点写不下了，然后想写书评，但…
JavaScript 个性特点：编程语言界的平头哥 JavaScript 这家伙已经疯球了，什么都不在乎的。无论你把什么玩意儿丢给他，他都能给你摆平。根本不要在这位老哥面前提什么编译错误。就是一坨??? 老哥都能给你运行。什么，你在担心他会给出一个错误的结果？都给你结果了还要啥自行车？如果你担心结果会是错的，那自己用 jest 或 mocha 弄一个测试就结了。 JavaScript…
新建NodeJS Web项目的几个最佳实践在项目建立初期引入一些最佳实践可以避免后期大量复杂的重构工作，本文总结了在使用Node JS构建Web服务时的一些最佳实践，同时涉及的具体的操作步骤。一、使用初始化脚手架所谓脚手架，就是在初始化代码库时，脚手架可以帮助自动生成一些代码和项目结构，注入一些框架。对于一个NodeJS项目，不需要我们从npm init…
悲喜交加的前端面试在如此恶劣的这经济大环境下，勇敢的试水还在招聘的公司，将近一个月的时间，四家公司的面试，有喜有悲，让我不得不感叹，大城市的房价真的是太贵了，愿此时此刻在读这篇文章的你能够找的满意的工作。用友 1.js的数据存储？答：说明白堆栈。 2.如何实现一个深拷贝？答：递归。 3.数组返回本身…
JavaScript系列–类型判断的4种基本方法，研究jquery的type方法，空对象的检测方法，类数组对象一、前言类型判断有时候真的头疼，但是一旦熟练使用就会觉得不过如此。初级的，会判断数字和字符串。中级的，会判断数组和对象。进阶的，会判断日期，正则，错误类型。高级的，会判断plainObject，空对象，window对象等等。引用类型：Object 基本类型也称为简单类型，由于其占据空间固定，是简单的数据段，为了…
你真的知道如何使用Vue.set吗 :blush:我活的好累，工作8小时并且非工作时间并不想碰代码的我还是利用上班的空闲编一篇文章。推荐有兴趣的开发者可以参加6月份Vue.js的分享会场景一般想到这个api的开发者，都是遇到明明更改了数据，然而浏览器的dom却没有更新新的数据，有时候会出现操作一下其他数据，之前更新的数据才渲染到dom，有时候…
化 Markdown 为 HTML：用 Node.js 和 Express 搭建接口快速摘要：搭建一个把 Markdown 语法转换为 HTML 的应用，通过该实践来学习如何使用 Node.js 和 Express 框架创建接口端点。 Markdown 是一种轻量级的文本标记语言，能将带标记的文本转换为各种格式。发明 Markdown 的初衷，是为了让人们能“用易读易写的纯文本格式来书写”，并可以按需转换为有效的 XHTML（或者 HTML）…
史上最为详细的javascript继承前言为大家分享js中最常见最详细的继承方式，接下来将一下面的几个维度进行展示说明文章有点长，请耐心阅读:grin:，有什么错误理解的地方希望留言指出来产生原因代码实现基本原理语言实现场景优点缺点继承方式原型链继承借用构造函数模式继承组合继承原型式…
张伦：巧用 webpack loader 实现项目的定制化出品 | 滴滴技术作者 | 张伦 ▍ 前言：随着前端技术的发展，Web 应用变得复杂。为解决开发的复杂度，前端开发也有了模块化的概念。使用 Webpack 完成模块化的打包构建的方案，可谓尽人皆知。但是利用 Webpack 能做的事情远不止如此。这篇文章从一个独特的角度，利用 Webpack 的特点实现了定制化需求，希望能…
让 js 模块支持 typescript 人类终究逃不过真香定律, 曾几何时,一度反感 ts 的我, 如今写代码不用 ts 的智能提示就浑身难受最近刚好维护之前发布的一个插件 react-jinke-music-player , 由于是 es6 写的学习了下怎么让其支持 ts 2. 观察比如我们打开一个支持 ts 的模块 scroll-into-view-if-needed , 当我们 cmd + 鼠标左键点击的时…
atom-design(Vue.js移动端组件库)手势组件使用教程介绍 atom-design经过几个月的开发，以及这段时间的修复bug，对js,css压缩，按需引入处理等等的性能优化,现在已经逐渐完善.做这套UI考虑到很多性能的问题，以及如何让开发者更自由、更简单的去使用。这篇文章主要讲使用Gesture(手势)相关组件的感受。 Gesture(手势)相关组件 Carousel(传送带) SlideItem (…
一场Nginx https配置调试过程测试环境为：阿里云 centos7.4 ，nginx1.14.3，其他版本的系统或者nginx如有不同，以官网为准。
跨域AJAX总结跨域是指不同协议、域名、端口下访问js脚本。而当遇到跨域时，由于浏览器中同源策略的安全限制，导致不能正常执行，报类似以下的错误：同源策略什么是同源策略同源策略是指限制了脚本与不同源的资源交互，而当中的源是以协议、域名和端口区分，以下情况为不同源： http://www.example.com/d…
一名“合格”前端工程师的自检清单开篇前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 winter在他的《重学前端》课程中提到：到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专…
通过一个通俗易懂的方式来了解下WebAssembly（一）你可能听说过WebAssembly运行起来很快，但是你知道WebAssembly为什么这么快吗？在本系列文章中，我将向您解释为什么WebAssembly是快速的。首先，先来介绍一下什么是WebAssembly WebAssembly是一种使用JavaScript以外的编程语言编写代码的方法，并最终在浏览器中运行。当WebAssembly和JavaScript来进行比较的时候，…
浅谈 JavaScript 内存管理与垃圾回收写过 C语言的都清楚，我们需要时时刻刻关心处理程序的内存使用情况，这无形的给程序员增添了很多负担，但是在后期出现的一些语言中渐渐的都加入了内存自动管理和垃圾回收机制，这样一来我们就不必再关心程序运行的内存使用情况，同样的在 JavaScript 中也有内存管理和垃圾回收。但是这样渐渐的内存中的东西就离我…
【程序员的尴尬瞬间】全文=>
代码片段之jQuery控制input只能输入数字和两位小数前言做为一个PHPER，难免会遇到那种表单中jQuery限制输入的问题，比如，限制空格的输入，只允许输入数字，以及小数点的控制等等，这里，我们就说一下数字的限制。 jquery代码话不多说，直接先上jQuery函数，具体的可以看注释说明，在使用这个之前，请务必保证已经提前引入了jQuery库，大家可以自己下载一个jQue…
#开源项目#【用 React、Redux、Immutable 做俄罗斯方块游戏：React Tetris】详见：这是一款利用 React 实现的俄罗斯方块游戏，体验相当流畅。同时，作者分享了项目制作之旅，供大家学习。Have Fun！
9102年：从0开始手写一个Vue.js优化版脚手架前言:在看本文前，建议你看下，下面这两篇文章顺便给个赞和github的赞哦~ 如果你对webpack不是很了解，请你关注我之前的文章，都是百星以上star的高质量文 9102年：手写一个React完美版移动端脚手架前端性能优…
#前端技术#【纯 CSS 实现动态边框】详见：一篇文章详细记录纯 CSS 实现动态边框的思路，以及详细步骤。（作者：快狗打车前端团队）背景这几天工作中遇到一个交互需求，要求实现一个效果，当鼠标移入一个元素的时候，元素出现一个动态的边框，如图：动态边框思路看到这个效果，我首先想到的是设置元素的border属性，可惜border不能设置长度，无法实现动效。另外一种实现思路是添加四个div
专访 Yorkie：JavaScript 如何开发 IoT 应用？随着 5G 的到来，各大公司都纷纷加大了在物联网和边缘计算方面的投入，一些先驱者试图将 JavaScript 引入 IoT 开发，打通物联网与庞大的前端开发者生态，ShadowNode 就是其中的一位。在 6 月 20 日举办的 GMTC 全球大前端技术大会中，ShadowNode 作者 Yorkie 将分享《JavaScript in IoT》的话题，借此机会我们对他进行了…
VsCode从零开始配置一个属于自己的Vue开发环境VsCode算是比较热门的一个代码编辑器了，全名Visual Studio Code，微软出品，下载地址：点我去下载插件众多，功能齐全，平常开发过程中都是用的它，整理了下日常使用的插件及配置供大家参考，废话就不多说了，直…
JavaScript 是如何工作的系列文章已更新到22篇为了方便大家共同学习，整理了之前博客系列的文章，目前已整理 JavaScript 是如何工作这个系列，可以请猛戳GitHub博客查看。
Angular 表单验证类库 ngx-validator 1.0 正式发布背景介绍之前写了一篇《如何优雅的使用 Angular 表单验证》，结尾处介绍了统一验证反馈的类库 ngx-validator ，由于这段时间一直在新模块做微前端以及相关业务组件库，工具等开发，一直拖到现在，目前正式版 1.0 终于可以发布了。可能有些人没有阅读过那篇博客，我这里简单介绍下 ngx-validator 主要的功能。 …
ES6-Proxy与数据劫持(12)随着前端界的空前繁荣，各种框架横空出世，包括各类mvvm框架百家争鸣，比如Anglar、Vue、React等等，它们最大的优点就是可以实现数据绑定，再也不需要手动进行DOM操作了，它们实现的原理也基本上是脏检查或数据劫…
JavaScript中Object.freeze()与Const之间的区别ES6 自发布以来为 JavaScript 带来了一些新功能和方法。与 JavaScript 相比，这些功能更好地改善了我们的工作流程。这些新功能包括 Object.freeze() 方法和 const。
深入剖析Vue源码 – 完整渲染过程当浏览器接收到一个 Html 文件时，JS引擎和浏览器的渲染引擎便开始工作了。从渲染引擎的角度，它首先会将 html 文件解析成一个 DOM 树，与此同时，浏览器将识别并加载 CSS 样式，并和 DOM 树一起合并为一个渲染树。有了渲染树后，渲染引擎将计算所有元素的位置信息，最后通过绘制，在屏幕上打印最终的内容。而 JS 引擎的…
前端开发者手册2019前端开发者手册2019 Cody Lindley 编著原文地址本手册由Frontend Masters赞助，通过深入现代化的前端工程课程来提高你的技能。下载：PDF | epub 翻译&校验：neekychan(微博) 和 freedom 概要这是一本每个…
【30分钟让你掌握Git的黑魔法】在Git Rev News #48期的LightReading中有一篇文章写的不错，不仅干货满满而且还附带了操作视频。其中的内容不仅覆盖了很多Git使用上的基础知识，也从使用角度上解答了很多刚接触Git的开发者的疑问。