自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 CSS预处理器 Less

CSS 是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念。而Less在CSS 的语法基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化了 CSS 的编写,并且降低了 CSS的维护成本,使 CSS 更易维护和扩展。LESS 既可以在 客户端 上运行 ,也可以借助。Less(LeanerStyle Sheets )是一门 CSS扩展语言,也成为CSS预处理器。注意:结构选择器、伪类选择器等在less时需要注意要用&连接。.js在服务端运行。(1) 基本嵌套规则。

2023-08-08 22:18:20 132

原创 盒子模型及其浮动、定位属性

3.每个元素的margin box的左边, 与包含块border box的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。BFC只是一个规则,浮动不会影响其它BFC中元素的布局,而清除浮动只能清除同一BFC中在它前面的元素的浮动,一个完整的网页,是标准流、浮动、定位一起完成布局的,每个都有自己的专门用法。浮动的元素只会压住它下面标准流的盒子,但是不会压住下面标准流盒子里面的文字(图片)会产生。5.BFC就是页面上的一个隔离的独立容器,容器里面的子元素不影响外面的元素。

2023-08-02 13:06:31 345

原创 盒子居中方法总结

使用例子的基础结构。

2023-08-01 11:11:11 807 1

原创 什么是闭包?

闭包是指有权访问另一个函数作用域中变量的函数,具有以下特点: 在《JavaScript权威指南》中就讲到:从技术的角度讲,所有的JavaScript函数都是闭包。因为它们都在创建的时候就将上层上下文的数据保存起来了。哪怕是简单的全局变量也是如此,因为函数中访问全局变量就相当于是在访问自由变量,这个时候使用最外层的作用域。 创建闭包的最常见的方式就是在一个函数内创建另一个函数,创建的函数可以访问到当前函数的局部变量。如下: 首先我们分析一下这段代码中执行上

2023-07-17 11:42:06 114 1

原创 作用域与作用域链

作用域是指程序源代码中定义变量的区域,规定了如何查找变量,也就是确定当前执行代码对变量的访问权限。通俗的讲,作用域就是一套规则,用于确定在何处以及如何查找某个变量的规则。

2023-07-16 17:57:06 73 1

原创 原型链理解

所有对象都有一个_proto_属性,指向它构造函数的prototype所有函数都有一个prototype属性,用来存放实例对象的共有属性和方法的公共对象所有prototype和_proto_都有一个constructor属性,均指向创建对象的构造函数本身原型链又叫隐式原型链,是由__proto__属性串联起来,原型链的尽头是Object.prototype。

2023-07-15 17:00:27 69 1

原创 this 指向问题

注:在JavaScript中,this 是一个关键字,this永远指向函数的最终调用者。

2023-07-13 15:31:36 74 1

原创 ES6一Set 、Map数据结构

Set、Map是ES6中新增的两种集合类型,用于在不同的场景中发挥作用。

2023-07-12 20:11:36 172 1

原创 Uncaught TypeError: Cannot read properties of undefined (reading ‘getBoundingClientRect‘)

应该是你在某个页面内绑定了window滚动事件,this.$refs.more是该页面下才能获取到该div对象,切换页面时window绑定的事件还在,但页面销毁,页面中的this.$refs.more找不到就报错了。2.组件销毁的时候解除监听。使用 ref 为 div 元素赋予一个ID引用 "more"绑定滚动事件,获取该 div 距浏览器窗口顶端的距离。:1.使用该属性前先添加该div对象是否存在的判断;

2023-07-10 17:49:18 5691 1

原创 js获取屏幕、浏览器、页面的宽度和高度

window、document.body和document.documentElement区别window是浏览器的窗口,他是一个顶层对象,保存着 DOM,BOM,核心JS 等所有内容,而不是另一个对象的属性; document对象是window的子属性,是当前显示于窗口或框架内的一个文档。 documentElement是整个节点树的根节点root,即<html>; body是DOM对象里的body子节点,即body标签,包含在<html>内部; 在标准浏览器里面,h

2023-07-06 11:49:23 3057 1

原创 浏览器缓存机制

一个数据请求可以分为三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求,减少客户端和服务器之间的请求次数,或者发起了请求但后端存储的数据和前端一致,那么就没有必要再将数据回传回来,这样就减少了响应数据,减少网络负荷。总之浏览器缓存可以减少带宽、减少客户端和服务器之间通信的时延,提高性能和用户体验。具体过程如下:浏览器每次发起请求,都会先在浏览器缓存中查找该以及浏览器每次拿到返回的请求结果都会将该结果和缓存标识存入浏览器缓存中。和。

2023-07-02 17:03:32 374 1

原创 JS中几种包含for的遍历方式

【代码】JS中几种包含for的遍历方式。

2023-06-30 18:22:12 237

原创 Git常用基本指令

shortname为本地设置连接远程仓库名称,url为自己的远程仓库链接,以 Github 为例,请根据你在 Github 创建的仓库里复制链接。其实就是 git fetch 和 git merge FETCH_HEAD 的简写,以上命令相当于以下命令。命令后,Git 仓库会生成一个 .git 目录,该目录包含了资源的所有元数据,其他的项目目录保持不变。Git 的工作就是创建和保存你项目的快照及与之后的快照进行对比。Git 的很多命令都需要在 Git 的仓库中运行,所以。五. 查看仓库当前的状态。

2023-06-30 17:47:37 77

空空如也

空空如也

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

TA关注的人

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