PvemiYHL9-优快云博客

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