- 博客(16)
- 收藏
- 关注
原创 前端面试题js篇,持续更新
1.解释重绘与回流,以及如何优化?重绘与回流: 在页面加载时,浏览器会把获取到的html代码解析成dom树,dom树中包含html所有标签以及js动态生成的元素等。浏览器会把所有的样式(即css)解析为样式结构体。dom树和样式结构体组合后形成渲染树。简单来说就是dom树和样式结构体组合在一起形成render树。重绘: 当渲染树中的一些元素需要更改属性,而这些属性只涉及元素外观风格,而不会影响布局时,成为重绘回流: 当渲染树中的元素,因为规模尺寸、布局、隐藏等属性需要变动而需要重新构建时,
2021-03-30 18:45:44
178
原创 前端面试题之CSS篇,持续更新。。。
前端面试题之CSS篇,持续更新。。。1.src/href,link/import区别?2.什么是BFC?3.清除浮动的几种方式4.伪类和伪元素5.IE盒模型和W3C盒模型?6.display:inline-block;什么时候会不显示间隙?7.行内元素设置浮动以后,会发生什么变化?8.CSS权重的计算规则?9.stylus/sass/less区别?10. rgba()和opacity的透明效果有什么不同?11.display:none;与visibility:hidden的区别12.父元素中两个子元素,一个
2021-03-30 18:43:32
162
原创 vue搜索结果高亮展示
核心代码展示// 筛选变色brightenKeyword(val, keyword) { val = val + ''; if (val.indexOf(keyword) !== -1 && keyword !== '') { return val.replace(keyword, '<font color="#409EFF">' + keyword...
2020-04-10 20:17:59
234
原创 vue项目利用qrcodejs2依据后台返回地址生成二维码并下载
1.首先安装qrcodejs2cnpm i qrcodejs2 -S2.在组件内部直接引用import QRCode from "qrcodejs2";3.html代码4.script代码(请不要被图中事件顺序误导),展示二维码(生成二维码前先清除二维码之前的二维码)注:此文章参考多位前端开发者...
2020-04-09 17:00:09
2267
原创 JS合并数组对象中key相同的数据(将数组里某个属性相同的对象合并成一个数组)两种方案
将数组里某个属性相同的对象合并成一个数组原数组如下let resData = [ { "name": "住院医疗最高报销", "tagName": "医疗", "insuredAmount": "6000" }, { "name": "身故赔付", "tagName": "寿险"...
2020-04-09 14:17:07
5745
2
原创 Vue项目之登录注册
Vue项目之登录注册1. 注册1.1 注册页面的布局1. 注册1.1 注册页面的布局需要用到Vant的Field组件1.views下新建一个注册页面 ,完成基本布局。引入Vue和Field并使用。2.在官方文档中搜索,查看自己需要的内容,将其直接粘贴到页面中。3.给注册页面添加一个单独的路由,注册页面不需要底部。(注意,相关样式需要引入不同的组件,请细心查看官方文档,按需拿取内容)4...
2019-08-31 16:46:58
36761
12
原创 Vue项目之简易版后续2
Vue项目之简易版后续21. 首页插入轮播图1. 首页插入轮播图1.利用Vant插入轮播图,首先安装vant 模块。cnpm i vant -S2.引入组件,按需引入(方式有很多种,详情请看官方文档)安装插件cnpm i babel-plugin-import -D3.在第二步完成以后,会在文件夹中生成一个文件babel.config.js,添加一个新的选项plugins。...
2019-08-27 19:11:49
366
3
原创 Vue项目之简易版后续1
Vue项目之简易版21、评分效果2.点击进入商品详情页基本思想:新建一个商品详情页,再点击不同的商品时,可以跳转到同一个页面,通过路由传输不同的数据,实现页面的渲染。3.通过嵌套路由实现登录与未登录的状态4.设置404页面1.路由别名2. 编程式跳转,该文章是vue项目之简易版1的后续1、评分效果1 在vue项目1中,我们为每条电影信息添加一个评分效果。将原来的数字评分和票房替换为五颗星等级...
2019-08-26 22:29:49
246
4
原创 前端部分高频面试题
前端部分高频面试题1.http相关问题1.1 http是什么?1.2 http的组成?1.3 http的状态码?1.4 http的请求方法?1.5 http与https的区别?2. 前端页面如何实现性能优化?3. 数组的相关问题3.1 数组的去重1.for循环嵌套,利用splice去重2.新建数组,利用indexof()去重3.利用ES6的Set去重4.使用对象记录重复的元素,以及出现的次数3.2...
2019-08-25 21:57:27
277
4
原创 前端页面性能优化,面试必知
前端页面性能优化1、css放置在页面顶部,js文件依据需求放置。2、尽可能少的 设置 全局变量。3、尽量减少DOM 操作4、不要再标签中设置样式,最好外部引用 CSS文件。5、减少http 请求,合理设置 HTTP 缓存;(最有效的办法)6、使用浏览器缓存7、如果遇到大的文件,可以将文件放置在一个定时器中 ,利用异步操作,等其他的文件加载完成后,再加载 定时器中的文件。8、CSS Sprites9...
2019-08-25 19:45:12
682
3
原创 Vue项目之简易版
Vue项目之简易版1.生成一个vue项目2. 修改App.vue3. 开始抽离页面组件以及底部3.1 在views下新建四个vue页面,并写上相应的内容。3.2 在App.vue中删除相应的组件,用router-view标签代替。3.3 在router.js中配置路由4. 生成底部点击效果5. axios请求数据渲染页面5.1 安装axios5.2 抽离组件并请求数据5.3 父组件向子组件传值...
2019-08-24 22:34:50
1526
6
原创 vue入门基础2
vue入门基础21. 计算属性2. 侦听属性1. 计算属性任何复杂的业务逻辑,我们都应当使用计算属性(在一定情况下,计算属性由于方法)计算属性具有依赖性,计算属性依赖 data中的初始值,只有当初始值改变的时候,计算属性才会再次计算计算属性具有依赖性,计算属性依赖 data中的初始值,只有当初始值改变的时候,计算属性才会再次计算。案例1.运用计算属性模拟表单的实时验证(手机...
2019-08-23 21:00:27
271
2
原创 vue入门基础1
vue入门之模板语法1.文本 — v-text2.纯HTML — v-html3.表达式部分4.事件处理4.1 事件 — v-on4.2 事件对象4.3 运用事件修饰符阻止默认事件和事件冒泡4.4 按键修饰符5.绑定属性6.class与style绑定6.1 class对象语法与数组语法6.2 style的对象语法和数组语法7 vue的条件判断本文所有代码的javascript部分都引入了vue....
2019-08-21 09:26:28
353
3
原创 vue实现数据双向绑定之入门版本
vue实现数据双向绑定之入门版本vue最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的javascript对象。而当你修改时,视图会进行更新。这使得状态管理非常简单直接。1. vue实现数据双向绑定的体现2. vue数据双向绑定原理vue最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的javascript对象。而当你修改时,视图会进行更新。这使得状态管理非常简单直...
2019-08-20 21:53:17
150
2
原创 Vue入门之MV*相关模式
VUE入门基础知识之MV*相关模式1. MVC2. MVP3. MVVM1. MVC最早出现在Java领域,慢慢在前端开发中也被提到。后又出现了MVP,以及现在成熟的MVVM。MVCmodel 数据模型view 视图control 控制器MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写用一种...
2019-08-19 22:22:52
163
2
原创 nodejs结合Mongodb,实现数据库的增删改查
nodejs结合Mongodb,实现数据库的增删改查1.安装mongoose2.连接数据库2.1 确保数据库连接池是已打开状态(准备工作)2.2 新建一个db.js文件,准备连接数据库2.3 生成自定义模块3. 设计用户数据表4. 增删改查操作4.1 增4.2 删4.3 改4.4 查5. 封装数据库模块5.1 目录结构5.2 封装数据库增删改查5.3 测试数据库的增删改查1.安装mongoose...
2019-08-18 20:56:18
1100
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人