随笔分类 - web前端
摘要：1 function getData(url, type, data){ // 这个相当于请求的数据 2 return new Promise((resolve, reject) => { 3 let xhr = new XMLHttpRequest(); 4 xhr.open('get', url
阅读全文
摘要：一、功能不同 1、get是从服务器上获取数据。 2、post是向服务器传送数据。 二、过程不同 1、get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。（简单理解就是用户可以看到） 2、post是通过HTTP post机制，将表单内各个
阅读全文
摘要：1、px是相对于显示器屏幕分辨率。 2、em是相对于父元素的字体大小。 1em=16px 3、rem是相对于html根标签的字体大小。 4、vh and vw：相对于视口的高度和宽度，而不是父元素的（CSS百分比是相对于包含它的最近的父元素的高度和宽度）。
阅读全文
摘要：新增语义化标签 article header nav 增强表单功能 data time 新增视频和音频 新增Canvas绘图 新增SVG绘图 新增地理定位 新增拖放API 新增WebWorker 新增WebStorage 新增WebSocket
阅读全文
摘要：1.Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。2.所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的
阅读全文
摘要：1 function deepClone(obj){ 2 let objClone = Array.isArray(obj) ? [] : {}; 3 if (obj && typeof obj 'object') { 4 for(let key in obj){ 5 if (obj[key] &&
阅读全文
摘要：优点： 语义化的网页的好处，最主要的就是对seo搜索引擎友好，有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取，你网站的推广便可以省下不少的功夫。 语义 Web 技术有助于利用基于开放标准的技术，从数据、文档内容或应用代码中分离出意义。
阅读全文
摘要：1 function deepClone(obj) { 2 let newObj; 3 // 判断数据类型 4 if (Array.isArray(obj)) { 5 newObj = []; 6 for (let i = 0; i < obj.length; i++) { 7 // 判断数组中的元
阅读全文
摘要：一，什么是websocket WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议） 它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的 Websocket是一个持久化的协议 二，websocket的原理websocket约
阅读全文
摘要：1. 什么是 FOUC (无样式内容闪烁) ? 1. 我们在进行软件项目开发时, 不知道大家有没有发现过这样一种奇怪的现象: 以无样式显示页面内容的瞬间闪烁；解释来说呢, 就是在我们进入页面时, 我们设置 CSS 样式 "没有生效", 过了那么一瞬间的时间, 我们设置的 CSS 样式突然又有效果了,
阅读全文
摘要：（1）请求资源类型不同： href是超文本引用的简写，用来为当前元素和文档之间建立连接，常用的是link、a标签。src会将指向的资源下载并引用到当前文档中，常用的标签有script，img，iframe标签。 （2）作用的结果不同： href是为当前文档和引用资源建立联系；而src是替换当前的元素
阅读全文
摘要：doctype 是html5标准网页声明，且必须声明在html文档的第一行。来告知浏览器的解析器用什么文档标准解析这个文档，不同的渲染模式会影响浏览器对于 CSS代码甚至javascript脚本的解析。
阅读全文
摘要：4. 区别：link属于html标签。@import在css中使用表示导入外部样式表；页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;import只在IE5以上才能识别，而link是HTML标签，无兼容问题;link方式的样式的权重 高于@import的权
阅读全文
摘要：WeakSet 结构与 Set 类似，也是不重复的值的集合。但是，它与 Set 有两个区别。 1.首先，WeakSet 的成员只能是对象，而不能是其他类型的值。 2.WeakSet 没有size属性，没有办法遍历它的成员。 WeakSet 也是一个构造函数，也可以使用new命令，创建 WeakSet
阅读全文
摘要：map的介绍它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更
阅读全文
摘要：1.浅克隆 浅克隆 新建一个对象 新建对象里面参数与克隆对象的参数完全一致 包含了对象中的基本变量 （新建对象与克隆对象指向同一个Object 改变新建对象中的变量值，克隆对象中的值也会发生变化） 深克隆 新建一个对象 把原有对象的数据完全的克隆过去，切断了新建对象与原对象的关联 在新建对象中改变数
阅读全文
摘要：1.安全性：get请求的安全性低 post请求安全性高，比如 密码登录 get请求会吧参数展示在导航栏中 如果页面被缓存会将账户密码泄露出去，post请求是将参数放在表头（header）提交到服务器处理。 2.传输大小：get请求只能传输2kb，post传输参数默认不受限制 3.明显区别：get请求
阅读全文
摘要：# # sql 支持的数据类型 MySQL 支持多种类型，大致可以分为三类：数值、日期/时间和字符串(字符)类型。 - int 整型 - DECIMAL 小数型 对DECIMAL(M,D) ，如果M>D，为M+2否则为D+2 依赖于M和D的值 - varchar 字符串类型 （变长字符串） - te
阅读全文
摘要：1 1. 安装 express-generator 生成器 2 npm i -g express-generator 3 4 2. 创建项目(在一个空白的文件夹) 5 express --view=ejs 项目名 6 3. 进入项目 7 cd 项目名 8 4. 安装依赖： 9 npm i 10 5.
阅读全文
摘要：# nodejs 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。 Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执
阅读全文
