- 博客(16)
- 收藏
- 关注
RSS订阅原创 前端面试题js篇，持续更新
1.解释重绘与回流，以及如何优化？重绘与回流： 在页面加载时，浏览器会把获取到的html代码解析成dom树，dom树中包含html所有标签以及js动态生成的元素等。浏览器会把所有的样式（即css）解析为样式结构体。dom树和样式结构体组合后形成渲染树。简单来说就是dom树和样式结构体组合在一起形成render树。重绘： 当渲染树中的一些元素需要更改属性，而这些属性只涉及元素外观风格，而不会影响布局时，成为重绘回流： 当渲染树中的元素，因为规模尺寸、布局、隐藏等属性需要变动而需要重新构建时，
2021-03-30 18:45:44
167
原创 前端面试题之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
154
原创 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
221
原创 vue项目利用qrcodejs2依据后台返回地址生成二维码并下载
1.首先安装qrcodejs2cnpm i qrcodejs2 -S2.在组件内部直接引用import QRCode from "qrcodejs2";3.html代码4.script代码（请不要被图中事件顺序误导），展示二维码（生成二维码前先清除二维码之前的二维码）注：此文章参考多位前端开发者...
2020-04-09 17:00:09
2217
原创 JS合并数组对象中key相同的数据（将数组里某个属性相同的对象合并成一个数组）两种方案
将数组里某个属性相同的对象合并成一个数组原数组如下let resData = [ { "name": "住院医疗最高报销", "tagName": "医疗", "insuredAmount": "6000" }, { "name": "身故赔付", "tagName": "寿险"...
2020-04-09 14:17:07
5698
2
原创 Vue项目之登录注册
Vue项目之登录注册1. 注册1.1 注册页面的布局1. 注册1.1 注册页面的布局需要用到Vant的Field组件1.views下新建一个注册页面 ，完成基本布局。引入Vue和Field并使用。2.在官方文档中搜索，查看自己需要的内容，将其直接粘贴到页面中。3.给注册页面添加一个单独的路由，注册页面不需要底部。（注意，相关样式需要引入不同的组件，请细心查看官方文档，按需拿取内容）4...
2019-08-31 16:46:58
36374
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
358
3
原创 Vue项目之简易版后续1
Vue项目之简易版21、评分效果2.点击进入商品详情页基本思想：新建一个商品详情页，再点击不同的商品时，可以跳转到同一个页面，通过路由传输不同的数据，实现页面的渲染。3.通过嵌套路由实现登录与未登录的状态4.设置404页面1.路由别名2. 编程式跳转，该文章是vue项目之简易版1的后续1、评分效果1 在vue项目1中，我们为每条电影信息添加一个评分效果。将原来的数字评分和票房替换为五颗星等级...
2019-08-26 22:29:49
236
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
270
4
原创 前端页面性能优化，面试必知
前端页面性能优化1、css放置在页面顶部，js文件依据需求放置。2、尽可能少的 设置 全局变量。3、尽量减少DOM 操作4、不要再标签中设置样式，最好外部引用 CSS文件。5、减少http 请求，合理设置 HTTP 缓存；（最有效的办法）6、使用浏览器缓存7、如果遇到大的文件，可以将文件放置在一个定时器中 ，利用异步操作，等其他的文件加载完成后，再加载 定时器中的文件。8、CSS Sprites9...
2019-08-25 19:45:12
671
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
1480
6
原创 vue入门基础2
vue入门基础21. 计算属性2. 侦听属性1. 计算属性任何复杂的业务逻辑，我们都应当使用计算属性（在一定情况下，计算属性由于方法）计算属性具有依赖性，计算属性依赖 data中的初始值，只有当初始值改变的时候，计算属性才会再次计算计算属性具有依赖性，计算属性依赖 data中的初始值，只有当初始值改变的时候，计算属性才会再次计算。案例1.运用计算属性模拟表单的实时验证(手机...
2019-08-23 21:00:27
258
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
327
3
原创 vue实现数据双向绑定之入门版本
vue实现数据双向绑定之入门版本vue最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的javascript对象。而当你修改时，视图会进行更新。这使得状态管理非常简单直接。1. vue实现数据双向绑定的体现2. vue数据双向绑定原理vue最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的javascript对象。而当你修改时，视图会进行更新。这使得状态管理非常简单直...
2019-08-20 21:53:17
141
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
151
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
1086
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人