前端面试
关注
分享
扫一扫
Gorgio_Liu
道阻且长，行则将至
展开
-
CSS水平/垂直居中
1.text-align:center 块状元素，水平居中2.margin:0 auto 水平居中 以外边框为参照物，上下外边框距为0，左右外边框距浏览器会自动计算平分3.line-height 垂直居中 通过设置行间距。line-height只适用于单行文本的元素，多行元素不适用。4.float属性+relative定位 给父元素设置float：left ,然后父...原创 2020-02-20 11:08:02 · 274 阅读 · 0 评论 -
2020年2月9日面试汇总
1、css盒模型解释：盒模型分为标准盒模型和怪异盒模型box-sizing: content-box // 标准盒模型box-sizing：border-box // 怪异盒模型标准盒模型：元素的宽度等于style里的width+margin+padding宽度如下代码，整个宽高还是120pxdiv { box-sizing: content-box; margin...原创 2020-02-09 15:24:02 · 643 阅读 · 0 评论 -
前端面试(一)
2020年1月4日面试问题梳理：1、Vue相对于原生JS的优势在哪里认知现代JS框架存在的根本原因是保持UI与状态同步核心思想数据驱动 DOM核心功能数据双向绑定组件（Component）核心概念异步更新队列el: el用于指定一个页面中已存在的DOM元素来挂载Vue实例。beforeDestroy生命周期：实例销毁之前调用。主要解绑一些使用addEventListener...原创 2020-01-05 23:37:05 · 365 阅读 · 0 评论 -
JavaScript基本面试题
JS的几条基本规范：1、不要在同一行声明多个变量2、请使用===/！==来比较true/false或者数值3、使用对象字面量替代new Array这种形式4、不要使用全局变量5、Switch语句必须带有default分支6、函数不应该有时候有返回值，有时候没有返回值7、For循环必须使用大括号8、IF语句必须使用大括号9、for-in循环中的变量应该使用var关...原创 2019-12-17 00:22:44 · 190 阅读 · 0 评论 -
var、let、const之间的区别
var声明变量可以重复声明，而let不可以重复声明var是不受限于块级的，而let是受限于块级var会与window相映射（会挂一个属性），而let不与window相映射var可以在声明的上面访问变量，而let有暂存死区，在声明的上面访问变量会报错const声明之后必须赋值，否则会报错const定义不可变的量，改变了就会报错const和let一样不会与window相映射、支...原创 2019-12-12 10:55:44 · 324 阅读 · 0 评论 -
如何解决跨域问题
跨域的概念：协议、域名、端口都相同才同域，否则都是跨域解决跨域问题：1、使用JSONP（json+padding）把数据内填充起来2、CORS方式（跨域资源共享），在后端上配置可跨域3、服务器代理，通过服务器的文件能访问第三方资源...原创 2019-12-10 23:45:38 · 152 阅读 · 0 评论 -
less、sass、styus三者的区别
变量Sass声明变量必须是【$】开头，后面紧跟变量名和变量值，而且变量名和变量值需要使用冒号：分隔开。Less声明变量用【@】开头，其余等同Sass。Stylus中声明变量没有任何限定，结尾的分号可有可无，但变量名和变量值之间必须要有【=】。作用域Sass：三者最差，不存在全局变量的概念Less：最近的一次更新的变量有效，并且会作用于全部的引用！Stylus：Sass的处理方式和St...原创 2019-12-10 23:31:42 · 537 阅读 · 0 评论 -
Vue面试知识点汇总
vue生命周期什么是Vue生命周期？ Vue实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模版、挂载Dom ——>渲染、更新——>渲染、卸载等一系列过程，我们称这是Vue的生命周期Vue生命周期的作用是什么？ 它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑Vue生命周期总共有几...原创 2019-12-09 03:29:44 · 580 阅读 · 1 评论 -
组件化和模块化
组件化为什么要组件化开发有时候页面代码量太大，逻辑太多或者同一个功能组件在许多页面均有使用，维护起来相当复杂，这个时候，就需要组件化开发来进行功能拆分、组件封装，以达到组件通用性，增强代码可读性，维护成本也能大大降低。组件化开发的优点很大程度上降低系统各个功能的耦合性，并且提高了功能内部的聚合性。这对前端工程化及降低代码的维护来说，是有很大的好处的，耦合性的降低，提高了系统的伸展性，降低了...原创 2019-12-09 00:03:26 · 359 阅读 · 0 评论 -
vue全家桶
一般项目在开发的时候所提到的vue全家桶都包括哪些内容。vue全家桶：vue（整体架构） + vuex（状态管理） + vue-router（路由） + vue_resource || axios（ajax请求） + mint-UI(移动端UI框架库) || antd-vue(PC端UI框架库)...原创 2019-12-08 19:31:03 · 186 阅读 · 0 评论 -
微信小程序
文件主要目录及文件作用：component --------------------------------------------------------- 组件文件夹navBar ---- 底部组件navBar.js ---- 底部组件的JS代码navBar.json ...原创 2019-12-06 00:14:16 · 319 阅读 · 0 评论 -
Ajax浅谈
如何创建一个Ajax（1）创建XMLHttpRequest对象，也就是创建一个异步调用对象（2）创建一个新的HTTP请求，并指定该HTTP请求的方法、URL及验证信息（3）设置响应HTTP请求状态变化的函数（4）发送HTTP请求（5）获取异步调用返回的数据（6）使用JavaScript和DOM实现局部刷新同步和异步的区别：同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求...原创 2019-12-04 14:32:05 · 177 阅读 · 0 评论 -
对this对象的理解
1、this总是指向函数的直接调用者（而非间接调用者）2、如果有new关键字，this指向new出来的那个对象3、在事件中，this指向触发这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象Window...原创 2019-12-04 13:26:26 · 400 阅读 · 0 评论 -
mouseover和mouseenter的区别
mouseover：当鼠标移入元素或其子元素都会触发事件，所以有一个重复触发，冒泡的过程。对应的移除事件是mouseoutmouseenter：当鼠标移除元素本身(不包含元素的子元素)会触发事件，也就是不会冒泡，对应的移除事件是mouseleave...原创 2019-12-04 13:22:26 · 208 阅读 · 0 评论 -
HTML语义化
HTML语义化就是让页面内容结构化，它有如下优点1、易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。2、有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重3、方便其他设备解析，如盲人阅读器根据语义渲染网页4、有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐如：代表头部代表超链接区域定义文档主要内容可以代表文章、博客等内容通常表示侧边栏或嵌入内容...原创 2019-12-04 02:14:09 · 193 阅读 · 0 评论