「已注销」-CSDN博客

原创 storage

本地存储// 数据存储在用户浏览器中// 设置、读取方便、甚至页面刷新不丢失数据// 容量较大，sessionStorage约5M、localStorage约20M// 只能存储字符串，可以将对象JSON.stringify()编码后存储window.sessionStorage// 生命周期为关闭浏览器窗口// 在同一个窗口下数据可以共享// 以键值对的形式存储数据// 存储数据sessionStorage.setItem(key,value)// 获取数据sessionSt

2020-10-14 09:24:47 185

原创 DOM

获取元素document.getElementById('id')// 参数为元素id 大小写敏感的字符串// 返回的是一个元素对象document.getElementsByTagName('tagName')// 参数为元素标签名大小写敏感的字符串// 返回的是一个HTML集合 HTMLCollectiondocument.getElementsByClassName('className')// 参数为元素类名大小写敏感的字符串// 返回的是一个HTML集合 HTMLColl

2020-10-14 09:23:21 116

原创 jQuery

JavaScript库// jQuery Prototype YUI Dojo ExtJS 移动端zepto jQuery// 轻量级,核心文件几十kb,不影响页面加载速度// 跨浏览器兼容// 链式编程、隐式迭代// 支持事件、样式、动画，简化DOM操作// 支持插件扩展开发，包含丰富第三方插件下载/引入（https://jquery.com/）// 生成版代码压缩后Download the compressed, production jQuery 3.5.1// 开发板

2020-10-14 09:22:33 124

原创 BOM

BOM// 浏览器对象模型，提供了独立于内容而于浏览器窗口进行交互的对象，// 其核心是window// BOM构成// js访问浏览器窗口的一个接口// 是一个全局对象，定义在全局// 作用域中的变量、函数都会变成window对象的属性和方法// 调用时可以省略window，如alert()、prompt()等DOM与BOM// DOM文档对象模型// 把文档当成一个对象// DOM顶级对象是document// DOM主要是操作页面元素// DOM是W3C规范标准//

2020-10-14 09:22:06 64

原创 ECMAScript

浏览器执行// 浏览器分成两部分渲染引擎和JS引擎// 渲染引擎：用来解析HTML与CSS，俗称内核，// 比如chrome浏览器的blink，老版本的webkit// JS引擎：也称JS解释器。用来读取网页中的JavaScript代码，// 对其处理后运行，比如chrome浏览器的V8ECMAScript// ECMAScript规定了js的编程语法和基础知识，// 是所有浏览器厂商共同遵守的一套js语法工业标准三部分// DOM 文档对象模型// BOM 浏览器对象模型//

2020-10-14 09:20:40 132

原创正则表达式

创建正则表达式// 调用 RegExp 对象的构造函数创建var 变量名 = new RegExp(/表达式/)// 字面量创建var 变量名 = /表达式/测试正则表达式testregexObj.test(str)// regexObj 正则表达式// str 测试的文本边界符^ // 匹配行首的文本（以谁开始）$ // 匹配行尾的文本（以谁结束）字符类// []方括号[abc] // 包含abc任意一个字符// [-]方括号内部范围符[a-z] // a到z2

2020-10-14 09:20:09 52

原创 es6

let/const// 使用let关键字声明的变量才具有块级作用域// 使用var声明的变量不具备块级作用域特性if (true) { let a = 10;} console.log(a) // a is not defined// 声明常量常量就是值（内存地址）不能变化的量// 具有块级作用域// 区别// 使用var声明的变量其作用域为该语句所在的函数内且存在变量提升现象// 使用let声明的变量其作用域为该语句所在的代码块内不存在变量提升// 使用const声明

2020-10-14 09:19:33 118

原创 function

对象拷贝/** * @param {Object} source * @returns {Object} */export function deepClone(source) { if (!source && typeof source !== 'object') { throw new Error('error arguments', 'deepClone') } const target = source.constructor === Array ? [

2020-10-14 09:18:24 80

原创自定义滚动条

自定义滚动条.scroll::-webkit-scrollbar { width: 5px; height: 1px; }.scroll::-webkit-scrollbar-thumb { border-radius: 5px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #8094bb;}.scroll::-webkit-scrollbar-track { box-shad

2020-10-14 09:17:13 79

原创 swiper

swiper（https://www.swiper.com.cn/）// 下载官方压缩包// 获取package下swiper.min.js swiper.min.css引入js css<link rel="stylesheet" href="css/swiper.min.css"><script src="js/swiper.min.js"></script>查看官方示例新窗口打开// 查看网页源代码// 复制相关 js css html代码.

2020-10-14 09:16:40 107

原创 H5

视口标签viewport// 标准写法<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">// width viewport宽度可设置device-width特殊值// initial-scale 初始缩放比// minimum-scale 最小缩放比// maximum-scale

2020-10-13 15:42:43 124

原创 WEB

常用浏览器中英文名及内核// IE Trident IE、猎豹安全、360急速浏览器、百度浏览器// firefox Gecko 火狐浏览器内核// Safari Webkit 苹果浏览器内核// chrome/Opera Blink chrome/opera浏览器内核、Blink属于Webkit分支网页基本结构// <!DOCTYPE> 文档类型声明告诉浏览器使用哪种HTML版本来显示网页<!DOCTYPE html><html lang="en">

2020-10-13 15:34:06 249

原创 Less

h5页面使用// vscode安装easy less插件// html页面引入less转换后css文件变量// @变量名value;// 必须@为前缀// 区分大小写 // 不能数字开头// 不能包含特殊字符@color: blue;p { color: @color;}嵌套ul { li { color: red }}ul li { color: red;}&符号// 内层选择器的前面没有&符号，

2020-10-13 15:20:28 112

原创 Gitee

创建gitee账号我的码云 => 仓库 => 公开的填写仓库名称、仓库介绍，是否开源选择公开Git全局设置（首次）git config --global user.name "username"git config --global user.email "email@email.com"创建仓库// 初始化一个新本地仓库工作目录下会生成一个名为.git的隐藏文件夹git init// 暂存当前目录所有变化git add .// 提交代码至本地仓库git comm

2020-10-13 15:16:13 211

原创 Bootstrap

版本// 2.x.x 停止维护兼容性好代码不够简洁功能不够完善// 3.x.x 使用最多稳定放弃了IE6-IE7 对IE支持但是界面效果不好// 偏向用于开发相应式布局移动设备优先的web项目// 4.x.x 最新版不流行创建文件夹结构├── demo│ ├── images│ ├── css│ ├── bootstrap│ ├── index.html下载bootstrap压缩包// bootstrap下文件放入demo下bootstrapbo

2020-10-13 15:11:55 93

原创 Node

node// 既不是语言，也不是框架，它是一个平台// Node.js中的JavaScript// 没有BOM、DOM// EcmaScript基本的JavaScript语言部分// 在Node中为JavaScript提供了一些服务器级别的API// 文件操作的能力// http服务的能力运行nodeconsole.log('nodejs')// 控制台node index.js读取/写入文件// 浏览器中的JavaScript没有文件操作能力// 但Node中的JavaS

2020-10-13 14:58:19 72

原创 mongoose

安装mongodbhttps://www.mongodb.com/try/download/community运行 C:\Program Files\MongoDB\Server\3.4\bin 下mongod.exe添加PATH环境变量C:\Program Files\MongoDB\Server\3.4\bin控制台查看mongodb版本mongod --versionmongodb启动// mongodb 默认使用执行 mongod 命令所处盘符根目录下的 // /data/db 作

2020-10-13 14:49:29 62

原创 art-template

安装templatecnpm install --save art-templatecnpm install --save express-art-template浏览器端引入/使用<body> <script src="node_modules/art-template/lib/template-web.js"></script> <script type="text/template" id="template"> <p

2020-10-13 14:44:44 68

原创 express

安装expresscnpm i express创建Web服务var express = require('express')var app = express()// 浏览器收到HTML响应内容之后要开始从上到下依次解析// 当在解析的过程中如果发现 link script img iframe video audio// 等带有src或者href属性标签（具有外链的资源）的时候// 浏览器会自动对这些资源发起新的请求// 则需要开放静态文件夹// 开放static静态文件夹ap

2020-10-13 14:03:35 69

Don_GW的博客