自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 封装数据懒加载

数据懒加载

2022-09-15 08:56:28 132

原创 Vue入门(介绍、挂载点、插值表达式)

1.1. vue是一个JavaScript框架, 1.2. vue是一个构建页面用户的框架, 1.3. vue是一个用于构建用户界面得 2.1. Vue.js提供了很多功能 ,但这些功能并不是集成在一起的,而是分开的。 2.2. 在项目中我们用到什么,就导入什么 2.3. Vue就相当于是一个五星级自助餐,我们想要用什么就拿什么,这样可以最大限度的避免浪费资源总结: 1.Vue是一个JavaScri

2022-07-08 21:27:38 803

原创 this指向

this指向简单的来说就是 谁调用我 我就指向谁。 2.事件绑定中的this的指向事件绑定中的this指向的就是事件源 普通函数中this指向就是看前面有没有点,有点的话this就指向谁。 如果没有点 this就指向window 闭包中的this指向 默认指向window 回调函数中this 指向window 6.箭头函数中的this 箭头函数中没有自己的this,所用到的this都是上下文中的this箭头函数可以保留this的指向,因为它本身没有。 当一个函数用作构造函数时

2022-07-03 11:22:06 151

原创 深拷贝和浅拷贝

首先浅拷贝和深拷贝只针对想Object,Array这样的复杂对象,简单来说,浅拷贝只复制一层对象的属性,二深拷贝则复制了所有的层级。对于字符串类型,浅复制是对值的复制,对于对象来说,浅复制是对对象地址的复制,并没 有开辟新的栈,也就是复制的结果是两个对象指向同一个地址,修改其中一个对象的属性,则另一个对象的属性也会 改变,而深复制则是开辟新的栈,两个对象对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性。 修改对象中的简单数据类型的值 另一个不会发生改变修改复杂数据类型中的值 另一个也会跟

2022-06-16 21:47:32 1164

原创 面向对象 和 原型链

面向对象编程是一种程序设计思想,它具有 3 个显著的特征:封装、继承、多态。同样的将变量和函数组合到了一起并能通过 this 实现数据的共享,所不同的是借助构造函数创建出来的实例对象之间是彼此不影响的。总结:构造函数体现了面向对象的封装特性构造函数实例创建的对象彼此独立、互不影响命名空间式的封装无法保证数据的独立性 继承 : 就是一个(子) 对象 继承另一个(父) 对象 的成员原型继承:把 作为 构造函数的 原型。使用他里面的属性和方法。就是把一个father对象 添加到另一个son对象的构造函数中

2022-06-14 16:57:08 144

原创 JavaScript -入门(初阶一)

JavaScript简介 1.JavaScirpt是什么? JavaScirpt是一种运行在浏览器的编程语言,可以实现人机交互的效果。 作用: 网页特效(监听用户的行为让浏览器做出反馈) 表单验证 (针对表单数据的合法性进行判断) 数据交互 (获取后台的数据, 渲染到前端) 服务端编程 (node.js) 2.JavaScript组成是什么? ECMAScript,web APIs(Dom,Bom) 3.JavaScript 书写位置 1.内部引入样式 直接写在html文件中 用&l

2022-05-21 21:38:53 283

原创 BootStarp栅格系统

Bootstrap Bootstrap 是由 Twitter 公司开发维护的前端 UI 框架,它提供了大量编写好的 CSS 样式,允许开发者结合一定 HTML 结构及JavaScript,快速编写功能完善的网页及常见交互效果。 中文官网: Bootstrap中文网 下载安装包。 开发中,我们都是按需导入,简单理解,需要用到啥,我们复制那个文件,没有必要都放入,提高性能。 使用步骤: 1.复制css文件 :引入到html中 <link rel="stylesheet" href=

2022-05-20 14:48:28 337

原创 还不会用LESS? 这一篇文章教你使用

Less介绍: 1.CSS预处理器,让CSS具备逻辑和计算能力 (可以理解为升级版的css)。 2.浏览器和网页不识别less,目前需要将less文件导出CSS文件,HTML引入CSS文件。 Less的使用: 在Vscode(扩展)中下载Easy Less Less的导入: 1.@import './变量.less'; 2.@import url(./变量.less); Less的导出: 控制所有Less导出路径 修改EasyLess插件 1. 设置 → 搜索......

2022-05-16 21:29:45 729 1

原创 CSS Flex布局 (弹性布局)(圣杯布局)

Flex布局(弹性布局)的特点 1.浏览器提倡的布局模型,页面渲染性很高。 2.布局简单,方便。 3.可以避免浮动脱标的问题。 4.兼容性高(不兼容低版本的浏览器) Flex布局模型构成 设置方式: 给父元素设置display:flex,子元素可以自动的挤压或拉伸; 组成部分 1.弹性容器(父级,添加了display:flex的盒子) 2.弹性盒子(子级) 3.主轴(默认水平) 4.侧轴 / 交叉轴(默认垂直) 主轴对齐方式 justify-content: flex-star

2022-05-14 20:08:49 660 1

原创 Css字体图标

字体图标: 字体图标展示的是图标,本质是字体。 用来处理简单的、颜色单一的小图标。 字体图标的优点: ①.可以灵活的修改样式,字体大小等。 ②.体积小,可以降低服务器请求的次数。 ③.几乎兼容所有主流浏览器,使用简便。 总结 1.遇到一些结构和样式比较简单的小图标,就用字体图标。 2.如果遇到一些结构和样式比较复杂的小图片,就用精灵图 字体图标的使用 ①.Icommoon ②.阿里巴巴字体库 (常用) 下载字体包 阿里巴巴字体库:https://www.iconfont.cn/ .

2022-05-11 22:38:35 1056 1

空空如也

空空如也

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

TA关注的人

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