qq_43352505的博客

Vue3全家桶 组合式API ...

vue2与vue3的区别 vue项目脚手架 父子通信（props，属性透传，子传父） 跨级通信 动态组件 异步组件 插槽（slot，具名插槽，作用域插槽）生命周期 自定义指令

css初始化是指：开发者对浏览器的默认样式进行重置（1），浏览器差异因为浏览器的兼容问题，不同的浏览器默认样式不同，如果直接写样式，会出现差异，布局出现错乱，所以要进行样式初始化，使得布局统一。（2），提高编码质量。

vue基础 vue数据绑定原理 vue指令详解 事件处理器 事件修饰符 计算属性 侦听器 Ajax（XHR、Fetch、Axios）

React是一个用于创建用户界面（web界面和界面）的，不涉及HTML和CSS ，在React框架中没有HTML和CSS。由Facebook公司推出。

合适的地方选择使用合理的标签html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；有利于SEOSEO？搜索引擎优化 影响对搜索引擎的排名状况。

因为各种框架的出现，需要一个工具把各种框架整合在一起，分工合作，像流水线一样，按照固定的规则来生产网页。

ES7: 提供了 async 和 await 语法糖, 提供一种新的写法(属于ES6的 Generator 语法的语法糖)如果在请求中只发一个请求，用Promise就行如果连续发送多个请求，使用async+await的语法糖会比promise的.then()链式写法更加的直观易读。

svg: 利用DOM元素, 与JS无关 来制作图片优点1: 矢量图形 - 放大缩小后不会失真缺点: 不精致优点2: 图形中的每个部分都可以交互地图是一种把canvas与svg技术结合的产物，canvas负责背景图的制作，svg负责可交互的各种图标。如果需要在自己的项目中引入地图，可以直接采用第三方，国内如高德和百度两家的地图平台，通过其提供的使用文档，可以快速在我们的项目中引入精美的地图，但都需要注册成为平台的开发者，获取到相应的key和安全密钥才能使用。

跨域报错是浏览器的同源策略导致的前后端分离的项目中，必然会产生跨域问题，因此必须解决跨域问题。

项目是程序员最好的锻炼神器，只有经过项目，才能真正检验知识的完整性。本次项目是我在某内学习，跟着老师一步步写出来的，这种跟着老师思路走的项目，做完始终有种不太真实的感觉，虽然都是自己敲下的代码，但是整体的项目思想是不连贯的，因此，写一篇项目总结，将项目中的一些难点，还有整体的脉络梳理一下。在梳理过程中，我会按照我在gitee的提交顺序进行。

jQuery是一个快速、简洁的javaScript框架，于2006年1月由发布。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化[HTML文档操作、事件处理、动画设计和交互。jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的CSS选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。

文档对象模型: HTML文档 转化成 JS的document对象学习DOM 就是学习操作 document 对象, 利用JS操作页面内容关系父: parentElement子: children兄: 上一个兄弟元素 previousElementSibling弟: 下一个兄弟元素 nextElementSibling特征id: 通过唯一标识查找 getElementByIdcss选择器单个: querySelector批量: querySelectorAll。

严格模式是es5推出的一项机制。因为js设计的智能化，在编码时一些错误会被智能修复，导致我们没法精准的定位到错误。严格模式下 增加更多的报错, 强制程序员书写更健壮的代码，在此之后的各种框架中, 都会默认开启严格模式在作用域的顶部添加如下字符串, 就会开启严格模式增加报错的地方变量必须用 关键词声明之后, 才能使用防范 写错单词导致的 全局污染问题（没有严格模式，如果属性写错，则会在全局中错误的新增了属性）函数中的this如果之前指向window 则改为undefined。

/ 制作一个构造函数: 相当于工厂, 传入一些物料, 按照固定的方式进行组合 // 命名规范: 用于生产对象的函数, 使用大驼峰命名法,首字母大写 // 设置形参, 用来接收 '原材料' function Employee(ename , age , married , eid) {// 1. 制作空对象 var obj = {} // 2. 添加属性 obj . ename = ename。

在js的代码中，对于代码片段中的等会提升到代码片段的最前面，然后再执行调整过顺序的代码。JS引擎的设计: 智能化。即JS会把不符合规范的代码 自动修复后再执行。除了声明提升以外，js中的隐式类型转化规则也是一种智能化修复。

对及其常见的字符集进行简化字符集预定义字符集[0-9]\d\w空格,空白字符\s。

AJAXAsynchronous Javascript And XML （异步的Javascript 和 XML）特点：不用整个刷新网页，而是局部刷新；不是通过页面条件发送请求，通过后台向服务器发送请求，用户体验好浏览器的同源策略，规定要请求的URL的协议、域名/IP、端口不同都会产生跨域现象，跨域以后不允许获取外部响应的资源。

接口：后端为前端提供的动态资源，Node.js编写路由就会产生接口。JSON（JS对象表示法）：表示一种数据形式，通常是对象或者数组，属性名必须是双引号，属性值是字符串的话，也必须是双引号。是一种字符串形式的对象get 获取资源(查询数据)post 新建资源(插入数据)delete 删除资源(删除数据)put 修改资源(修改数据)JSON： 包含状态码(人为规定)、消息说明、查询的数据get/get传递delete/params传递post/put post传递。

MySQL模块是node.js下，专门用来操作MySQL数据库的模块。

二、express 框架基于平台，快速、开放、极简的 Web 开发框架第三方模块，下载安装。

## 1，文件系统模块API-file system用于项目中文件的操作，例如：数据的导入、导出文件分为两种形式：目录形式、文件形式

js运行在客户端浏览器，有多款浏览器，存在代码兼容性问题；node.js运行在服务器端，只有一种V8引擎环境，不存在兼容性问题两者都有共同的自定义对象和内置对象，不同的宿主对象js用于操作网页元素，node.js用于服务器端开发

删除数组元素，start 开始的下标，count要删除的数量，count为空会删除到最后；下标是负数表示倒数；截取数组元素，start开始的下标，end结束的下标，end为空会截取到最后，下标为负数表示倒数；截取字符串，start开始的下标，end结束的下标，end为空会截取到最后，下标为负数表示倒数，返回截取的字符串。练习：创建数组，包含a~h，每个字母是一个元素，删除de，替换g为m，在下标为1的位置插入z。拼接多个数组，arr2,arr3表示要拼接的数组，返回拼接后的数组，原数组不会发送变化。

'属性名' : '属性值' , '属性名' : '属性值' } // 建一个商品对象 var com = {id : 001 , title : '商品名1' , pic : '图片地址' , price : '2999.00' }属性名的引号可以省略，如果属性名中含有特殊字符必须加引号。

声明了主键约束的列，不允许插入重复的值，一个表中只能有一个主键约束，通常加在编号列，会加快数据的查询速度。null：空，表示一个暂时无法确定的值，例如：无法确定一个员工的手机号码、无法确定一个商品的价格…声明外键约束的列的值，确保插入的值必须是在另一个表的主键中出现的值，目的是为了让两个表建立关联。：外键约束的列的列类型要盒另一个表的主键列的列类型要保持一直，外键约束允许插入null。：生成了唯一约束的列，不允许插入重复的值，允许插入null，甚至多个null。：声明了非空约束的列，不允许插入null。

它必须声明在HTML⽂档的第⼀⾏。书写声明，浏览器就会按照W3C的标准来解析，即进入标准模式。如果不声明，浏览器就会按照自己的标准来解析，即进入怪异模式。不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。

css常用样式总结

linear-gradient(渐变角度，颜色1 开始位置 结束位置，颜色2 开始位置 结束位置，颜色···)，背景颜色的渐变有线性渐变和径向渐变两种，线性渐变的默认是从上到下的渐变，角度参数可以调整。径向渐变没有角度。

普通盒子在水平方向所占空间：（左外间距+左边框+左内间距+内容宽度+右内间距+右边框+右外间距）margin-left+border-left+padding-left+width+padding-right+border-right+margin-right；设置盒子的四个方向的边框；前面的内容盒子，以内容为主，设置给盒子的宽高是内容部分的，加边框，间距都会向外占用空间。margin：外间距，盒子与盒子之间的距离，有四个方向的值，不属于盒子的范围，是公共部分。设置边框的类型，有实线，双实线，点状等；

iframe 在页面引入其他已经写好的页面或者模块组件，模块化编程的一种，可以使得代码的复用性得到提高，但是本页无法对引入模块进行修改，只能做适应。frameborder=“0” 值取0 去除映入模块边框width height 设置引入模块宽高scrolling=“no” 去除引入模块滑动条结构化标签的语义化一是解决了大量div的命名问题，二是优化了检索，网络爬虫能够更精准的获取到关键信息，对于检索推荐有了很大的提升。

表格标签，所有表格内容都要写在其中。完整结构如下。

在HTML中换行或者多个空格只会被识别成一个空格，称之为空格折叠现象。这时候如果需要多个空格，就需要使用空格的转义字符；需要多少个就写多少组。