- 博客(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
原创 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
原创 session、cookie、localstorage、sessionstorage的作用与区别
session、cookie、localstorage、sessionstorage的作用与区别
2022-03-14 11:05:57
236
原创 什么是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关注的人