八股文
HTML篇1.src和href的区别
src属性在HTML标签中用于加载外部资源,其行为和效果取决于所使用的标签类型。通常情况下,它被用于加载图片、脚本、框架、音频和视频等外部资源。
href属性在HTML标签中用于创建超链接或引入外部样式表,其行为和效果取决于所使用的标签类型。通常情况下,它被用于创建超链接或引入外部样式表,以实现页面间的导航或样式的引入。
区别:
适用标签不同:
src属性通常用于<img>、<script>、<iframe>、<audio>和<video>等标签,用于嵌入外部资源。
href属性通常用于<a>、<link>和<base>等标签,用于创建超链接或引入外部样式表。
加载行为不同:
对于src属性,浏览器会立即加载指定的资源,它会阻塞页面的加载,直到资源加载完成。
对于href属性,它指定的资源通常在用户与页面交互时加载,不会阻塞页面的加载。
替换内容不同:
src属性会替换元素原本的内容,例如,一个<img>标签的src属性指向的图片 ...
scss
SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。也就是说,任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件
SCSS传统的css文件缺失变量等概念,导致需要书写的重复的代码很多,但css中不存在变量函数等概念,这时发现的一个css的预编译利器——scss
1.使用变量SCSS中的变量以$开头
12345$border-color:#aaa; //声明变量.container {$border-width:1px; border:$border-width solid $border-color; //使用变量}
上述例子中定义了两个变量,其中$border-color在大括号之外称为全局变量,顾名思义任何地方都可以使用,$border-width是在.container之内声明的,是一个局部变量,只有.container内部才能使用。
编译后:
123.container { border:1px solid #aaa; //使用变量}
tips:SC ...
Uniapp学习
一、组件学习1.1 view组件视图容器
它类似于传统html中的div,用于包裹各种元素内容。
1.1.1 属性
属性名
类型
默认值
说明
hover-class
String
none
指定按下去的样式类。当 hover-class=”none” 时,没有点击态效果
hover-stop-propagation
Boolean
false
指定是否阻止本节点的祖先节点出现点击态,App、H5、支付宝小程序、百度小程序不支持(支付宝小程序、百度小程序文档中都有此属性,实测未支持)
hover-start-time
Number
50
按住后多久出现点击态,单位毫秒
hover-stay-time
Number
400
手指松开后点击态保留时间,单位毫秒
1.1.2 使用举例
1.2 text组件文本组件。用于包裹文本内容。
1.2.1 属性
属性名
类型
默认值
说明
平台差异说明
selectable
Boolean
false
文本是否可选
user-select
Boolean
false
文本是否可选
微信小程序
...
会话控制
会话控制一、介绍所谓会话控制就是 对会话进行控制
HTTP 是一种无状态的协议,它没有办法区分多次的请求是否来自于同一个客户端, 无法区分用户
而产品中又大量存在的这样的需求,所以我们需要通过 会话控制 来解决该问题
常见的会话控制技术有三种:
cookie
session
token
二、cookie2.1 cookie 是什么cookie 是 HTTP 服务器发送到用户浏览器并保存在本地的一小块数据
cookie 是保存在浏览器端的一小块数据
cookie 是按照域名划分保存的
2.2 cookie 的特点
浏览器向服务器发送请求时,会自动将 当前域名下 可用的 cookie 设置在请求头中,然后传递给服务器
这个请求头的名字也叫 cookie ,所以将 cookie 理解为一个 HTTP 的请求头也是可以的
2.3 cookie 的运行流程填写账号和密码校验身份,校验通过后下发 cookie
有了 cookie 之后,后续向服务器发送请求时,就会自动携带 cookie
2.4 浏览器操作 cookie浏览器操作 cookie 的操作,使用相对较少
禁用所有 coo ...
接口
接口一、简介1.1 接口是什么接口是 前后端通信的桥梁
简单理解:一个接口就是 服务中的一个路由规则 ,根据请求响应结果
接口的英文单词是 API (Application Program Interface),所以有时也称之为 API 接口
1.2 接口的作用实现 前后端通信
1.3 接口的开发与调用大多数接口都是由后端工程师开发的, 开发语言不限
一般情况下接口都是由 前端工程师 调用的,但有时 后端工程师也会调用接口 ,比如短信接口,支付接口等
1.4 接口的组成一个接口一般由如下几个部分组成
请求方法
接口地址(URL)
请求参数
响应结果
二、RESTful APIRESTful API 是一种特殊风格的接口,主要特点有如下几个:
URL 中的路径表示 资源 ,路径中不能有 动词 ,例如 create , delete , update 等这些都不能有
操作资源要与 HTTP 请求方法 对应
操作结果要与 HTTP 响应状态码 对应
三、json-serverjson-server 本身是一个 JS 编写的工具包,可以快速搭建 RESTful API 服务
官方地 ...
记录第一次项目上传github
第一次上传项目先在本地初始化git仓库1git init //在项目文件夹进行
将本地文件全部添加到仓库1git add *
将文件提交到仓库1git commit -m "first commit"
在github建立一个仓库要注意仓库默认分支现在都为main,而git上都为master,所以把地址仓库名替换为main
1git branch -m master main
本地与远程仓库建立连接1git remote add origin "项目地址.git"
最后推送项目1git push -u origin main
在这一步遇到两个问题:**1.git错误 **error: failed to push some refs to https://github.com/…
问题原因:远程库与本地库不一致造成的,在hint中也有提示把远程库同步到本地库就可以了。
解决办法:使用命令行:
1git pull --rebase origin main
该命令的意思是把远程库中的更新合并到(pull=fetch+merge ...
MongoDB
一、简介1.1 Mongodb 是什么MongoDB 是一个基于分布式文件存储的数据库,官方地址 https://www.mongodb.com/
1.2 数据库是什么数据库(DataBase)是按照数据结构来组织、存储和管理数据的 应用程序
1.3 数据库的作用数据库的主要作用就是 管理数据 ,对数据进行 增(c)、删(d)、改(u)、查(r)
1.4 数据库管理数据的特点相比于纯文件管理数据,数据库管理数据有如下特点:
速度更快
扩展性更强
安全性更强
1.5 为什么选择 Mongodb操作语法与 JavaScript 类似,容易上手,学习成本低
二、核心概念Mongodb 中有三个重要概念需要掌握
数据库(database) 数据库是一个数据仓库,数据库服务下可以创建很多数据库,数据库中可以存放很多集合
集合(collection) 集合类似于 JS 中的数组,在集合中可以存放很多文档
文档(document) 文档是数据库中的最小单位,类似于 JS 中的对象
大家可以通过 JSON 文件来理解 Mongodb 中的概念
123456789101112131415161 ...
Node.js学习
一、学习内容
为框架学习打下基础
二、Node.js注意事项:不能使用浏览器的api
进程和线程概念
三、BufferBuffer(缓冲器)
一、 概念Buffer 是一个类似于数组的 对象 ,用于表示固定长度的字节序列
Buffer 本质是一段内存空间,专门用来处理 二进制数据 。
二、 特点
Buffer 大小固定且无法调整
Buffer 性能较好,可以直接对计算机内存进行操作
每个元素的大小为 1 字节(byte)
**三、 **使用3-1. 创建 BufferNode.js 中创建 Buffer 的方式主要如下几种:
Buffer.alloc
12//创建了一个长度为 10 字节的 Buffer,相当于申请了 10 字节的内存空间,每个字节的值为 0let buf_1 = Buffer.alloc(10); // 结果为 <Buffer 00 00 00 00 00 00 00 00 00 00>
Buffer.allocUnsafe
123//创建了一个长度为 10 字节的 Buffer,buffer 中可能存在旧的数据, 可能会影响执行结 ...
VitePress
VitePress使用安装
初始化
再识Vue2(一)
一、虚拟DOM直接操作真实的DOM会引发严重的效率问题,Vue使用虚拟 DOM (vnode) 的方式来描述要渲染的内容,Vue 的渲染系统正是基于这个概念构建
1.1 概念虚拟 DOM (Virtual DOM,简称 VDOM) 是一种编程概念,意为将目标所需的 UI 通过数据结构“虚拟”地表示出来,保存在内存中,然后将真实的 DOM 与之保持同步。这个概念是由 React 率先开拓,随后被许多不同的框架采用,当然也包括 Vue。
与其说虚拟 DOM 是一种具体的技术,不如说是一种模式,所以并没有一个标准的实现
vnode 是一个普通的JS对象,用于描述界面上应该有什么,比如:
123456var vnode = { tag:"h1", children:[ { tag:undefined, text:"第一个vue应用:Hello World"} ]}
上面的对象描述了:
1有一个标签名为h1的节点,它有一个子节点,该子节点是一个文本,内容为「第一个vue应用:Hello World」
vue模板 ...