Jake Zhang

????看前三件事:点赞 | 你可以点击——>收藏——>退出一气呵成，但别忘了点赞????关注 | 点个关注，下次不迷路????也可以到GitHub拿我所有文章源文件????前言最近一直在找工作，今年是真的难啊，但再难苟且的生活还要继续，饭碗还是要继续找的。在最近的面试中我一直在总结，每次面试回来也都会复盘，面了有七八家，也有那么几个offer，但终究不是很满意，总想再试试大一点的平台。下面是我这几天遇到的面试知识点。但今天主题是标题所写的66条JavaScript知识点，由浅入深

一、前言Vue-SSR相信各路大佬都不陌生，我前段时间刚了解到SSR，SSR简单来说就是将本来要放在浏览器执行创建的组件，放到服务端先创建好，然后将编译好的内容（模板）下发（包括样式、内容、数据将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。通过服务端渲染，可以优化SEO抓取，提升首页加载速度，提升用户体验等。由于我vue还可以，所以上手还是比较轻松的，通过几天的学习，我先是把nuxt.js 做了下整理，然后在B站找了项目实战撸了一把，所以想通过这篇文章，对其中的模块

情境：将数组var arr = [1,1,‘true’,‘true’,true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,‘NaN’, 0, 0, ‘a’, ‘a’,{},{}];中重复的值过滤掉1、 ES6-set使用ES6中的set是最简单的去重方法var arr = [1,1,'true','t...

前言关于JavaScript中this又是一个老生常谈的话题，也是面试绕不开的经典考题。「前端料包」 系列第三篇就一起聊聊关于this的话题。写的很小白，如有不对，欢迎各路大佬指正~在讲this之前，先得说说环境 这个概念。一门语言在运行的时候，需要一个环境，叫做宿主环境。对于JavaScript，宿主环境最常见的是web浏览器，另一个最为常见的就是 Node 了，同样作为宿主环境，node ...

前言接触写博客有一段时间了，都是边学边学着写，但总感觉写的凌乱，想起啥写啥。这几天在刷红宝书，收获还是蛮多的，决定结合自己的学习，写一个系列，我叫它 「前端料包」，旨在巩固前端基础，努力提升自己，同时也乐于做一个分享者。这个系列包括但不限于下面脑图中的内容，目录和发文顺序暂且如下图，今天带来的是第二篇。1、什么是BFC在讲BFC之前，先说一下文档流。我们常见的文档流有三种：浮动流、定位流和...

作者：你喜欢吃青椒么来源：juejin.im/post/5d157bf3f265da1bcc1954e6前言本文是参考廖雪峰老师的Git资料再加上我自己对Git的理解，记录我的Git学习历程，作下此文是为以后学习，工作，开发中如果遇到问题可以回过头来参考参考。因为水平有限，难免会有出错的地方，欢迎指正。Git是什么官方话：Git是一个免费的开源分布式版本控制系统，旨在快速高效地处理从...

前言接触写博客有一段时间了，都是边学边学着写，但总感觉写的凌乱，想起啥写啥。这几天在刷红宝书，收获还是蛮多的，决定结合自己的学习，写一个系列，我叫它**「** 前端料包 」，旨在巩固前端基础，努力提升自己，同时也乐于做一个分享者。这个系列包括但不限于下面脑图中的内容，目录和发文顺序暂且如下：概述在讲数据类型之前，想先讲讲变量。JavaScript的变量是松散型的，即可以保存任何类型的数据...

1. 说一下 Vue 的双向绑定数据的原理vue 实现数据双向绑定主要是：采用数据劫持结合“发布者 - 订阅者”模式的方式，通过 Object.defineProperty() 来劫持各个属性的 setter、 getter，在数据变动时发布消息给订阅者，触发相应监听回调。2. 解释单向数据流和双向数据绑定单向数据流：顾名思义，数据流是单向的。数据流动方向可以跟踪，流动单一，追查问题的时候可...

1. 前言关于JS原型和原型链我之前刚学js就有写过一篇文章，但前两天翻出来一看——什么鬼，这是我写的吗？自己都看不懂了，于是我重新整理思路，写下此篇。原型和原型链是js中的难点也是重点，有句话说，没理解透原型和原型链，就算还没有真正入门的前端。并且原型和原型链会是面试中必不可少的话题。看完这篇相信你能对原型和原型链会有个深刻的理解。2. 函数对象JS所有对象分为函数对象和普通对象。凡是通...

1.写在前面咳咳。。如果时间可以倒转，我一-定要和你一起过童年，我们捉迷藏，偷地瓜，下河摸鱼，斗蚂蚱，然后我揍你，你哭了，我就会哄你高兴，和你玩，然后再揍你。然后再。。。好了，预祝各位国庆节快乐!还是说说标题上的事儿，一年一度的金九银十的金色九月的尾巴已经划过指尖，各大高校招聘宣讲会也已经如火如荼进行了2~3周。但我相信也肯定也还有部分迷迷糊糊，不知道自己想从事什么行业，不知道自己能做什么，想...

昨天开始做一个模仿京东移动商城的项目，启动node服务时遇到Error: Cannot find module express的报错，于是我就全局安装：npm install -g expressnpm install -g express-generator // express 4.x版本中将命令工具分出来,安装一个命令工具,此为执行命令安装完成后 输入express --versio...

1、从github上下载(点我) vue-devtools，点击download，复制copy路径2、回到项目目录，右键打开git，输入命令clone+地址（刚才copy的地址）下载成功后3、输入命令cd vue-devtools 进入到vue-devtools目录中，安装cnpm install4、输入命令 npm run build 运行5、装完后，回到浏览器，找到更多工...

随着vue.js越来越火爆，更多的项目都用到vue进行开发，在实际的开发项目中如何搭建开发脚手架呢，今天跟大家分享一下：首先需要了解的知识HtmlCssJavascriptNode.js 环境（npm包管理工具）Webpack 自动化构建工具一、安装node.js 进入官网下载node.js二、安装 cnpm1、说明：npm（node package manager）是nodej...

此题库收录前端面试中JavaScript部分常见的面试题及参考答案，出题顺序将按照js学习顺序由浅入深，持续更新~~

递归： 函数在运行过程中自己调用自己递归算法的基本思想是：把规模大的、较难解决的问题变成规模较小的、易解决的同一问题。规模较小的问题又变成规模更小的问题，并且小到一定程度可以直接得出它的解，从而得到原来问题的解。看一个典型的求阶乘的栗子： function fun(n) { if (n<=1) { return 1; }else {...

1、body对浏览器的默认margin是多少像素8px2、css权重是什么进制哈哈，想不到吧 256进制css选择器权重由小到大分别是：0–>1–>10–>100–>1000–>Infinity。分别对应：通配符 --> 标签|伪元素–> class|属性|伪类 --> 行内 --> !important...

在写这篇文章之前本想着这个知识点涉及知识点太多太杂，我自己又是一个计算机网络小白找一篇大牛写的看看就算了，但是看了大概七八篇后，内心更纠结了——

1.什么是Ajaxajax 的全称是Asynchronous(异步) JavaScript and XML 。是一种在不刷新页面的情况下从服务器获取，提交数据的一种数据交互方式;**注意：**ajax本身不支持跨域请求，需要在服务器端处理。2.原理及使用步骤//1：创建Ajax对象var xhr = window.XMLHttpRequest?new XMLHttpRequest():...

先看两个例子console.log(1);setTimeout(function(){console.log(2);},1000);console.log(3);// 输出顺序为1 3 2，没毛病（大部分人的第一反应）//////console.log(1);setTimeout(function(){console.log(2);},0);console.log(3);//...

1、DOCTYPE概念及作用DOCTYPE是用来声明文档类型和DTD规范的，一个主要的用途便是文件的合法性验证。如果文件代码不合法，那么浏览器解析时便会出一些差错。DTD (document type definition,文档类型定义)是一系列的语法规则，用来定 义XML或(X)HTML的文件类型。浏览器会使用它来判断文档类型，决定使用何种协议来解析，以及切换浏览器模式。常见的DOCTY...

目录及知识点如下脑图1. vue简介vue是一个构建用户界面的框架。是一个轻量级mvv框架，通过简单的api实现响应式的数据绑定和组合视图组件，容易上手，小巧。（1）主要特点（2）优势（3） 核心思想2.安装vue-devtools安装vue-devtools插件，便于在chrome中调试vue，配置是否允许vue-devtools检查代码，方便调试，生产环境设置为false...

我们都知道CSS盒子模型有两个，w3c标准盒模型和IE盒模型，两者的区别在于计算盒子尺寸的规范不同，可通过box-sizing来设置两种盒子模型（可看看我的这篇box-sizing详解——>点我

首先来捋捋各自的概念1. cookiecookie是以小的文本文件形式（即纯文本），完全存在于客户端，是设计用来在服务端和客户端进行信息传递的。cookie保存了登录的凭证（用户名、密码、浏览的网页、停留的时间等等信息），有了它，只需要在下次请求时带着cookie发送，就不必再重新输入用户名、密码等重新登录了。（cookie详解——>点我点我

前端安全分类CSRFXSS1、CSRF（1）基本概念和缩写CSRF，通常成为跨站请求伪造（Cross-site request forgery） 缩写：CSRF（2）攻击原理如上图所示，该用户为网站A的注册用户，在用户登录网站A时，A会对该用户进行身份核查，如果正确，则下发cookie，保存在用户的浏览器中，完成身份验证；用户未退出网站A之前，在同一浏览器中，打开一个TAB访问...

1、DOM事件的级别//DOM0element.onclick = function(){}//DOM2 element.addEventListener('click',function(){},false)//DOM3 事件类型增加 键盘、鼠标等element.addEventListener('keyup',functon(){},false)//由于DOM1在设计时没...

1.什么是同源策略及限制同源策略限制从一个源(协议，域名，端口)加载的文档或脚本如何来与另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的机制。Cookie,LocalStorage和IndexDB 无法读取；DOM 无法获得；AJAX 请求不能发送。2.前后端如何通讯AjaxWebSocketCORS（1）Ajax要点XMLHttpRequest对象的...

1.http的主要特点：简单快速:访问某个资源在地址栏输入URL就行;灵活：通过一个HTTP请求就可以完成不同数据类型的传输;无连接：连接一次就会断掉，不会保持连接;无状态：服务端无法区别前后两次连接的状态和客户身份.2.http的报文组成（1）请求报文请求行：请求方法 ,页面地址,HTTP协议及版本请求头：一些key和value值,告诉服务端需要哪些参数及类型空行：告诉...

一、html51.对html语义化的理解用一句话概括就是用正确的标签做正确的事情。形象的说，如果把网页比喻成一个人，那么html结构就是人的裸体，css就是各种衣物配饰，js是人的行为。html语义化就是让我们的页面“裸奔”更好看！HTML语义化的原因即使在没有CSS样式的条件下，也能很好地呈现出内容结构、代码结构；语义化HTML会使HTML结构变的清晰，有利于维护代码和添加样式；方...

刚刚实习回来好久都没有更新博文了，今天在复习html和css时遇到box-sizing，我记得上次面试的时候面试官就问过box-sizing的属性值及使用场景，当时回答的不是很好。今天我特意看了几篇文章，就此做一个总结。首先复习一下盒子模型：在写html与css的过程中，我们可以将每一个元素看做一个盒子，对于普通的浏览器以及IE浏览器，有两套不同的解析盒子的方法，第一种是W3C标准盒子模型，第...

普通对象和函数对象在前面整理JavaScript面向对象的文章中我就有写到JS所有对象分为函数对象和普通对象。凡是通过new Function创建的对象都是函数对象，其他都是普通对象（通常通过Object创建），可以通过typeof来判断，由function创造出来的函数，比如：function f1() {};typeof f1 //"function"var f2 = funct...

闭包（closure）是javascript的一大难点，也是它的特色。很多高级应用都要依靠闭包来实现。要理解闭包，首先要理解javascript的全局变量和局部变量。javascript语言的特别之处就在于：函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。function f1(){　　　　var a=10;　　　　function f2(){　　　　　　ale...

ECMAScript 5 通过新增 Object.create()方法规范化了原型式继承。这个方法接收两个参数:一 个用作新对象原型的对象和(可选的)一个为新对象定义额外属性的对象。在传入一个参数的情况下， Object.create()与 object()方法的行为相同。——《JAVASCript高级编程》

1、js面向对象的概念（个人理解）（1）面向对象，即OOP（Object Oriented Programming），是计算机的一种编程架构，OOP的基本原则是计算机是由子程序作用的单个或者多个对象组合而成，包含属性和方法的对象是类的实例，但是JavaScript中没有类的概念，而是直接使用对象来实现编程。（2）js面向对象是一种思想，在我的理解中，对象由属性和方法组成。属性可以理解为对象特征...

昨天在看一篇提升js性能的文章中看到数组中reduce()方法的应用，由于我在之前的es6学习中没有了解过这个方法，在我所看的文章中感觉这个方法挺有意思的，然后我查了点资料，前后看了几篇文章，自己找了几个例子敲了敲，瞬间感觉内心美滋滋的，所以今天我总结了下，在这里小结一下reduce()方法的概念和几个小例子。1、reduce()方法reduce()方法接收一个函数callbackfn作为累加...

今天分享一个我平时写的Vue实现购物车清单的小demohtml部分&amp;amp;lt;body&amp;amp;gt; &amp;amp;lt;div id=&amp;quot;my&amp;quot; &amp;amp;gt; &amp;amp;lt;div class=&amp;quot;panel panel-info&amp;quot; style=&amp;quot;margin:2

一、this是什么？this是Javascript语言的一个关键字。 它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用，随着函数使用场合的不同，this的值会发生变化，指向是不确定的，也就是说是可以动态改变的；但是有一个总的原则，那就是this指的是，调用函数的那个对象 （this 一般情况下，都是指向函数的拥有者）。二、this有啥用？平时在哪见到过？&amp;lt;ul&amp;gt; ...

理解HTML语义化1、什么是HTML语义化？&amp;amp;lt;基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等&amp;amp;gt;根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；...