随笔分类 -  前端面试

前端面试
浏览器重排与重绘
摘要:前几天内推某街,被问到了酱紫一个问题,了解浏览器的重绘与重排吗?瞬间蒙住了,的确好像没有怎么听说过。于是今天抽了点时间研究了下重排和重绘,这里分享给大家。 浏览器在页面渲染过程中非常重要的两个概念,即重排和重绘。了解这两个概念对于你在今后写代码过程中,尤其是对性能要求比较高的话,有非常大的帮助。来看 阅读全文

posted @ 2020-08-07 09:31 漫思 阅读(637) 评论(0) 推荐(0) 编辑

别再为了this发愁了------JS中的this机制
摘要:别再为了this发愁了 JS中的this机制 题记:JavaScript中有很多令人困惑的地方,或者叫做机制。但是,就是这些东西让JavaScript显得那么美好而与众不同。比方说函数也是对象、闭包、原型链继承等等,而这其中就包括颇让人费解的this机制。不管是新手还是老手,不仔细深抠一下还真闹不明 阅读全文

posted @ 2020-08-07 09:28 漫思 阅读(209) 评论(0) 推荐(0) 编辑

axios的封装与异常处理(async/await)
摘要:众所周知,es新增了promise,避免了回调地狱。而es7的async/await更加完美的将异步实现为同步代码。更多关于promise,async/await,推荐:阮一峰 在vue项目中,http请求我们更多用到的是axios,如果不进行封装,那么在业务代码中的每次请求都需要重复大量的axio 阅读全文

posted @ 2020-07-31 17:16 漫思 阅读(2656) 评论(0) 推荐(0) 编辑

echarts tooltip超出容器被遮挡的解决办法
摘要:如果实在解决不了可以加我微信 一定能解决 最近项目中使用到echarts。由于数据的分类较多,导致tooltip超出容器,且被周围的其他dom所遮挡。网上找了一圈发现很多朋友说配置其中的confine: true, 然而该配置只是将tooltip限制在该容器内。 当周围的dom的z-index过于高 阅读全文

posted @ 2020-07-31 17:14 漫思 阅读(13102) 评论(0) 推荐(0) 编辑

前端常用60余种工具方法
摘要:1.邮箱 export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s) } 2.手机号码 export const isMobile = 阅读全文

posted @ 2020-07-06 11:17 漫思 阅读(358) 评论(0) 推荐(0) 编辑

echarts itemStyle symbol 折线图原点样式调整
摘要:symbol 适用类型 :折线图、散点图 。默认:null 标志图形类型,默认自动选择(8种类型循环使用,不显示标志图形可设为'none'),默认循环选择类型有: 'circle' | 'rectangle' | 'triangle' | 'diamond' | 'emptyCircle' | 'e 阅读全文

posted @ 2020-07-05 17:16 漫思 阅读(3195) 评论(0) 推荐(0) 编辑

Vue 组件 Props 类型及默认值
摘要:refArr: { type: Array, default: () => { return [] } }, refFun: { type: Function, default: () => () => {} }, refObj: { type: Object, default: () => ({} 阅读全文

posted @ 2020-06-19 09:41 漫思 阅读(2629) 评论(1) 推荐(0) 编辑

Lodash JS实用类库 数组操作 延时执行 功能强大
摘要:Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。 中文文档:https://www.lodashjs.com/docs/4.17.5.html 你还在为JavaScript中的数据转换、匹配、查找等烦恼吗?一堆看似简单的foreach,却冗长无趣,可仍还在不停的rep 阅读全文

posted @ 2020-06-10 19:22 漫思 阅读(1048) 评论(0) 推荐(0) 编辑

前端Vue框架面试题大全
摘要:谈一下你对 MVVM 的认识 https://blog.csdn.net/Dora_5537/article/details/89441144 mvvm :Model-View-ViewModel的缩写, model数据层,数据模型,仅仅关注数据本身 View视图层是用户操作界面 也可称为,当Vie 阅读全文

posted @ 2020-05-27 18:22 漫思 阅读(1392) 评论(0) 推荐(0) 编辑

防抖节流
摘要:使用场景: 项目有个需求是输入框在输入的时候进行搜索,展示下拉数据,但是没必要输入一个字都进行搜索,所以想到了在输入结束200毫秒后再进行搜索,从而引出来了 js的节流(throttle),防抖(debounce)。 函数概念 函数防抖(debounce): 在事件被触发n秒后再执行回调,如果在这n 阅读全文

posted @ 2020-05-18 18:14 漫思 阅读(219) 评论(0) 推荐(0) 编辑

vue-cli3使用bootstrap4
摘要:jQuery 1.安装jQuery 和 popper.js npm install --save jquery npm install --save popper.js 2.在main.js中引入 import $ from 'jquery' 3.配置全局jQuery 在项目根目录下创建vue.co 阅读全文

posted @ 2020-05-18 14:51 漫思 阅读(3502) 评论(0) 推荐(0) 编辑

在vue-cli + webpack 项目中使用sass
摘要:1、准备工作: 由于npm的服务器在国外,网速慢而且安装容易失败,建议在安装之前,先安装国内的镜像,比如淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 2、安装vue-cli 全局安装 vue-cli cnpm 阅读全文

posted @ 2020-03-25 09:53 漫思 阅读(1045) 评论(0) 推荐(0) 编辑

ES6如何引入图片
摘要:Vue-cli脚手架引入图片的几个方法 1、import方法 第一步:在.vue文件中import edit from 'path'(path是图片与.vue的相对路径) 第三步:在template中 给标签绑定属性 最后刷新界面看效果就可以了! 2、static方法 第一步:图片放在static文 阅读全文

posted @ 2020-03-11 10:31 漫思 阅读(4598) 评论(0) 推荐(0) 编辑

高级前端面试题目大全(一)
摘要:第 1 题:(滴滴、饿了么)写 React / Vue 项目时为什么要在列表组件中写 key,其作用是什么? 1. 更准确 因为带key就不是就地复用了,在sameNode函数 a.key b.key对比中可以避免就地复用的情况。所以会更加准确。 2. 更快 利用key的唯一性生成map对象来获取对 阅读全文

posted @ 2020-03-05 09:41 漫思 阅读(23184) 评论(0) 推荐(0) 编辑

JavaScript (new)创建一个对象的过程
摘要:在JavaScript的世界中,对象Object的操作是比较灵活的,可以通过创建一个对象,来进行继承,拓展,而且对象的属性是极其容易拓展的。 所以创建一个对象实例流程可以是这样子的: function Person(name , age){ this.name = name; this.age = 阅读全文

posted @ 2020-02-08 21:38 漫思 阅读(2474) 评论(0) 推荐(0) 编辑

浏览器报Mixed Content错误的解决
摘要:正常来说一个网页中要么全部使用http,要么全部使用https 但是偶尔有些不完善的库自己会写死了调用的链接。 一个简单的方法是在网页的head下加入下面这句 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-r 阅读全文

posted @ 2020-01-07 17:41 漫思 阅读(1268) 评论(0) 推荐(0) 编辑

JS、C#编码解码
摘要:最近在项目中用到请求一个地址的时候,会传个JSON数据。刚开开始没什么问题,后来发现有特殊符号就会有问题,找到一些解决方案,在此记录下。 escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z encodeURI不编码字符有82个:!,#,$,&,',(,),*,+,,, 阅读全文

posted @ 2019-12-19 15:18 漫思 阅读(319) 评论(0) 推荐(0) 编辑

js 获取当前日期和时间
摘要://显示日期在页面上 yyy-MM-dd function init(){ var date=new Date(); //年 var year=date.getFullYear(); //月 var month=date.getMonth()+1; //日 var day=date.getDate( 阅读全文

posted @ 2019-12-17 21:53 漫思 阅读(3270) 评论(0) 推荐(0) 编辑

如何使用闭包形成计数器
摘要://闭包,返回生成新id的函数。 //2013-12 function geAppendNewId(){ var counter=1; function appendNewId(arr1) { //入参 arr1 = arr1 || []; $.each(arr1, function (i, ite 阅读全文

posted @ 2019-12-09 17:38 漫思 阅读(410) 评论(0) 推荐(0) 编辑

多次调用settimeout 如何使用单例模式
摘要:<script> function aaa() { window.counter = window.counter||1; console.log(window.counter); window.counter++; window.caonima= setTimeout('aaa()', 1000) 阅读全文

posted @ 2019-12-09 17:37 漫思 阅读(1152) 评论(0) 推荐(1) 编辑

导航