自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 问答 (1)
  • 收藏
  • 关注

原创 instanceof操作符的实现原理

首先要知道instanceof是用来判断构造函数的prototype属性是否出现在原型链上的任何位置。(沿着原型链向上查找)也就是说A instanceof B判断B的prototype属性指向的原型对象(B.prototype)是否在对象A的原型链上。如果A的原型链经过B的原型对象(B.prototype),那么A instanceof B就会判断为true。所以构造函数的prototype属性指向它的原型对象,构造函数的实例的_proto_属性也指向该原型对象。而且每个对象都有_proto_属.

2021-07-26 11:28:09 318

原创 04前端面试复盘

路由导航守卫控制访问权限设置eslint 格式化代码webpackless和less-loaderLess是CSS预处理语言,扩展了CSS语言,增加了变量、Mixin、函数等特性,Less-loader的作用就是将less代码转译为浏览器可以识别的CSS代码。vuevue-router导航守卫vue-router 提供的导航钩子主要用来拦截导航,让它完成跳转或取消。导航守卫分为: 全局的、单个路由独享的、组件内的三种。全局路由触发路由就会触发这些钩子函数router.be.

2021-07-20 22:36:06 93

原创 03JavaScript和vue面试复盘

文章目录vuevue生命周期父子组件生命周期执行顺序vue里面路由传参的方式,平行组件通过路由怎么跳转在vue层面,怎么控制页面的渲染性能双向数据绑定原理v-show和v-if的区别样式框架element-UI组件库less预处理器的特性,用到的变量sassvuex核心内容工作流程state是怎么改变的,如何修改css媒体查询是怎么实现的实现一个固定列宽,随着容器的宽度来自定义列数,同时屏幕两侧不留白。flex布局和grid布局的区别,哪一个更好用JavaScript防抖节流是怎么实现的async函数和pr

2021-07-19 17:48:23 168 2

转载 JavaScript模块化的实现

目前主流的JavaScript模块化实现的技术以及它们之间的区别CommonJSNodeJS是commonJS的主要实践者,有四个环境变量module,exports,require,global为它提供支持,实际使用时,用module.exports导出模块(定义当前模块对输出的接口),require加载模块。commonJS使用同步的方式加载模块,在本地时,因为模块文件储存在磁盘中,读取速度很快,所以没有问题,但是在浏览器中,因为网络的问题,所以更合理的方法是采用异步的方法。-暴露方法>

2021-07-01 23:41:32 136

原创 02前端面试复盘

文章目录vuevue全家桶有哪些vue脚手架Vuex 的使用和五个核心vue路由两种模式的区别以及使用场景组件通信vue父子组件生命周期执行顺序vue的生命周期computed和watch的区别,以及使用场景$nextTick原理以及使用场景浏览器原理http缓存方式浏览器存储方式浏览器缓存机制JavaScript数组遍历方法有哪些在map中和for中调用异步函数的区别promise和settimeout,setinterval的区别promise三种状态代码死循环css如何设置背景透明使用rgba和opa

2021-06-30 23:37:06 246 3

原创 01前端面试复盘

文章目录css盒模型CSS3动画transition和animation的区别伪类和伪元素canvas画布canvas和svg的区别水平垂直居中的实现flex布局重排和重绘JavaScriptJavaScript数据类型函数声明(变量)提升event loop运行机制防抖节流常见的数组方法原型和原型链ES6新增语法class类箭头函数和普通函数的区别对象和数组的解构proxy实现的功能promise的理解,以及promise.all(异步编程)面向对象递归的形式以及停止的条件vue双向数据绑定的原理虚拟DO

2021-06-24 12:23:43 149

原创 JavaScript基础语法

JavaScript作用:表单动态校验网页特效服务端开发桌面程序app控制硬件-物联网游戏开发JavaScript组成:JavaScript语法、dom(文档对象模型)、bom(浏览器对象模型)JavaScript输入输出语句:alert()浏览器弹出警示框console.log()浏览器控制台打印输出信息prompt()浏览器弹出输入框,用户可以输入,默认的是字符型变量:就是用于存放数据的容器。也就是程序在内存中申请一块用来存放数据的空间。变量的使用:声明变量;赋值JavaS

2020-08-22 23:00:25 115

原创 移动web开发布局方式

传统的盒子模型=width+padding+borderCSS3盒子模型的width包含了padding和border。如果想变成CSS3盒子,需要添加box-sizing:border-box。流式布局(百分比布局)通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。可以设置最大值和最小值宽度和高度。flex布局原理:通过给父盒子添加flex属性,来控制子盒子的位置和排列方式。任何一个容器都可以指定为Flex布局。当我们的父盒子为flex布局时,子元

2020-08-20 13:14:13 97

原创 H5C3

H5新增语义标签新增表单,表单属性CSS3属性选择器结构伪类选择器其中n可以是奇数(even)偶数(odd),也可以是公式、数字。伪元素选择器before和after必须有content属性before和after创建一个元素,但是属于行内元素因为在dom里面看不见按创建的元素,所以称为伪元素伪元素和标签选择器一样,权重为12D转换transform移动:translate移动盒子的位置:定位、盒子的外边距、2D转换移动注意 translate不会影响其他元素

2020-08-16 15:49:51 100

原创 CSS(三)

制作网页图标剪切出来一个图片,可以通过比特充(https://www.bitbug.net/)网站转换成图标。把图标放在根目录下面;在head标签之间添加<link rel="shortcut icon" href="favicon.ico" >网站优化三大标签title、description、keywords字体图标下载字体图标网站阿里icon font字体库icomoon字体库...

2020-08-15 09:51:52 68

原创 css(二)

CSS属性书写顺序布局定位属性:display、position、float、clear、visibility、overflow自身属性:width、height、margin、padding、border、background文本属性:color、font、text-decoration、text-align、vertical-align、white-apace、break-word其他属性:content、cursor、border-radius、box-shadow、布局流程先确定版

2020-08-11 14:02:42 113

原创 css(一)

CSS样式方法的区别CSS选择器通俗的讲就是把标签选择出来。id选择器和类选择器的区别,id是具有唯一性,类选择器可以多次使用。

2020-08-08 22:20:48 64

原创 HTML(一)

web标准web标准主要是由结构、表现、行为三个方面组成。HTML标签

2020-08-06 21:33:27 82

原创 正则表达式

字面量字符字面量字符就是说字面的意思,匹配的就是完全展示出来的字符,例如:/dog/匹配dog。元字符点字符匹配除了回车(\r)、换行(\n)、行分隔符(\u2028)、段分隔符(\u2029)位置字符^表示字符串开始匹配的位置$表示字符串结束匹配的位置选择符在正则表达式中表示的是”或“的意思,匹配其中一个就为true特殊字符\cX 表示Ctrl-[X],其中的X是A-Z之中任一个英文字母,用来匹配控制字符。[\b] 匹配退格键(U+0008),不要与\b混淆。\n 匹配

2020-07-29 16:37:09 1169

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除