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 reflog2 提交时发生冲突,你能解释冲突是如何产生的吗?你是如何解决的?.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=100px100vw =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); //输出afunction inner(){var b=2； //声明局部变量console.log(b)...