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

刷前端面经笔记（九）；前端基础面试整理；爬虫不得不学之 JavaScript 入门篇；三种方法实现CSS三栏布局；javascript引擎执行的过程的理解–执行阶段；聊聊 Vuex、Flux、Redux、Redux-saga、Dva、MobX；javascript 面向对象 new 关键字原型链构造函数；吐槽Javascript系列一：slice()、substr()和 substring()

刷前端面经笔记（九） 1.JavaScript实现二分法查找？二分法查找，也称折半查找，是一种在有序数组中查找特定元素的搜索算法。查找过程可以分为以下步骤：（1）首先，从有序数组的中间的元素开始搜索，如果该元素正好是目标元素（即要查找的元素），则搜索过程结束，否则进行下一步。（2）如果目标元素大于或者小于中间元素， …
前端基础面试整理面试技巧自我查询能力自我获知知识的欲望先从几道面试题说起 js中使用 typeof 能得到哪些类型 JS变量类型何时使用 === 何时使用 == 强制类型转换 window.onload 和 DOMContentLoaded 的区别浏览器渲染过程用JS创建10个 <a> 标签，点击的时候弹出来对应的序号作用域简述如…
爬虫不得不学之 JavaScript 入门篇现在的爬虫越来越难了，不再和之前的那样，随便抓个包就可以找到相关的 url ，然后 post 一下或者 get 一下数据就出来了。还有一个可能就是可能你以前用来学习的爬虫网站太简单了，还没有看见过那些猛的。上两周我就想弄弄知乎登陆，参数的加密算是把 js 代码扣出来了，但是只能在浏览器上运行，一换到 Python 执行就各…
三种方法实现CSS三栏布局本文由云+社区发表作者：前端林子本文会分别介绍三种CSS实现三栏布局的方法，可在浏览器中打开查看效果 1.方法一：自身浮动的方法实现方法：需要左栏向左浮动，右栏向右浮动，中间设左右margin来撑开距离 {代码…
javascript引擎执行的过程的理解–执行阶段一、概述 js引擎执行过程主要分为三个阶段，分别是语法分析，预编译和执行阶段，上篇文章我们介绍了语法分析和预编译阶段，那么我们先做个简单概括，如下： 1、语法分析：分别对加载完成的代码块进行语法检验，语法正确则进入预编译阶段；不正确则停止该代码块的执行，查找下一个代码块并进行加载，加载完成再次进…
聊聊 Vuex、Flux、Redux、Redux-saga、Dva、MobX 这篇文章试着聊明白这一堆看起来挺复杂的东西。在聊之前，大家要始终记得一句话：一切前端概念，都是纸老虎。不管是Vue，还是 React，都需要管理状态（state），比如组件之间都有共享状态的需要。什么是共享状态？比如一个组件需要使用另一个组件的状态，或者一个组件需要改变另一个组件的状态，都是共享状态。 …
javascript 面向对象 new 关键字原型链构造函数JavaScript面向对象JavaScript 语言使用构造函数（constructor）作为对象的模板。所谓”构造函数”，就是专门用来生成实例对象的函数。它就是对象的模板，描述实例对象的基本结构。一个构造函数，可以生成多个实例…
吐槽Javascript系列一：slice()、substr()和 substring()实不相瞒，对于字符串中的slice()、substr()和 substring()这三个方法，我自己很长一段时间都是理不清的，每次用都得查一下文档，因为他们长得实在是太像了。
从零到亿：WEB后台的变迁史第一阶段 – 项目成立随便在阿里云买了一台虚拟机。在万网买了一个不是很满意的域名。使用免费的Gitlab创建了自己的代码项目。通过朋友介绍认识设计师小A。第二阶段 – 开始运营另外多买了一台虚拟机。购买…
【为什么说 TypeScript 不适合大型项目？】在18年的JavaScript 状态调查中，几乎一半的受访者表示他们尝试过 TypeScript，并会再次使用它。那么，你是否应该用它来开发大型项目？本文将采用更为关键的数据驱动方法来分析使用 TypeScript 构建大规模应用程序的投资回报率（ROI）。
【20190214 前端开发日报】1月份GitHub上最热门的JavaScript项目；Vue 3.0 对 Web 开发意味着什么？；建立一个JavaScript库；这些被同事喷的JS代码风格你写过多少？；大厂高级前端面试题答案；Vue…详情→
一个使用 JavaScript ES6、Canvas 开发的飞船射击类游戏 README.md 星际大战一个使用 JavaScript ES6、Canvas 开发的飞船射击类游戏。原为 2017 年阿布扎比世界技能大赛中的题目，后经作者自行开发。 Demo 预览在线预览地址：链接开始界面 …
Javascript 冒泡、捕获、事件代理此文章略过标准浏览器和非标准浏览器的事件流讲解，原因很简单我们现在已经幸福了，已经不考虑IE6、7、8了
Nuxt.js服务端渲染入门作者：太皇太后@毛豆前端随着Vue使用率的持续上长，越来越多的页面都应用了浏览器渲染的方式，极大提升了前端的开发的质量和效率，但是也带来了首屏渲染慢、SEO不友好及其他一些问题。基于Vue的SSR构架Nuxt.js很好的解决了这个问题，页面直出，前后端同构，不仅解决了首屏直出渲染、SEO等问题，在开发质量和效率也…
提升幸福感的JS小技巧可以用*1来转化为数字(实际上是调用.valueOf方法) 然后使用Number.isNaN来判断是否为NaN，或者使用 a !== a 来判断是否为NaN，因为 NaN !== NaN
React.js 常见问题在 jsComplete，我们管理一个专门用于帮助编程学习者 slack 帐户。我们常常会收到一些有趣的问题，但大多数问题都是常见问题。我创建这个资源为了帮助 React.js学习者遇到这些常见的问题时提供一定帮助。在这里…
NodeJs 系列：聊一聊 SSH 如果你对NodeJs系列感兴趣，欢迎关注微信公众号：前端神盾局身为一枚合格的搬砖工程师，笔者经常需要登录服务器去查看日志或者部署应用，ssh也随之成为最常用的linux命令之一。本文主要是对SSH的概念和用法做一些简单的梳理，大神请绕道。什么是SSH SSH是一种加密的网络传输协议…
#开源项目#【快速、灵活的全文搜索库：FlexSearch.js】详见： FlexSearch.js 是一款零依赖的基于上下文的全文搜索库。它具备快速、灵活的搜索功能，能够轻松平衡内存消耗和搜索精确度，并可在浏览器和 Node.js 端运行。
JS数据结构学习：队列队列是遵循先进先出原则的一组有序的项，与栈的不同的是，栈不管是入栈还是出栈操作都是在栈顶操作，队列则是在队尾添加元素，队顶移除，用一个图来表示大概是这样事的：用一个更形象的例子就是：排队服务，总是…
前端js实现字符串/图片/excel文件下载在web开发中，如果你想让用户下载或者导出一个文件，应该怎么做呢？传统的做法是在后端存储或者即时生成一个文件来提供下载功能，这样的优势是可以做权限控制、数据二次处理，但缺点是需要额外发起请求、增大服务…
附实例图解React的生命周期及执行顺序(1) componentWillMount() 仅在render()方法前被调用一次，如果在该方法中调用了setState方法去改变组件的状态值，那么调用render()后，将会直接看到改变过了的状态值，并且不论状态值怎么改变，componentWillMou…