![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 66
Sòrry╮
这个作者很懒,什么都没留下…
展开
-
【计算机网络】127.0.0.1、0.0.0.0、localhost地址是什么?
127.0.0.1、0.0.0.0、localhost地址是什么?原创 2023-04-12 16:15:37 · 4386 阅读 · 6 评论 -
【微信小程序】如何上传uniApp开发的微信小程序?
上传uniApp开发的微信小程序原创 2022-12-01 18:19:40 · 2134 阅读 · 0 评论 -
【前端】正则表达式知识点
目录第一章 正则表达式字符匹配攻略1 两种模糊匹配1.1 横向模糊匹配1.2 纵向模糊匹配贪婪匹配和惰性匹配`.*`和`.*?`的不同:第二章 正则表达式位置匹配攻略1. 什么是位置呢?2. 如何匹配位置呢?2.1 ^和$2.2 \b和\B2.3 (?=p)和(?!p)第4章 正则表达式回溯法原理第5章 正则表达式的拆分1 字符组中的元字符2 匹配“[abc]”和“{3,5}”3 其余情况第6章 正则表达式的构建1 使用具体型字符组来代替通配符,来消除回溯2 使用非捕获型分组3 独立出确定字符4 提取分支公原创 2021-12-30 18:17:50 · 712 阅读 · 0 评论 -
移动端高清、多屏适配方案
【原创】移动端高清、多屏适配方案原创 2021-12-29 16:47:47 · 214 阅读 · 0 评论 -
【前端】浏览器展示页面的渲染流程,重排、重绘和合成
这里写目录标题渲染流程生成DOM树:生成CSSOM树:生成布局树:生成分层树(LayerTree):分块:栅格化:绘制:相关概念重排(回流)重绘合成显示显卡显示器显示过程:帧 VS 帧率卡顿Chrome浏览器是怎么实现合成操作的?渲染流程生成DOM树:输⼊HTML⽂件,由HTML解析器解析,输出树状结构的DOM。生成CSSOM树:渲染引擎接收到CSS⽂本,执⾏转换操作,将CSS⽂本转换为浏览器可以理解的结构——styleSheets。该结构同时具备了查询和修改功能,这会为后⾯的样式操作提供原创 2021-12-08 17:16:55 · 1269 阅读 · 0 评论 -
【CSS】浏览器合成层的生成方式及其优缺点
可以拥有渲染层的元素渲染层(RenderLayer)浏览器会为其创建新的渲染层的元素渲染层(RenderLayer)这是浏览器渲染期间构建的第一个层模型,处于相同坐标空间(z轴空间)的渲染对象,都将归并到同一个渲染层中,因此根据层叠上下文,不同坐标空间的的渲染对象将形成多个渲染层,以体现它们的层叠关系。所以,对于满足形成层叠上下文条件的渲染对象,浏览器会自动为其创建新的渲染层。浏览器会为其创建新的渲染层的元素能够导致浏览器为其创建新的渲染层的,包括以下几类常见的情况:根元素 document原创 2021-11-29 11:56:09 · 1107 阅读 · 0 评论 -
【前端】URL格式
URL格式 URL组成结构原创 2021-11-18 16:01:20 · 600 阅读 · 0 评论 -
【前端】从输入URL到页面展示,这中间发生了什么?(内含面试回答版本)
从输入URL到页面展示,这中间发生了什么?浏览器进程,渲染进程和网络进程的主要职责,内含面试回答版本原创 2021-11-17 18:18:20 · 1068 阅读 · 0 评论 -
【CSS】伪类和伪元素, 伪元素用双冒号还是单冒号? 兼容各浏览器的placeholder样式的写法(MDN最新内容)
伪类和伪元素, 伪元素用双冒号还是单冒号? 兼容各浏览器的placeholder样式原创 2021-11-10 17:38:37 · 630 阅读 · 0 评论 -
模块化:CMD、AMD、CommonJS
文章地址:模块化:CMD、AMD、CommonJSCommonJSCommonJS是服务器端模块的规范,由Node推广使用,webpack也采用这种规范编写commonJs规范:CommonJS模块规范主要分为三部分:模块定义、模块标识、模块引用。模块定义:module对象:在每一个模块中,module对象代表该模块自身。 export属性:module对象的一个属性,它向外提供接口。输出模块变量的最好方法是使用module.exports对象。一个单独的文件就是一个模块。每一个模块都是一个单独的原创 2021-10-22 15:38:02 · 144 阅读 · 0 评论 -
【CSS】css中margin为负时的变化
inline元素、inline-block元素在float、position:fixed、position:absolute之后出现的问题结论:使用float:right; position:fixed; position:absolute; 时行内元素会变成块级元素,即使把其display强行设置为inline-block,其display属性依然为block。absolute绝对定位的inline-block化实例页面结论:默认块级元素占满其父级宽度,width默认为100%;将其绝对定位之原创 2021-09-26 17:46:12 · 61 阅读 · 0 评论 -
【VUE】vue中var()函数的使用,设置变量并运用到样式中
Vue中var()函数的使用代码,设置默认的样式变量,兼容性原创 2021-09-26 17:45:12 · 2842 阅读 · 0 评论 -
默认宽度width: 100%与width: auto的区别
width: 100%-width: auto-区别原创 2021-09-17 11:23:33 · 119 阅读 · 0 评论 -
各种闭包的实现
基本:function test() { var a = 1 function test1() { a++ console.log(a) } return test1}var add = test()add()add()add()使用window传值:function test() { var a = 1 function test1() { a++ console.log(a) } window.add = test1}test原创 2021-09-15 10:42:01 · 109 阅读 · 0 评论 -
for循环内的执行顺序
for (语句 1; 语句 2; 语句 3) { 循环体}let i = 0;function fun (i) { console.log(i, '语句2:判断是否执行') return i < 3}for (console.log(i, '语句1:全部循环开始前');fun(i);console.log(i++,'语句3:执行之后')) {console.log(i, '循环体:执行')};0 "语句1:全部循环开始前"0 "语句2:判断是否执行"0 "原创 2021-08-30 16:51:10 · 459 阅读 · 0 评论 -
CSS中media的最全用法格式总结!
目录media的定义和使用给引用样式整体设置media给部分样式设置mediamedia条件总结media的定义和使用使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。给引用样式整体设置media格式为:media=条件 ,url('style.css') 条件<link> 标原创 2021-06-04 13:39:04 · 6123 阅读 · 0 评论 -
怎么消除margin重叠,BFC触发,BFC是什么?
目录margin重叠现象margin值计算方法:消除margin重叠:BFC布局规则如何触发BFCmargin重叠现象两个或多个块级盒子的垂直相邻边界会重合。margin值计算方法:a、全部都为正值,取最大者;b、不全是正值,最大正值+最小负值;c、没有正值,零+最小负值。消除margin重叠:1.在重叠的margin之间插入border,padding;2.使用BFC是页面上独立容器的特性触发BFC。BFC布局规则内部的Box会在垂直方向,一个接一个地放置。Box垂直方向的距离由原创 2021-05-25 11:57:15 · 310 阅读 · 0 评论 -
JS的Date函数Date方法的相关汇总
目录一、常用date方法二、Date函数1.获取当前年月日2.获取当前时间3.获取给定时间戳的时间4.获取当前时间前后的时间5.获取当前年份前后的年份6.获取当前时间的前一个小时时间7.将时间分隔符去除8.开始日期到截至日期的天数三、方法注意点1.getYear和getFullYear两种方法返回区别2.getMonth获取月份需要加13.getDay获取当前星期X(0-6),0代表星期天4.getHours、getMinutes 、getSeconds、getMilliseconds,获取小时数、分钟数、原创 2021-03-20 17:33:15 · 4019 阅读 · 0 评论 -
iconfont的多种引用方法及其对比
目录对比图svg等图片格式的区别对比图名称兼容性多色图标支持样式修改unicodeIE6+×字体方式,通过修改font-size;color 改变大小颜色font-classIE8+×同上,并且可以修改class里unicode引用来替换图标SymbolIE9+√同上上svg等图片格式的区别svg等图片格式的区别...原创 2021-03-20 16:13:10 · 237 阅读 · 0 评论 -
JavaScript正则表达式需要转义的字符
转义的各种情况⭐可无脑转义元字符: ^ $ . * + ? | \ / ( ) [ ] { } = ! : - ,⭐^ $ . * + ? | \ / ( ) [ ] 等字符,不在字符组内,都需要转义✅字符组内需要转义的字符: \^ \- \[ \] \\✅要匹配字符串"[abc]",只需要转义左方括号——[✅要匹配字符串"{abc}",只需要转义左大括号——{✅括号,即(),需要前后括号都转义✅正向先行断言和负向先行断言,即(?=p)和(?!p)中,转译?和=或?和!✅非捕获分组,即(?:p)中,转译?和原创 2021-03-04 19:02:21 · 12468 阅读 · 4 评论