HSL521224-CSDN博客

转载 CSS盒子模型

当对一个文档进行布局（layout）的时候，浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型（CSS basic box model），将所有元素表示为一个个矩形的盒子（box）contentpaddingbordermargincontent，即实际内容，显示文本和图像boreder，即边框，围绕元素内容的内边距的一条或多条线，由粗细、样式、颜色三部分组成padding，即内边距，清除内容周围的区域，内边距是透明的，取值不能为负，受盒子的background属性影响margin。

2023-03-08 19:33:39 185

原创 Vue.js项目文件目录详解

README 顾名思义“读我”，其存在的意义便是让别人或着说开发者能更快更直观的了解项目，以便别人拿到项目源码后，能快速的了解项目的结构、技术栈、开发规范、运行和部署等。支持的文件，在执行npm install时，先读取package.json中的依赖，再读取package-lock.json中的版本号，从而来决定安装和更新。目录包含的算是我们真正的“源代码”了，也是我们开发的主战场即项目涉及到的页面、样式、脚本都集中在此编写。是项目的入口文件，作用是初始化 vue 实例，并引入所需要的插件。

2023-03-02 20:35:02 2062

原创 Vue.js复习

Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载等⼀系列过程，称这是Vue的⽣命周期。

2023-03-02 19:59:58 468

原创 Vue.js笔记

1.MVVN是什么MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开2.MVVM模式的组成部分：模型视图视图模型绑定器CMD命令是一种命令提示符，CMD是command的缩写，即命令提示符（CMD），位于C:\Windows\System32的目录下，是在OS/2，Win为基础的操作系统（包括Windows 2000和XP中，Vista中，和Server 2003）下的“MS-DOS

2022-11-26 15:18:18 505

原创 Node.js笔记-----fs模块

node提供了一个内置模块叫fs(filesystem),专门用来操作文件的.// const fs=reqrire('fs')(一般会定义一个变量名接收)fs.readFile('文件的路径',(err,data) => {fs.writeFile('文件的路径',写入的内容,err =>{可以读取一个文件的内容，也可以把内容写入到一个文件。如果读取成功，err为空，data里就会有读取的内容。不管是读取成功，还是读取失败，都会调用这个回调函数。如果成功err就为空，如果失败err就有值。

2022-10-23 10:53:29 171

原创 Vue.js笔记------事件

页面触发一个事件时,会按照一定的顺序来响应事件,事件的响应过程为事件流。事件冒泡阶段(bubbling phrase):事件由具体的元素先接收,然后逐级向上传播,直到不具体的元素;因此在事件捕获的概念下在button按钮发生click事件的顺序应该是document→html→bodv→div→button。事件冒泡和事件捕获分别由微软和网景公司提出,是为了解决页面中事件流(事件发生顺序)的问题。与事件冒泡相反,事件会从最外层开始发生,直到具体的元素。鼠标事件:使用鼠标在页面上执行某些操作时触发的事件。

2022-10-23 10:44:57 4254

原创 Node.js笔记-----编写程序化结构

JavaScript作为一门编程语言的要素，包括基本类型和变量、函数和对象等，都与其他编程语言无异。JavaScript的最大缺陷在于它是专门为了在浏览器中运行而设计的，在设计之初没有考虑到和I/o设备交互的情形。为了让JavaScript能够直接在本地机器上运行并利用所有资源，Node对门avaScript做了大量拓展。包括模块系统、文件系统、流处理以及多进程支持。【I/0设备】I-Input-输入/0-Output-输出。

2022-10-23 09:49:49 177

原创 Vue.js笔记------样式绑定

属性值:就是布尔值。如果为true,就代表有这个类名;false,代表没有。想要动态的设置class,也是给一个对象。

2022-10-23 09:05:16 56

原创 Node.js笔记------对象

1.内置对象:属于object对象，由js作者提前写好的对象，里面存储了一些属性和方法,直接拿来使用即可。for(let key in 对象名){ 对象名[key] }2.对象遍历：特殊的for-in循环(专门用于遍历对象)对象：无序存储(键值对)Boolean:boolean对象。2.对象作用：以键值对方式存储多个数据。Number: number对象。1.对象是什么：对象是一种复杂数据类型。String:string对象。Function:函数对象。2.Math: 数学对象。Array:数组对象。

2022-10-15 21:16:34 353

原创 Node.js笔记------作用域

作用域是运行时代码中某些特定部分中变量,函数和对象的可访问性。换句话说,作用域决定了代码中变量和其他资源的可见性。作用域就是一个独立的地盘,让变量不会外泄、暴露出去。作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突。ES6之前JavaScript没有块级作用域，只有全局作用域和函数作用域。ES6的到来,为我们提供了"块级作用域",可通过新增命令let和const来体现。

2022-10-15 21:01:23 320

原创 Vue.js笔记------计算属性

写在computed对象中的属性，本质上是一个方法，不过使用时依旧当属性来使用可以在里面写一些计算逻辑的属性。它不像普通函数自接返回结果，而是经过一系列计算之后再返回结果。同时只要在它当中应用了data中的某个属性，当这个属性发生变化时，计算属性可以嗅探到这种变化，并自动执行。定义: 要用的属性不存在,通过已有属性计算得来。

2022-10-15 20:38:25 105

原创 Node.js笔记------this指向和闭包

根据运行时的不同,this指向的对象有所区别。在绝大多数情况下,函数的调用方式决定了this的值。浏览器环境/全局环境下使用this:this指向window对象//Window//true概念闭包函数：声明在一个函数中的函数，叫做闭包函数。闭包：闭包是一种代码形式，内部函数访问外部函数的局部变量。内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回（寿命终结）了之后。

2022-10-15 19:31:56 470

原创 Vue.js笔记------缓存数据

LocalStorage生命周期是永久，这意味着除非用户在显示在浏览器提供的UI上清除localStorage信息,它解决了cookie存储空间不足的问题,每条cookie的存储空间为4K,localstorage一般为5M。b.目前所有的浏览器中都会被localStorage的值类型限定为string类型，4:cookie中的数据是有过期时间的,超过时间数据会被浏览器自动删除。5:cookie中的数据会随着请求被自动发送到服务器端。3:cookie中的数据是以域名的形式进行区分的。

2022-10-15 18:44:21 1323

原创 Node.js笔记------Map对象

Map对象用来保存键值对，并且能够记住键的原始插入顺序在Map对象中任何值(对象或者原始值)都可以作为一个键(任何数据类型)或一个值。一个Map对象在迭代时会根据对象中元素的插入顺序来进行 — 一个 for...of 循环在每次迭代后会返回一个形式为[key，value]的数组。所以说一定要知道顺序，这样在进行for...of迭代时，得到数组值的顺序就可以确定了。Set对象同理。

2022-09-30 16:54:33 4776

原创 Vue.js笔记------侦听器

1.侦听器的基本结构

2022-09-29 15:26:22 94

原创 node.js笔记------变量

1.声明一个块级作用域的本地变量。

2022-09-29 15:13:20 882

原创星期一笔记

3.Javascript时间转时间戳方法一：Date.now()可以获得当前的时间戳方法二：valueOf()通过valueOf()函数返回指定对象的原始值获得准确的时间戳值方法三：getTime()通过原型方法直接获得当前时间的毫秒值方法四：Number将时间对象转化为一个number类型的数值，即时间戳

2022-09-29 14:49:03 88