自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(73)
  • 收藏
  • 关注

原创 2.前端面试题之 CSS 篇

以 iPhone XS 为例,当写 CSS 代码时,针对于单位 px,其宽度为 414px & 896px,也就是说当赋予一个 DIV元素宽度为 414px,这个 DIV 就会填满手机的宽度;而如果有一把尺子来实际测量这部手机的物理像素,实际为 1242*2688 物理像素;经过计算可知,1242/414=3,也就是说,在单边上,一个逻辑像素=3个物理像素,就说这个屏幕的像素密度为 3,也就是常说的 3 倍屏。

2024-03-07 10:49:02 974

原创 1.前端面试题之 HTML篇

(1)新增语义化标签:nav、header、footer、aside、section、article(2)音频、视频标签:audio、video(3)数据存储:localStorage、sessionStorage(4)canvas(画布)、Geolocation(地理定位)、websocket(通信协议)(5)input标签新增属性:placeholder、autocomplete、autofocus、required移除的元素有:

2024-03-06 17:21:54 778

原创 CSS多行内容展开收起自动隐藏

CSS多行内容展开收起自动隐藏

2022-09-30 09:42:41 684

原创 Vue3中实现改变富文本中图片标签的样式以及点击图片放大功能

Vue3中实现改变富文本中图片标签的样式以及点击图片放大功能富文本(例子)vHtml.value = '<p><img src="https://static.yzou.cn//ue/D1B42C986C644AD9ACFD083BFFFCD093.png" title="" alt=""/></p>'富文本展示<div class="mask-v-html" v-html="vHtml" @click="imageEnlargement">

2022-05-11 11:46:46 1932

原创 Vue-router钩子函数的种类

Vue-router钩子函数的种类

2022-03-24 15:59:03 284

原创 Vue生命周期和小程序生命周期的区别

Vue生命周期和小程序生命周期的区别

2022-03-24 15:58:48 775

原创 ref和$refs的区别

ref和$refs的区别

2022-03-24 15:58:27 2621

原创 vue中是怎么实现父向子、子向父、兄弟之间的传值的?

vue中是怎么实现父向子、子向父、兄弟之间的传值的?

2022-03-24 15:58:03 261

原创 vue中computed和watch的区别是什么?

vue中computed和watch的区别是什么?

2022-03-24 15:57:43 304

原创 组件中的data为什么要定义成一个函数而不是一个对象?

组件中的data为什么要定义成一个函数而不是一个对象?

2022-03-24 15:57:11 1054

原创 v-for循环为什么一定要绑定key?

v-for循环为什么一定要绑定key?

2022-03-24 15:56:52 1303

原创 vuex的用法

vuex的用法

2022-03-24 15:56:27 129

原创 vue双向数据绑定的原理

vue双向数据绑定的原理

2022-03-24 15:55:21 223

原创 mvvm与mvc模型

mvvm与mvc模型

2022-03-24 15:54:32 336

原创 如何绘制一条0.5px的直线

如何绘制一条0.5px的直线

2022-03-14 11:09:37 539

原创 webpack的热更新原理

webpack的热更新原理

2022-03-14 11:09:23 157

原创 lodash的作用与常见API

lodash的作用与常见API

2022-03-14 11:08:45 1698

原创 webpack是什么?

webpack是什么?

2022-03-14 11:08:25 290

原创 json和jsonp的区别,ajax和jsonp的区别

json和jsonp的区别,ajax和jsonp的区别...

2022-03-14 11:08:11 234

原创 http的请求方式

http的请求方式

2022-03-14 11:06:58 168

原创 前端角度如何做好SEO

前端角度如何做好SEO

2022-03-14 11:06:36 399

原创 session、cookie、localstorage、sessionstorage的作用与区别

session、cookie、localstorage、sessionstorage的作用与区别

2022-03-14 11:05:57 236

原创 强缓存和协商缓存

强缓存和协商缓存

2022-03-14 11:05:30 383

原创 实现跨域的几种方法

实现跨域的几种方法

2022-03-14 11:05:05 3987

原创 网页的重绘与重排以及重构

网页的重绘与重排以及重构

2022-03-11 18:00:06 705

原创 防抖与节流的实现原理和区别

防抖与节流的实现原理和区别

2022-03-11 17:59:43 239

原创 图片的懒加载是怎么实现的

图片的懒加载是怎么实现的

2022-03-11 17:59:17 939

原创 常见的盒子垂直居中的方法

常见的盒子垂直居中的方法

2022-03-11 15:12:52 191

原创 数据类型的判断的方法以及它们的优缺点、区别

数据类型的判断的方法以及它们的优缺点、区别

2022-03-11 15:12:13 450 1

原创 常见的布局方法以及它们的优缺点

常见的布局方法以及它们的优缺点

2022-03-11 15:07:00 1923

原创 清除浮动的方法

清除浮动的方法

2022-03-11 15:06:35 84

原创 什么是BFC?

BFC(Block formatting context)直译为“块级格式化上下文”。BFC它是一个独立的渲染区域,只有Block-level box(块元素)参与,它规定了内部的Block-level box如何布局,并且与这个区域外部毫不相关。可以理解成:创建了 BFC的元素就是一个独立的盒子,里面的子元素不会在布局上影响外面的元素(里面怎么布局都不会影响外部),BFC仍属于文档中的普通流不是所有的元素,模式都能产生BFC。BFC的布局规则内部的Bo

2022-03-11 15:06:02 3912

原创 js事件委托(事件代理)的原理以及优缺点

js事件委托/事件代理的原理以及优缺点什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。也就是利用冒泡的原理,把事件加到父级上,触发执行效果。好处1: 提高性能我们可以看一个例子:需要触发每个li来改变他们的背景颜色。<ul id="ul"> <li>aaaaaaaa</li> <li&g

2022-03-01 16:40:14 8823

原创 js中的set与map

js中的set与map简述:Set 和 Map 主要的应用场景在于 数据重组 和 数据储存。Set 是一种叫做集合的数据结构,Map 是一种叫做字典的数据结构。集合 与 字典 的区别:共同点:集合、字典 可以储存不重复的值不同点:集合 是以 [value, value]的形式储存元素,字典 是以 [key, value] 的形式储存集合(Set):ES6 新增的一种新的数据结构,类似于数组,成员唯一(内部元素没有重复的值)。且使用键对数据排

2022-03-01 16:40:01 5699

原创 js实现数组排序

js实现数组排序冒泡排序 function arrSort(arr){ for(var i = 0;i<arr.length-1;i++){ for(var j = 0;j<arr.length-1-i;j++){ if(arr[j]>arr[j+1]){ var temp ; temp = arr[j+1];

2022-03-01 16:39:34 340

原创 js数组去重方法

js数组去重方法for循环嵌套,利用splice去重:此方法是比较常用的方法之一,也是es5中比较实用的方法之一。话不多说,上代码:function newArr(arr){for(var i=0;i<arr.length;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[i]==arr[j]){ //如果前者等于后者,splice方法删除后者 arr.splice(j,1);

2022-03-01 16:39:17 97

原创 什么是递归,递归有哪些优点和缺点?

什么是递归,递归有哪些优点和缺点?递归: 直接或间接调用自身算法的过程使用递归的条件:子问题为同类事物,且更简单必须有个出口优点:代码简洁符合思维习惯,容易理解缺点:效率较低递归层次太深,耗内存且容易栈溢出一定要使用的话,最好使用缓存避免相同的计算,限制递归调用的次数举个例子(0-100求和)方法一function sumFunc(num, start) { num += start start++; if (start >

2022-03-01 16:39:01 2924

原创 js中的this的指向

js中的this的指向this指向详情解析在普通函数中,this指向window function fn() { console.log(this); // window } fn(); // window.fn(),此处默认省略window在构造函数中,this指向创建的对象 function Person(age, name) { this.age = age; this.name = name co

2022-03-01 16:38:45 112

原创 js中常见的继承

js中常见的继承原型链继承// 1.原型链继承/* 缺点:所有属性被共享,而且不能传递参数*/function Person(name,age){ this.name = name this.age = age}Person.prototype.sayName = () =>{ console.log(this.name)}function Man(name){}Man.prototype = new Person()Man.prototype

2022-03-01 16:38:26 93

原创 js中的闭包

js中的闭包闭包的定义闭包是指有权访问另一个函数作用域中变量的函数。创建闭包的最常见的方式就是在一个函数A内创建另一个函数B,通过函数B访问函数A的局部变量。(js高级教程)手写一个简单的闭包function f1() { var n = 999; function f2() { console.log(n); } return f2;}var result = f1();result(); // 999上面代码中,函数f1的返回值就

2022-03-01 16:38:12 134

空空如也

空空如也

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

TA关注的人

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