binbinbox的博客

原创 前端必会的一些基础

3、两个数组 数组a未全部人员 数组b为已选中人员 默认选中。7、请求接口时header 请求格式不对 需要怎么转换？5、localStorage 存取 数组 方法。1、如何把obj对象 添加到arr数组对象内。2、手机号、邮箱、隐藏用户手机号中间四位正则。8、ie下载文件和非ie 下载文件 如何优化。9、formaData的使用 方法。10、将数组添加到数组对象内。6、数据filter过滤。

原创 git面试大全

1 列举工作中常用的几个git命令? 新增文件的命令：git add file或者git add . 提交文件的命令：git commit –m或者git commit –a 查看工作区状况：git status –s 拉取合并远程分支的操作：git fetch/git merge或者git pull 查看提交记录命令：git reflog 2 提交时发生冲突,你能解释冲突是如何产生的吗?你是如何解决的? .3 如果本次提交误操作,如何撤销? .4 如何查看分支提交的历史记录？查看某个文件的历史记录呢？

原创 css面试大全

1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 2、box-sizing属性？ 3、CSS选择器有哪些？哪些属性可以继承？ 4、CSS优先级算法如何计算？ 5、CSS3新增伪类有那些? 6、display有哪些值？说明他们的作用? 7、position的值？ 8、CSS3有哪些新特性？ 9、请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？ 10、常见的兼容性问题？ 11、为什么要初始化CSS样式 因为浏览器的兼容问题，不同浏览器对有些标签的默

原创 微信小程序面试大全

1. 简单描述下微信小程序的相关文件类型 ,微信小程序项目结构主要有四个文件类型？ 2. 简述微信小程序原理? 3. 小程序的双向绑定和vue哪里不一样? 4.小程序的wxss和css有哪些不一样的地方? 5.小程序页面间有哪些传递数据的方法? 6. 怎么封装微信小程序的数据请求? 7. 哪些方法可以用来提高微信小程序的应用速度? 8. 微信小程序的优劣势? 9. 怎么解决小程序的异步请求问题? 10. 小程序关联微信公众号如何确定用户的唯一性 ? 11. 如何实现下拉刷新 12. b

原创 HTML前端面试大全

1、请说出XHTML和HTML的区别? 1、文档顶部doctype声明不同，xhtml的doctype顶部声明中明确规定了xhtml DTD的写法； 2、html元素必须正确嵌套，不能乱； 3、属性必须是小写的； 4、属性值必须加引号； 5、标签必须有结束，单标签也应该用 “/” 来结束掉； 7、把所有<和&特殊符号用编码表示； 8、给所有属性附一个值； 9、不要在注释内容中使用“–”； 10、图片必须使用说明文字。 2、请写出至少5个HTML块元素标签 div p ul li ta

原创 JS 面试题 大全

1、介绍一下js的数据类型有哪些，值是如何存储的？ 2、说一下js的数据类型的转换都有哪些？ 3、如何去判断js数据类型？ 4、介绍 js 有哪些内置对象？ 5、javascript 创建对象的几种方式？ 6、js 获取原型的方法？ 7、什么是闭包，为什么要用它？ 8、三种事件模型是什么？ 9、哪些操作会造成内存泄漏？ 10、简述javascript中this的指向？ ![在这里插入图片描述](https://img-blog.csdnimg.cn/2021032219142296.png

原创 前端vue 面试 大全

一、vue常用指令： 二、v-if与v-show的区别 三、生命周期共有几个？分别在什么时候使用？ 四、Vue中双向数据绑定是如何实现的 五、Object.defineProperty() 六、简述虚拟DOM + diff算法** 七、Vue组件通信(父传子、子传父、兄弟通信) 父传子、子传父、兄弟通信（bus）、本地存储、vuex 八、什么是vuex? 九、vue监听和深度监听watch 十、vue中Computed、Methods、Watch区别 十一、简述MVVM和MVC** 十二

原创 js操作BOM

1.什么是Bom? Bom是浏览器对象。它提供与浏览器的交互5大属性。 2.有哪些常用的Bom属性呢？ navigator（浏览器对象） 如何检测浏览器的类型 (ua的问题)？ screen（屏幕对象） location (地址对象) 解析url? history(历史对象） ...

原创 JS 基础知识总结dom

1.DOM是哪种数据结构? 2.Dom操作的常用API？ 3.attr和property的区别？ 4.DOM节点操作？ 5.DOM结构操作？ DOM是文档对象模型的简称，借助DOM模型可以将一个结构化文档转换成DOM树，程序可以访问、修改梳理的节点，也可以新增、删除树里的节点。DOM只是访问结构化文档（主要是HTML和XML）的一种思想，并不是一种技术。基于这种思想，各种语言都有自己的DOM解析器。解析器的作用是完成结构化文档和DOM树之间的转换关系。通过使用DOM模型，js可以动态地更新HT

原创 JS异步-进阶

1.请描述event loop(事件循环、事件轮询)的机制，可画图？ ①.js是单线程的，异步要基于回调来实现，event loop（事件循环/事件轮询）就是异步回调的实现原理。 首先我们需要明白js是如何执行的：从前到后，一行一行执行，如果某一行执行报错了，则停止下面代码的执行，先将同步代码执行完毕，再执行异步代码。 根据上图所示，event loop的执行原理如下： （1）同步代码，一行一行执行，是放在call stack（调用堆栈）中执行的 （2）遇到异步代码，先记录下在web API中，等待时机（

原创 异步和单线程

原创 前端理论整理

1.作用域和闭包？ js中首先有一个最外层的作用域，全局作用域； js中可以通过函数来创建一个独立作用域称为函数作用域，函数可以嵌套，所以作用域也可以嵌套； es6中新增了块级作用域（大括号，比如：if{},for(){},while(){}…）； 2.闭包？ 内部函数可以访问外部函数的变量就形成了一个闭包 特性：1.内部函数可以调用外部函数的变量 2.局部变量会常驻内存，可以重复使用，避免了使用全局变量所造成的变量污染问题 3.由于闭包，可以使变量长期保存在内存中，内存消耗较大，所以不能滥用，会造成网页性

原创 面视前的准备

1.面试官在你自我介绍的时候，才有时间看你的简历。人太多没时间看，看了也记不住。 2.你在自我介绍中，他在想问你什么问题。 3.了解你语言 表达能力，自信气场，仪表形态。 常规低级错误： 1.对面试官说：简历上有你自己看吧。 2.对照简历就念。 要点：熟悉自己的简历，熟悉自己要讲什么，反复练习。 3.不遵守时间要求。要求一分钟，说了五分钟。 4.将自己太完美，或者太low。 讲什么东西： 1.姓名，年龄，专业，特长，经历（有价值的） 2.在一分钟自我介绍，人士想了解什么。 讲出跟他招聘有关联性的东西。岗位是

原创 vue面视总结

1.vue-router有哪几种导航钩子 ① 全局导航钩子：一般用来判断权限，以及页面丢失时需要执行的操作； beforeEach（）每次路由进入之前执行的函数。 afterEach（）每次路由进入之后执行的函数。 beforeResolve（）2.5新增 ② 单个路由（实例钩子） beforeEnter（） beforeLeave（） ③ 组件路由钩子： beforeRouteEnter（） beforeRouteLeave（） beforeRouteUpdate（） 2.vue组件中的data为什么是一

原创 Web前端需求的技能

1、精通HTML/CSS/JavaScript等前端相关技术; 2、掌握DIV CSS流动布局HTML代码编写，了解CSS3、HTML5优先; 3、掌握JavaScript语言核心技术DOM、BOM、Ajax、JSON等，熟悉对象化Javascript编程，熟悉Javascript应用框架(如prototype/jQuery/YUI/Ext至少一种); 4、熟练使用各种常用JavaScript调试工具，熟悉至少一种流行的JS框架，如jQuery及VUE，有VUE实际项目经验者优先; 5、了解一种后端语言(J

原创 web前端性能优化总结

1.减少http请求，合理设置http缓存 http协议是无状态的应用层协议，意味着每次http请求都需要建立通信链路、进行数据传输，而在服务器端，每个http都需要启动独立线程去处理。这些通信和服务的开销都很昂贵，减少http请求的数码课有效提高访问性能。 减少http的主要手段是合并Css,合并Javascript,合并图片，将浏览器依次访问需要的javascript和css合并成一个文件，这样浏览器就值需要依次请求，图片页可以合并，多张图片合并成一张，如果每张图片都有不同的超链接，可以通过css偏移响

原创 promise和async的使用

promise是一种解决异步编程的方案，他比传统的回调函数加事件更加合理和强大，promise除了使用它的异步操作外，还能在promise项目中解决地狱回调问题。 promise一共有两个特点： 对象不受外界影响，并且promise一共有三个状态，分别是进行中（pending），成功（fulfilled），失败（rejected），只有异步操作的结果，可以决定是哪一种状态，任何其他的操作都无法改变这个状态，一旦状态改，就不会在变，任何时候都可以得到这个结果，promise的状态改变只有两种可能要么成功，要么

原创 call apply bind 直接的区别

call apply bind 方法调用，都是改变this指向，但是传递数据的形式不同 下面一段代码作为参考:

原创 关于rem支队设计稿宽度，设计rem调式比例

css3规定：1rem的大小就是根元素html的font-size的值 通过设置 根元素html的font-size的大小，来控制整个html文档内的字体大小，元素宽高，内外边距等，根据移动设备的宽度大小来实现自适应，不同的设备都展示一致的页面效果 renm宽度比例 设计稿宽度 首页： 1rem=100px 100vw =750px 所以 1rem=100vw /7.5 = 13.3333333vw 最后设置根元素font-size为13.333333vw即可 引入：页面开头出引入下面这段代码，用于动态计算

原创 js单线程，事件循环，微任务宏任务

js单线程： js是单线程的语言，所谓“单线程”就是一根筋，对于拿到的程序，一行一行的执行，直到上面的执行为完成，只能做这一件事 ## 事件循环： Event Loop(事件循环)中，每一次循环称为 tick, 每一次tick的任务如下： 执行栈选择最先进入队列的宏任务(通常是script整体代码)，如果有则执行 检查是否存在 Microtask，如果存在则不停的执行，直至清空 microtask 队列 更新render(每一次事件循环，浏览器都可能会去更新渲染) 重复以上步骤 微任务，宏任务 从上图我们

原创 深拷贝和浅拷贝

深拷贝和浅拷贝的理解？ 深拷贝和浅拷贝是针对复杂数据类型来说的，浅拷贝只拷贝一层，而深拷贝是层层拷贝。 浅拷贝：将原数组和原对象的引用直接拷贝到新数组和新对象，新对象只是对原对象的一个引入 深拷贝：创建一个新的数组和对象，将原对象的各项属性的“值”,拷贝过来，是”值“而不是”引用“ 下面是一段关于深拷贝原型的代码： ...

原创 github使用

一、github仓库创建 1，进入github官网，首先要有自己的账号和密码创建repository。没有的自行注册很简单。有了登陆账户后，就可以创建一个新的仓库，如图1。 2,填写仓库的属性，务必注意仓库名repository name与ower 名字要一致，紧接着后缀格式为.github.io，其中用户名为github的用户名。这里如图2所示 创建好后是这样的，如同3所示 二、SSH配置 1、待新仓库创建后，图3中红框的内容复制下来，在自己电脑某个位置新建一个文件夹专业存储与gihub交互的代码，

原创 Sourcetree

Sourcetree小玩法 通过github创建一个新的仓库(仓库与前缀需要保持一致)后缀.github.io完成创建 打开Sourcetree软件 添加一个clone 复制远程仓库地址url路径 ，创建一个新的文件，根据目标路径完成克隆，提交，修改， ...

原创 Vuex的五个核心属性及辅助函数

vuex是什么？ vuex是一个专门为vue.js应用程序开发的状态管理模式，它采用了集中式存储和管理程序所有组件的状态 主要包括几个模块 state 存储所有的变量(state是一个对象) mutations 直接操作state中的数据 actions 只能调用mutations中的方法 getters 类似于计算属性，可以实现对state做一些逻辑性的操作 modules 将仓库模块化存储 辅助函数 mapState 引入 import {mapState} from “vuex” 3种方法： 1.对

原创 git命令

git 常用命令 git config --list // 查看用户基本信息(用户名及邮箱) git init // 初始化git管理 git status // 查看状态 git add . // 将工作区缓存，添加到后台缓存区 git commit -m “提交的信息” // 提交信息 git log // 查看提交日志 git reset --hard (d39512) // 窜梭到之前的记录

原创 冒泡排序

冒泡排序 分析总结 冒泡排序是一种简单的排序算法，通过相邻的两个元素，比较大小后，互换位置，一次比较过后，把当前数列的最大值被交换到当前最靠后的位置，下面有张动图 冒泡排序是一种简单的排序算法。通过相邻元素比较大小后交换位置，一次比较过后，当前数列的最大值被交换到当前最靠后的位置。下面有张动图演示了冒泡排序的过程。 ...

原创 递归逻辑小案例

递归 分析 递归算法就是直接或间接调用自己的算法 代码如下： let = 0; function digui(num) { if (num == 1) { return num; } return num + digui(num - 1); } digui(100);

原创 作用域

代码的作用范围 叫作用域 var a=1； 声明全局变量 window.b=2； 另一种全局变量 alert(window.b); 输出 var c=3; //声明全局变量 function outer(){ var a=1； // 声明局部变量 console.log(a); //输出a function inner(){ var b=2； //声明局部变量 console.log(b)...