绑定单个复选框
摘要：² 绑定单个复选框 绑定一个复选框 <input type="checkbox" v-model="checked"> data:{ checked:true } ² 绑定多个复选框 此种方式需要input标签提供value属性 <input type="checkbox" value="html"
阅读全文
posted @
2020-12-28 19:44
Tsunami黄嵩粟
阅读(65)
推荐(0) 编辑
v-model
摘要：v-model 作用: 表单元素的绑定，实现了双向数据绑定，通过表单项可以更改数据。 v-model会忽略所有表单元素的value、checked、selected特性的初始值,而总是将Vue实例的数据作为数据来源，应该在data选项中声明初始值。 ² 绑定文本框 <p>{{message}}</p
阅读全文
posted @
2020-12-28 15:18
Tsunami黄嵩粟
阅读(118)
推荐(0) 编辑
绑定style
摘要：² 对象语法 <div:style="{color: redColor, fontSize: '20px'}">对象写法</div> data: { redColor: 'red' } ² 数组语法 <div v-bind:style="[color, fontSize]">数组写法</div> d
阅读全文
posted @
2020-12-28 15:03
Tsunami黄嵩粟
阅读(29)
推荐(0) 编辑
样式绑定
摘要：样式绑定 class样式处理 ² 对象语法 # css定义 .active { color: red; } # html <div v-bind:class="{active: isActive}">class样式</div> # js vue data: { isActive: true } cl
阅读全文
posted @
2020-12-28 14:58
Tsunami黄嵩粟
阅读(71)
推荐(0) 编辑
按键修饰符
摘要：https://cn.vuejs.org/v2/guide/events.html#按键修饰符 在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符。 <!-- 只有在 `key` 是 `Enter` 回车键的时候调用 --> <input @key
阅读全文
posted @
2020-12-28 14:47
Tsunami黄嵩粟
阅读(83)
推荐(0) 编辑
事件修饰符
摘要：事件修饰符 用来处理事件的特定行为 <!-- 阻止冒泡 --> <button @click.stop="doThis"></button> <!-- 阻止默认行为 --> <a @click.prevent="doThis"></a> <!-- 只执行一次 --> <div @click.once
阅读全文
posted @
2020-12-28 14:41
Tsunami黄嵩粟
阅读(80)
推荐(0) 编辑
v-on
摘要：绑定事件监听器（事件绑定） <!-- 常规写法 --> <button v-on:click="事件实现方法()"></button> <!-- 缩写 --> <button @click="事件实现方法()"></button> # 绑定好事件实现方法后需要在Vue对象中的methods对象中实现
阅读全文
posted @
2020-12-28 14:26
Tsunami黄嵩粟
阅读(59)
推荐(0) 编辑
v-for 伪标签：template：
摘要：根据一组数组或对象的选项列表进行渲染。 v-for指令需要使用 (item,index) in 数组或对象 形式的特殊语法，同时还需要指定key值,key的作用在vue进行新旧数据比对渲染页面里，如果有key值会提升比对性能，加快渲染，key使用唯一的值来赋值。 伪标签：template：不会解析为
阅读全文
posted @
2020-12-28 14:15
Tsunami黄嵩粟
阅读(108)
推荐(0) 编辑
v-once指令 v-if和v-show
摘要：v-once指令 只渲染元素和组件一次，之后元素和组件将失去响应式功能 v-if和v-show 根据表达式的布尔值(true/false)进行判断是否渲染该元素 注：v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运
阅读全文
posted @
2020-12-28 14:08
Tsunami黄嵩粟
阅读(186)
推荐(0) 编辑
vue指令 常用指令 v-cloak指令
摘要：指令(Directives)就是vue给html标签提供的一些自定义属性，这样属性都是带有 v- 前缀的特殊属性。指令特性的值预期是单个JS表达式(v-for是例外情况)。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM。 v-html 解析html指令 注：尽量避免使用，
阅读全文
posted @
2020-12-28 14:03
Tsunami黄嵩粟
阅读(81)
推荐(0) 编辑
模板语法 插值表达式
摘要：模板语法 插值表达式 插值表达式是vue框架提供的一种在html模板中绑定数据的方式，使用{{变量名}}方式绑定Vue实例中data中的数据变量。会将绑定的数据实时的显示出来。 # 支持写法 {{变量、js表达式、三目运算符、方法调用等}} <div id="app"> <h3>{{name}}</
阅读全文
posted @
2020-12-25 15:59
Tsunami黄嵩粟
阅读(239)
推荐(0) 编辑
vue devtools工具安装 Vue实现数据绑定的原理
摘要：通过chrome中的谷歌插件商店安装Vue Devtools工具，此工具帮助我们进行vue数据调试所用，一定要安装。 https://chrome.google.com/webstore?utm_source=chrome-ntp-icon 打开chrome应用商店，需要kexue上网才能访问到。自
阅读全文
posted @
2020-12-25 15:53
Tsunami黄嵩粟
阅读(280)
推荐(0) 编辑
vue基础使用
摘要：传统dom操作 使用js或jquery库对html页面结构中的指定的区域输出数据 使用vue实现 在html页面中使用好vue需要完成如下步骤即可 引入vue.js文件 定义给vue.js管理的dom元素(给div定义一个ID) 创建一个 Vue 的实例，并声明要渲染的数据源 在给定的dom元素容器
阅读全文
posted @
2020-12-25 15:48
Tsunami黄嵩粟
阅读(66)
推荐(0) 编辑
MVC、MVP、MVVM模式
摘要：MVC MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻
阅读全文
posted @
2020-12-25 15:41
Tsunami黄嵩粟
阅读(85)
推荐(0) 编辑
Vue基础
摘要：官网：https://cn.vuejs.org/ Vue.js是一套构建用户界面的渐进式框架。Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单
阅读全文
posted @
2020-12-25 15:19
Tsunami黄嵩粟
阅读(87)
推荐(0) 编辑
异步长传文件插件 jquery validate 前端验证
摘要：异步文件上传插件：http://fex.baidu.com/webuploader/getting-started.html html5 FormData 可以实现无刷新上传 有空了解 FileReader jquery validate 前端验证： https://www.runoob.com/j
阅读全文
posted @
2020-12-25 15:10
Tsunami黄嵩粟
阅读(68)
推荐(0) 编辑
Node安装mongodb
摘要：Node操作mongodb Mongoose介绍 网址：http://www.mongoosejs.net/docs/index.html mongoose是Node环境下异步操作mongodb数据库的扩展，仅限于Node环境下使用。 使用mongoose操作mongodb数据步骤： 使用npm安装
阅读全文
posted @
2020-12-25 14:58
Tsunami黄嵩粟
阅读(299)
推荐(0) 编辑
mongodb增删改查
摘要：增删改查 添加 向集合中添加文档数据 # 添加单条文档数据 db.collection.insertOne({ key: value }) # 添加多条文档数据 db.collection.insertMany([{}, {}, {}]) # 可以添加单条也可以多条数据 db.collection.
阅读全文
posted @
2020-12-25 14:47
Tsunami黄嵩粟
阅读(63)
推荐(0) 编辑
mongodb常用数据库指令
摘要：通过客户端的命令进入到mongodb服务中 mongo命令进入客户端 show dbs 查看数据库 show tables/show collections 查看集合(查看当前库里面的表) db 查看当前数据库 use 数据库 切换或创建数据库 如果数据库存在则切换，不存在则先创建后切换 # 添加一
阅读全文
posted @
2020-12-25 14:34
Tsunami黄嵩粟
阅读(104)
推荐(0) 编辑
认识mongodb
摘要：Mongodb是一个介于关系数据库和非关系数据库之间的产品(Nosql)，是非关系数据库当中功能最丰富，最像关系数据库的，语法有点类似javascript面向对象的查询语言，它是一个面向集合的，模式自由的文档型数据库。Mongodb数据库旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。 ²
阅读全文
posted @
2020-12-25 14:30
Tsunami黄嵩粟
阅读(66)
推荐(0) 编辑
模板引擎
摘要：在一个web应用程序中，如果只是使用服务器端代码来编写客户端html代码，前后端不分离，那么会造成很大的工作量，而且写出来的代码会比较难以阅读和维护。如果只是使用客户端的静态的HTML文件，那么后端的逻辑也会比较难以融入到客户端的HTML代码中。为了便于维护，且使后端逻辑能够比较好的融入前端的HTM
阅读全文
posted @
2020-12-25 14:25
Tsunami黄嵩粟
阅读(171)
推荐(0) 编辑
Nodejs内置中间件 第三方中间件 cookie和session
摘要：内置中间件 express也提供了好用的内置中间件，如提供一个静态资源管理的中间件，通过此中间件就可以帮助为我们快速搭建一个静态资源服务器 app.use(express.static('托管目录地址')) 第三方中间件 express搭建的web服务器中想要接受表单中的post数据可以通过第3方中
阅读全文
posted @
2020-12-25 14:16
Tsunami黄嵩粟
阅读(239)
推荐(0) 编辑
Nodejs中间件 中间件分类和自定义中间件
摘要：中间件 中间件理解 中间件可以理解为业务流程的中间处理环节。如生活中吃一般炒青菜，大约分为如下几步骤 express中当一个请求到达的服务器之后，可以在给客户响应之前连续调用多个中间件，来对本次请求和返回响应数据进行处理。(middleware) 中间件分类 中间件可以分类可分如下几类 内置中间件
阅读全文
posted @
2020-12-25 13:56
Tsunami黄嵩粟
阅读(280)
推荐(0) 编辑
Nodejs静态资源管理 路由
摘要：express提供了一个非常好用的方法，叫做 express.static()，通过此方法，可以非常方便地创建一个静态web资源服务器 app.use(express.static('public')) 现在可以访问public目录下所有的文件 如public/aa.jpg文件，则可以通过 : ht
阅读全文
posted @
2020-12-25 13:46
Tsunami黄嵩粟
阅读(194)
推荐(0) 编辑
获取URL中查询参数 URL中动态参数
摘要：通过 req.query 对象，可以访问到客户端通过查询字符串的形式发送到服务器的参数 app.get('/',(req,res)=>{ console.log(req.query) }) 、URL中动态参数 通过 req.params 对象，可以访问到 URL 中动态参数 app.get('/:i
阅读全文
posted @
2020-12-25 13:35
Tsunami黄嵩粟
阅读(372)
推荐(0) 编辑
Express
摘要：Express 网址：https://www.expressjs.com.cn/ Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架。搭建web服务器 Express 的本质：就是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法。 使用Expres
阅读全文
posted @
2020-12-25 13:26
Tsunami黄嵩粟
阅读(228)
推荐(0) 编辑
npm相关命令 npm 自定义脚本命令 自动重启应用
摘要：# 初始化生成package.json文件 npm init -y[不询问] # 查看本项目已安装模块 npm list # 安装模块 npm install 模块名[@版本号 可选] 或 npm i 模块名[@版本号 可选] # 卸载已安装模块 npm uninstall 模块名 # 查看全局no
阅读全文
posted @
2020-12-25 11:52
Tsunami黄嵩粟
阅读(541)
推荐(0) 编辑
npm包管理器 切换npm源 使用nrm来管理npm镜像源
摘要：npm是NodeJs项目模块管理工具，它已经集成了nodejs安装包中，在npm从从5.2版开始，增加了 npx 命令(解决的主要问题，就是调用项目内部安装的模块，很多工具不再需要npm -g 全局来完成使用了)，使用npm可以实现从NPM服务器下载别人编写的第三方包到本地使用。 npm仓库地址：h
阅读全文
posted @
2020-12-25 11:48
Tsunami黄嵩粟
阅读(199)
推荐(0) 编辑
Nodejs 创建web服务 静态资源服务器 get数据获取 post数据获取
摘要：NodeJs是通过官方提供的http模块来创建 web服务器的模块。通过几行简单的代码，就能轻松的手写一个web服务，从而对外提供 web 服务。 ² 创建web服务基本步骤 ①、导入http模块 const http = require('http') ②、创建web服务对象实例 const se
阅读全文
posted @
2020-12-25 11:34
Tsunami黄嵩粟
阅读(265)
推荐(0) 编辑
web服务器 传统开发和前后端分离开发 服务器相关概念
摘要：web服务器 Web服务器一般指的是网站服务器，是指驻留因特网上某一台或N台计算机的程序，可以处理浏览器等Web客户端的请求并返回相应响应，目前最主流的三个Web服务器是Apache、 Nginx 、IIS。 传统开发和前后端分离开发 传统开发也叫前后端耦合开发 前端写完的HTML页面交给后端，后端
阅读全文
posted @
2020-12-25 11:16
Tsunami黄嵩粟
阅读(243)
推荐(0) 编辑
Nodejs fs模块 全局变量
摘要：fs模块提供了用于与文件进行交互相关方法 const fs = require('fs') # 写入数据 fs.writeFile(文件,数据,err=>{}) # 读取文件中数据 fs.readFile(文件, 'utf8’,(err,data)=>{}) # 检查文件是否存在 返回true/fa
阅读全文
posted @
2020-12-25 11:09
Tsunami黄嵩粟
阅读(135)
推荐(0) 编辑
Nodejs概述 安装Nodejs os模块 path模块 url模块 querystring模块
摘要：一、Nodejs概述 介绍 相关网址： https://nodejs.org/zh-cn/ http://nodejs.cn/ Node.js 是一个开源与跨平台的JavaScript 运行时环境。它是在浏览器外运行，它是一个事件驱动异步I/O单进程的服务端JS环境，基于Google的V8引擎，V8
阅读全文
posted @
2020-12-24 00:33
Tsunami黄嵩粟
阅读(438)
推荐(0) 编辑
promise async 和 await
摘要：// promise 是专门用于解决回调地狱的 // 专门用于执行异步程序时使用promise语法 // 语法形式: // 定义一个函数,创建一个 promise 对象,并且返回这个对象 // 通过 promise 来执行异步程序 // promiseGetAjax(url,data) 两个参数 u
阅读全文
posted @
2020-12-21 23:57
Tsunami黄嵩粟
阅读(61)
推荐(0) 编辑
回调地狱
摘要：什么是回调地狱 ajax请求,是一个异步执行的程序 如果要在第一次请求结束之后,执行的操作,必须要写在ajax请求中,才能争取获取请求结果 const xhr = new XMLHttpRequest(); xhr.open(请求方式,路径?参数); xhr.send(); xhr.onload =
阅读全文
posted @
2020-12-21 23:55
Tsunami黄嵩粟
阅读(248)
推荐(0) 编辑
map数据类型
摘要：MAP数据类型是一个类似于对象的数据类型 大型项目中会经常使用 通过 构造函数来定义MAP数据类型 const map = new Map() 如果需要在定义的同时进行赋值,赋值的参数必须是二维数组形式 二维数组,统一都是两个单元,第一个单元是Map的键名,第二个单元是Map的数值 二维数组,第一个
阅读全文
posted @
2020-12-21 23:52
Tsunami黄嵩粟
阅读(3216)
推荐(0) 编辑
set数据类型
摘要：SET 数据类型 是一个类似于 数组 的数据类型 特点 : 不接受重复的相同的数据 同样的数据,在SET数据类型中,只能存储一次 基本语法: 通过构造函数来定义SET数据类型 const set = new Set() 定义一个空set 如果要在定义set的同时,进行赋值操作,必须要定义一格实参,是
阅读全文
posted @
2020-12-21 23:50
Tsunami黄嵩粟
阅读(641)
推荐(0) 编辑
git创建分支 解决git网速太慢
摘要：所谓的分支,就是每个人负责的不同的模块 整个项目有一个主干 master 所有的分支都是 从主干 maser 上 分支而来的 分支本质上是一个 复制拷贝的 过程 分支时,主干有什么内容,分支的内容就有什么内容 一定要有一个生成的历史版本之后,才能创建分支 创建分支 git branch 你要创建的分
阅读全文
posted @
2020-12-21 23:32
Tsunami黄嵩粟
阅读(218)
推荐(0) 编辑
git基础命令 gitHub
摘要：git 和 gitHub git : 本地项目版本管理工具 gitHub : 相当于一个有很多功能的百度云盘,存储本地项目版本,管理云存储内容 git 的下载和安装 可以去官网下载 双击一直下一步,就可以 安装成功之后,鼠标右键点击 如果出现 Git GUI Here Git Bash Here 证
阅读全文
posted @
2020-12-20 23:08
Tsunami黄嵩粟
阅读(88)
推荐(0) 编辑
sass
摘要：什么是 sass 以 css 为基础的 预编译语言 -- 另一种形式的css 与 普通 css 的区别 可以定义变量,可以定义if判断,可以定义for循环,定义函数...等等 基本特点 sass 有两种语法形式 .sass文件 就是 没有 {} 的css 但是没有 {} 不好区分 每一个选择器 现在
阅读全文
posted @
2020-12-20 23:01
Tsunami黄嵩粟
阅读(80)
推荐(0) 编辑
nodejs模块总结 gulp小结
摘要：1,内置模块 fs const fs = require('fs') fs.readFile( '路径' , 'utf-8' , (err,data)=>{}) fs.writeFile( '路径' , '你要写入的内容' , ()=>{}) http const http = require('h
阅读全文
posted @
2020-12-20 22:59
Tsunami黄嵩粟
阅读(68)
推荐(0) 编辑
自定义模块 第三方模块 使用步骤
摘要：自定义模块 我们自己定义的 node.js 模块 基本步骤 1,定义模块程序内容 可以定义变量,定义函数方法,定义构造函数等等 2,将外部js程序,导出 只有导出的内容,才能在其他js程序中被使用 只有导出的内容,才能通过 require 来加载使用 导出语法: module.exports.导出的
阅读全文
posted @
2020-12-20 21:49
Tsunami黄嵩粟
阅读(129)
推荐(0) 编辑
执行nodejs 内置fs模块
摘要：执行方式1: 在 cmd 中 任意文件夹路径下输入 node 回车 C:\Users\32991>node Welcome to Node.js v12.18.3. Type ".help" for more information. > 进入了node编辑环境,可以输入执行任意的js程序 与在 浏
阅读全文
posted @
2020-12-20 19:52
Tsunami黄嵩粟
阅读(215)
推荐(0) 编辑
常见的Linux命令
摘要：在 cmd 命令行 或者终端中 可以运行 node.js 命令 也可以 运行 SQL语句 还可以运行 Linux 命令 Linux 命令主要是 操作 Linux 系统的命令 常见的 Linux 命令 我们必须要掌握的 切换 盘符 切换盘符 盘符: 回车 可以切换盘符 切换文件件 cd 路径 回车 也
阅读全文
posted @
2020-12-20 19:49
Tsunami黄嵩粟
阅读(101)
推荐(0) 编辑
nodejs
摘要：node.js node,本意是做一块可以直接操作数据库的新的计算机语言 node作者,最后选择了,JavaScript作为 node 基础语言 英文官网: http://nodejs.org/en 中文网站: http://nodejs/cn 什么是node.js 是一款预计 chrome V8
阅读全文
posted @
2020-12-20 19:47
Tsunami黄嵩粟
阅读(60)
推荐(0) 编辑
ES5的继承语法
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @
2020-12-16 17:50
Tsunami黄嵩粟
阅读(75)
推荐(0) 编辑
构造函数的继承
摘要：// 构造函数 // 本质还是一个函数 // 是一个专门生成对象的函数 // 生成的这个对象,有属性属性值,还有函数方法 // ES5的构造函数语法 function CreateObj1(name,age){ this.name = name; this.age = age; } createOb
阅读全文
posted @
2020-12-16 17:37
Tsunami黄嵩粟
阅读(114)
推荐(0) 编辑
创建一个不被销毁的空间 闭包小应用
摘要：// 创建不被销毁的执行空间 // 要利用 return // 一般情况下, return 如果返回的是一个基本数据类型 function fun1(){ var a = 100; var b = 200; return a+b; // return 返回的是 a+b 的执行结果,也就是数值300
阅读全文
posted @
2020-12-16 17:28
Tsunami黄嵩粟
阅读(110)
推荐(0) 编辑
jquery的全局函数 多库并存
摘要：// jQuery的全局函数 , 也称钩子函数 // 所谓的钩子函数 是 与 其他函数绑定的函数 // 作用是 监听 函数的执行 当函数执行到某个状态时,执行钩子函数对应的程序 // 提前绑定好 以这个函数相关的其他程序 // 当这个函数执行到某个步骤或者状态时,会自动执行 挂钩的钩子函数 // 所
阅读全文
posted @
2020-12-16 17:09
Tsunami黄嵩粟
阅读(116)
推荐(0) 编辑
深浅拷贝
摘要：// 深浅拷贝 // 浅拷贝 : 拷贝复制的是 引用数据类型的数据地址 // 不是完整拷贝复制 引用数据类型中存储的具体数值 // 执行 浅拷贝之后 两个变量是有相互联系的 // 一个操作,另一个也会受影响 // 所谓的浅拷贝 // const obj1 = { // name:'张三', // a
阅读全文
posted @
2020-12-16 17:06
Tsunami黄嵩粟
阅读(60)
推荐(0) 编辑
localStorage
摘要：localStorage 也是 浏览器提供的功能,作用与 cookie 类似 区别: 1 , cookie前端,后端都可以操作 localStorage 只有前端可以操作 2 , cookie 可以设定时效,过期自动删除 localStorage 默认是永久存在 3, cookie 可以存储内容比较
阅读全文
posted @
2020-12-10 14:15
Tsunami黄嵩粟
阅读(63)
推荐(0) 编辑
jquery中封装了三种ajax请求方式
摘要：// jQuery中封装了3种 ajax 请求方式 // 1, get请求方式 // 2, post请求方式 // 3, 综合请求方式 // 1, get请求方式 // 语法 : $().get( {以对象的形式,定义4个参数} ) // 只有 url地址,是必要参数,其他可以不写 // get方式
阅读全文
posted @
2020-12-10 13:56
Tsunami黄嵩粟
阅读(303)
推荐(0) 编辑
jquery的树状菜单
摘要：<body> <ul> <li>一级菜单 <ol> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li> </ol> </li> <li>一级菜单 <ol> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li>
阅读全文
posted @
2020-12-10 13:39
Tsunami黄嵩粟
阅读(152)
推荐(0) 编辑
自定义动画 jquery的结束动画
摘要：<button name="width">改变宽</button> <button name="height">改变高</button> <button name="all">改变宽高</button> <div></div> <script src="./jquery.min.js"></scri
阅读全文
posted @
2020-12-10 13:33
Tsunami黄嵩粟
阅读(150)
推荐(0) 编辑
jquery的折叠动画 渐隐渐显动画
摘要：<button name="up">折叠隐藏</button> <button name="down">折叠显示</button> <button name="toggle">折叠切换</button> <div></div> <script src="./jquery.min.js"></scri
阅读全文
posted @
2020-12-10 11:49
Tsunami黄嵩粟
阅读(99)
推荐(0) 编辑
jquery的节点的替换 节点的克隆
摘要：// 节点的替换 / 标签的替换 // 1 , $('已有标签').replaceWith(替换的新的标签) // 替换所有 // 将已有的span标签,替换成 超链接a 标签 $('span').replaceWith( $('<a href="http://www.baidu.com">百度</
阅读全文
posted @
2020-12-10 11:26
Tsunami黄嵩粟
阅读(95)
推荐(0) 编辑
jquery浏览器的上卷高度 节点的创建和写入 节点的删除
摘要：// js 的兼容语法 // let scrollT = document.documentElement.scrollTop || document.body.scrollTop; // jq 直接定义,jq来处理兼容问题 // $(window).scrollTop() // $(window)
阅读全文
posted @
2020-12-10 11:13
Tsunami黄嵩粟
阅读(85)
推荐(0) 编辑
标签的占位 元素的坐标
摘要：<style> div{ width: 200px; height: 200px; padding: 100px; border: 10px solid #000; margin: 50px; /* 内减模式 怪异盒模型 */ /* box-sizing: border-box; */ } </st
阅读全文
posted @
2020-12-10 11:09
Tsunami黄嵩粟
阅读(59)
推荐(0) 编辑
jquery的循环 tab切换
摘要：<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <script src="./jquery.min.js"></script> <script> // jQuery的循环 // 1 , 隐式迭代 // 会自动给 伪数
阅读全文
posted @
2020-12-10 11:08
Tsunami黄嵩粟
阅读(199)
推荐(0) 编辑
特殊事件的绑定
摘要：jQuery 1,选择器 支持所有html和css允许的语法 注意: (1),操作结果一定是一个伪数组 jQuery获取的伪数组不能直接使用js语法进行操作 js语法获取的标签对象,也不能使用jQuery来操作 (2),转化: $()[索引] jQuery转js,只能是js语法操作 $(js标签对象
阅读全文
posted @
2020-12-10 11:04
Tsunami黄嵩粟
阅读(58)
推荐(0) 编辑
jquery的绑定和删除
摘要：// 基本语法形式 $().on( 事件类型 , 事件处理函数 ) // 删除事件处理函数 // 必须绑定的是 函数名称 才能删除 绑定的事件处理函数 // $().off( 事件类型 , 事件处理函数名称 ) // $('div').on( 'click' , ()=>{ // console.l
阅读全文
posted @
2020-12-10 10:57
Tsunami黄嵩粟
阅读(99)
推荐(0) 编辑
jquery的class操作 css样式操作
摘要：<button>切换</button> <div class="div1">123</div> <script src="./jquery.min.js"></script> <script> // JavaScript中,设定class的属性值,会将之前的属性值也覆盖掉 // 如果需要添加新的 c
阅读全文
posted @
2020-12-09 19:06
Tsunami黄嵩粟
阅读(146)
推荐(0) 编辑
jquery checkbox的全选和反选
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @
2020-12-09 19:03
Tsunami黄嵩粟
阅读(144)
推荐(0) 编辑
jquery的属性操作
摘要：// jQuery的属性操作 // 布尔属性使用 prop() 来操作 // 其他的属性使用 attr() 来操作 // 标签对象.prop( 属性 , 属性值 ) 设定属性 // 标签对象.attr( 属性 , 属性值 ) 设定属性 // 标签对象.prop( 属性 ) 获取属性的属性值 // 标
阅读全文
posted @
2020-12-09 19:01
Tsunami黄嵩粟
阅读(62)
推荐(0) 编辑
jquery的筛选器
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @
2020-12-09 18:54
Tsunami黄嵩粟
阅读(70)
推荐(0) 编辑
jquery jquery的选择器
摘要：什么是 jQuery 前端的一个方法库/函数库 将很多过功能,封装好,我们可以直接使用 官网 https://jquery.com/ 中文 https://jquery.cuishifeng.cn/ jQuery的三大优点 1,强大的选择器机制 可以支持所有语法方式获取标签对象 2,优质的隐式迭代
阅读全文
posted @
2020-12-09 18:51
Tsunami黄嵩粟
阅读(72)
推荐(0) 编辑
百度搜索栏效果
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @
2020-12-09 17:54
Tsunami黄嵩粟
阅读(159)
推荐(0) 编辑
cors解决跨域 服务器代理方式
摘要：// cors 方法 // 后端程序员通过定义后端程序,让跨域访问,可以正常执行,可以获取响应体内容 // 前端程序员不需要做任何的调整 // 后端程序员需要调整 PHP程序 header("Access-Control-Allow-Origin: * "); header("Access-Cont
阅读全文
posted @
2020-12-09 17:51
Tsunami黄嵩粟
阅读(189)
推荐(0) 编辑
浏览器的同源策略 jsonp方法解决跨域
摘要：// 浏览器的同源性 // 在 浏览器 处理请求时 默认执行的是 同源策略 // 也就是 浏览器 只 允许 同源的项目/请求 之间 获取响应体内容 // 如果不是同源的 请求 只允许浏览html文件等 不允许 获取响应体 实际项目中,解决同源问题是必须要掌握的方法 相同 源文件之间的访问 称为 同源
阅读全文
posted @
2020-12-09 17:42
Tsunami黄嵩粟
阅读(84)
推荐(0) 编辑
ajax兼容处理
摘要：// ajax的兼容处理 // 1.创建ajax对象 // 标准浏览器 // const xhr = new XMLHttpRequest(); // 低版本IE浏览器 // const xhr = new ActiveXObject('Microsoft.XMLHTTP'); // 兼容语法 le
阅读全文
posted @
2020-12-09 16:55
Tsunami黄嵩粟
阅读(99)
推荐(0) 编辑
php简单登录
摘要：<?php // 1,php接收参数 $userName = $_POST['userName']; $userPwd = $_POST['userPwd']; // 2,PHP需要操作数据库 // 通过 PHP提供的 mysqli 函数方法来操作数据库 // 本质也是通过SQL语句来操作数据库,只
阅读全文
posted @
2020-12-09 16:50
Tsunami黄嵩粟
阅读(125)
推荐(0) 编辑
ajax传参
摘要：// ajax传参 // ajax传参特点: // 1,不需要跳转 // 2,ajax传参,都是异步程序 // 不影响同步程序的执行 // 即使请求交互没有完成,其他程序也可以正常执行 // ajax: // async 异步 // JavaScript // and // XML // 一个异步的
阅读全文
posted @
2020-12-09 16:47
Tsunami黄嵩粟
阅读(662)
推荐(0) 编辑
设定cookie 获取cookie数据的转换
摘要：1,cookie必须是键值对形式的 键名=数值 而且必须是 字符串格式 document.cookie = 'name=张三'; cookie设定键值对,最好是一个一个来,因为要设定 时效性 2,设定时效性 通过 expires 来设定时效性 数值 必须是 一个时间对象 时间对象的声明 必须要通过
阅读全文
posted @
2020-12-09 16:21
Tsunami黄嵩粟
阅读(415)
推荐(0) 编辑
cookie cookie的获取
摘要：什么是 cookie cookie 是 浏览器 的 一种功能 是 浏览器 用来 存储 前端数据的一种 存储机制 本质上 是在 浏览器内 创建一个文档文件 在这个文件中写入数据,存储数据,读取数据 存储在 cookie 文件中的数据, 一般是作为整个项目的 公共数据使用 cookie 的本质是一个建立
阅读全文
posted @
2020-12-09 16:17
Tsunami黄嵩粟
阅读(554)
推荐(0) 编辑
常见的请求方式 json字符串
摘要：常见的请求方式: GET get请求携带的数据,存储在地址栏中 搜索数据时使用get请求 地址栏内,存储字符串的长度有限的,导致get方式传参数据内容大小有限制 会被浏览器自动缓存存储 如果两次get请求内容相同,浏览器不会执行第二次get请求 会使用上一次get请求的响应结果内容 实际项目中,往往
阅读全文
posted @
2020-12-09 16:13
Tsunami黄嵩粟
阅读(297)
推荐(0) 编辑
请求报文和响应报文
摘要：http协议在网络传输中的具体体现: 通过 请求报文 响应报文 来 完成请求过程 发送请求内容 要形成 请求报文 发送响应结果 要形成 响应报文 请求报文 : 由 4部分 组成 请求行 请求头 请求空行 请求体 在 控制台 NetWork 中可以看到 响应报文 : 由 3部分 组成 响应行 响应头
阅读全文
posted @
2020-12-09 16:02
Tsunami黄嵩粟
阅读(145)
推荐(0) 编辑
http协议
摘要：http协议 是网络传输协议的一种 https://www.baidu.com/ https / http / ftp 网络传输协议 www.baidu.com url网址 :端口 一般完整的 网络地址 应该由 这三部分组成 协议 地址 端口 http 规范的 网络传输协议的一部分 要与服务器建立连
阅读全文
posted @
2020-12-09 15:58
Tsunami黄嵩粟
阅读(247)
推荐(0) 编辑
php分页查询 子查询
摘要：分页查询 将查询结果只显示一部分 通过两个参数:参数1 起始数据的索引下标 参数2 显示数据的数量 LIMIT 参数1 , 参数2 查询新增最高的10人 薪资最高 按照薪资字段,从大到小显示 SELECT * FROM `user3` ORDER BY `pay` DESC; 最高的10个 从 第一
阅读全文
posted @
2020-12-09 15:39
Tsunami黄嵩粟
阅读(84)
推荐(0) 编辑
php分组查询和聚合函数 数据显示的顺序
摘要：// 分组查询和聚合函数 // 分组查询 : 将指定字段中的数据,按照不同的具体数值,进行分组 // 数据相同的分在一个分组中 // 一个分组中存储多条数据,实际只显示条数据 SELECT * FROM `user3` GROUP BY `dep`; mysql> SELECT * FROM `us
阅读全文
posted @
2020-12-09 15:35
Tsunami黄嵩粟
阅读(246)
推荐(0) 编辑
sql数据的查询
摘要：数据的查询操作 子查询 联合查询 多表查收等等 基本查询 模糊查询 分组查询 子查询 基本查询语句 查询表结构中所有字段的所有数据 SELECT * FROM `表名` 在 SELECT 和 FROM 之间设定需要查询的字段,字段之间使用逗号间隔 只查询并且显示 id字段 和 name字段 SELE
阅读全文
posted @
2020-12-09 15:30
Tsunami黄嵩粟
阅读(282)
推荐(0) 编辑
sql数据的操作
摘要：/* 数据的写入 名称 : 库名 表名 字段名 用 反引号包裹 数据 : 字符串数据使用单引号包裹 给所有字段都要写入数据 INSERT INTO `表名` VALUES( 数据内容 ) 给指定字段输入数据 INSERT INTO `表名` (指定字段) VALUES( 数据内容 ) 输入数据是 D
阅读全文
posted @
2020-12-09 15:22
Tsunami黄嵩粟
阅读(98)
推荐(0) 编辑
php程序出现乱码
摘要：// 1, PHP程序中的 中文乱码 // php7.0以下程序,没有默认设定 编码格式 , 需要添加响应头 // header("Content-Type:text/html;charset=utf8") // 2, cmd 中文乱码 // cmd 默认编码格式是 gbk 编码格式 // SET
阅读全文
posted @
2020-12-09 15:20
Tsunami黄嵩粟
阅读(133)
推荐(0) 编辑
数据库的基本介绍
摘要：数据库的基本介绍: 什么是数据库: 以电子数据形式存储数据的仓库 数据库的基本类型 : 网状型数据库 : 基本已经弃用 层次性数据库 : 基本已经弃用 关系型数据库 以 键值对 形式 存储数据 二维表形式 MySQL 所有的关系型数据库,操作方法都是通过SQL语句来操作 非关系型数据库 以 属性属性
阅读全文
posted @
2020-12-09 14:43
Tsunami黄嵩粟
阅读(176)
推荐(0) 编辑
php基本语法与安装
摘要：// 什么是PHP // PHP 是 后端语言的一种 // 主要作用就是实现数据交互 // 获取前端数据 操作数据库 返回操作结果给前端页面 // // PHP的环境搭建 // html,css,js 程序的运行,需要浏览器环境 // php的运行,需要 服务器 php程序本身 [数据库] // p
阅读全文
posted @
2020-12-09 14:02
Tsunami黄嵩粟
阅读(65)
推荐(0) 编辑
面向对象编程 es5和es6的构造函数
摘要：/* 面向对象编程 本质 创建一个对象 可以用 属性属性值的 方式 存储 数据参数 函数的参数 只能存储在形参之中 只能在函数内部使用 不能在函数外部直接调用 可以用 函数的形式 存储需要执行的程序内容 调用生成的对象,属性属性值就是需要的数据参数,函数方法就是需要执行的程序 定义 属性属性值存储参
阅读全文
posted @
2020-12-08 23:29
Tsunami黄嵩粟
阅读(123)
推荐(0) 编辑
利用正则搜索替换
摘要：<div id="box"> <div id="header"> <input name="search" type="text" placeholder="搜索内容" class="search"/> <button class="but1">搜索</button> <input type="te
阅读全文
posted @
2020-12-08 23:23
Tsunami黄嵩粟
阅读(112)
推荐(0) 编辑
正则特殊符号
摘要：// 正则表达式的特殊符号 /* \ 转义符 元字符 都是以 \ 开头的 \n转义符换行 \d元字符表示数字 在JavaScript中,转义符和元字符的设定,永远不会冲突 符合哪个的语法,就执行哪个 | 逻辑或 正则表达式 支持逻辑运算符 多个条件,默认执行并且逻辑与的关系 如果设定 | 是 逻辑或
阅读全文
posted @
2020-12-08 23:21
Tsunami黄嵩粟
阅读(407)
推荐(1) 编辑
正则边界符 限定符
摘要：// 正则表达式的边界符 // ^ 开始 写在正在表达式的始位置 // $ 结束 写在正在表达式的结束置 // let str = '1a123456abcdefg1'; // 独立使用只要包含数字,返回值就是true // let reg1 = /\d/; // let bool1 = reg1.
阅读全文
posted @
2020-12-08 23:15
Tsunami黄嵩粟
阅读(138)
推荐(0) 编辑
正则表达式和元字符
摘要：// 字面量语法 let reg = /要定义的正则表达式/ ; // 两个 / / 类似于 字符串的 ' ' 引号 // 定义正则表达式必须的符号 // 构造函数语法 let reg = new RegExp(); // 2,正则表达式的方法 // test() 判断字符串是否符合正则表达式规范
阅读全文
posted @
2020-12-08 23:09
Tsunami黄嵩粟
阅读(96)
推荐(0) 编辑
随机背景图
摘要：<style> div{ width: 432px; height: 768px; background: url('./image/1.jpg') no-repeat; } </style> </head> <body> <button>随机背景</button><br> <button name
阅读全文
posted @
2020-12-08 22:56
Tsunami黄嵩粟
阅读(75)
推荐(0) 编辑
秒表
摘要：<div>00:00:00:000</div> <button >开始</button> <button>停止</button> <button>重置</button> <script> // 秒表定义时,需要注意的一个关键问题 // 设定世间间隔的最小数值 // 显示器的刷新率 表示 一秒钟 显示
阅读全文
posted @
2020-12-08 00:13
Tsunami黄嵩粟
阅读(221)
推荐(0) 编辑
数组相关的函数
摘要：<ul> <li name="a">1</li> <li name="a">2</li> <li name="a">3</li> <li name="a">4</li> <li name="a">5</li> </ul> <script> // 数组的相关函数 // .pu
阅读全文
posted @
2020-12-08 00:02
Tsunami黄嵩粟
阅读(72)
推荐(0) 编辑
对象的结构语法
摘要：// 对象的解构语法 // 把对象中,属性/键名/键 存储的 属性值/键值/值 解构出来,赋值给变量存储 // const obj = { name:'张三',age:18,sex:'男' }; // 语法形式1 // 变量名称与键名必须相同 // 通过 键名 获取 数组中的数据,存储在名称相同的变
阅读全文
posted @
2020-12-07 22:53
Tsunami黄嵩粟
阅读(149)
推荐(0) 编辑
数组的结构语法
摘要：<script> // 数组的解构语法 // 将数组的数据单元,解构出来,一一赋值给对应的变量存储 // 给变量赋值的另一种语法形式 const arr1 = ['北京','上海','广州','重庆','天津']; let [str1,str2,str3,str4,str5] = arr1; con
阅读全文
posted @
2020-12-07 22:47
Tsunami黄嵩粟
阅读(107)
推荐(0) 编辑
展开合并运算符
摘要：// 展开合并运算符 // 展开合并运算符,实际上都是一样的运算符 // 只是不同情况下,执行不同功能 // 运算符 ... 三个点 // 如果定义在 形参 () 中 // 合并运算符,以数组的形式,将所有实参,存储在定义的形参中 // 语法1 , (...形参)=>{} 以数组的形式,将所有的实参
阅读全文
posted @
2020-12-06 11:21
Tsunami黄嵩粟
阅读(120)
推荐(0) 编辑
立即执行函数
摘要：// 立即执行函数 // 不在 内存 中 存储函数 // 在定义函数的同时,马上执行函数 // 执行完函数之后,就会立即释放内存中存储的函数 // 也就是立即执行函数,会马上执行,但是只能执行一次 // 有些函数执行时,只需要执行一次,如果使用立即执行函数,可以执行完毕后就释放函数,节约存储空间 /
阅读全文
posted @
2020-12-06 11:14
Tsunami黄嵩粟
阅读(94)
推荐(0) 编辑
改变函数中的this指向
摘要：// 改变函数的this指向 // 先记住一句话 : 箭头函数不能改变this指向 // 语法1: call() 方法 // 在调用函数时使用 // 在调用的函数名称后,添加 点 call // 调用函数的()中,应该赋值实参 // 第一个实参是,改变的this指向对象 // 之后的参数是原始函数本
阅读全文
posted @
2020-12-06 11:07
Tsunami黄嵩粟
阅读(120)
推荐(0) 编辑
箭头函数中的this指向
摘要：// 箭头函数中的this指向 // 如果是箭头函数,this指向是,父级程序的,this的指向 // 如果父级程序是一个函数,函数也是有this的,那么箭头函数的this,就是父级函数的this // 如果父级程序不是函数,例如对象,数组等,没有this指向,箭头函数的this指向是window顶
阅读全文
posted @
2020-12-06 10:59
Tsunami黄嵩粟
阅读(148)
推荐(0) 编辑
箭头函数 函数中的this指向
摘要：// 箭头函数 // 在匿名函数中,使用 => 箭头来替换 关键词 function // 箭头定义下 () 和 {} 之间 // 等于在使用新的关键词声明 函数 // 箭头函数的主要作用是,改变 函数中的 this 指向 // 为了 配合 构造函数语法 // 普通的匿名函数 var fun = f
阅读全文
posted @
2020-12-06 10:10
Tsunami黄嵩粟
阅读(123)
推荐(0) 编辑
ES6 ES6变量的声明
摘要：// ES6语法 // 是对js影响最大的一个版本更新 // 在 ES6 语法中 退出了很多新的 语法结构 // 就相当于 js 语言, 换了一个新的发动机 // 比如 java 等是 顶级跑车 帕加尼 福特地狱猫 // 之前的 JavaScript 最多算是 宝马Z4 // ES6 之后 可以算是
阅读全文
posted @
2020-12-06 09:57
Tsunami黄嵩粟
阅读(98)
推荐(0) 编辑
范围内的拖拽事件
摘要：<style> * { margin: 0; padding: 0; } body { height: 5000px; } .box { width: 800px; height: 800px; border: 10px solid #000; margin: 30px auto; position
阅读全文
posted @
2020-12-04 01:08
Tsunami黄嵩粟
阅读(79)
推荐(0) 编辑
div拖拽移动事件
摘要：<style> * { margin: 0; padding: 0; } body { height: 5000px; } div { width: 100px; height: 100px; background: pink; position: fixed; top: 0; left: 0; }
阅读全文
posted @
2020-12-04 01:06
Tsunami黄嵩粟
阅读(945)
推荐(0) 编辑
事件对象的属性 div点击移动事件
摘要：// 事件对象的相关属性 // e.target 触发事件的标签对象 // e.target支持所有标签对象的操作 // e.target.parentElement 直接父级标签对象 // e.target.parentNode 直接父级标签对象 // e.target.tagName 触发事件的
阅读全文
posted @
2020-12-04 00:42
Tsunami黄嵩粟
阅读(241)
推荐(0) 编辑
tab切换之循环遍历
摘要：<style> *{ margin: 0; padding:0; } ul,ol,li{ list-style: none; } .cont{ width: 800px; height: 600px; border: 5px solid #000; margin: 30px auto; displa
阅读全文
posted @
2020-12-03 23:46
Tsunami黄嵩粟
阅读(545)
推荐(0) 编辑
事件委托
摘要：<!-- div标签中有两个子级标签,需要给两个子级标签,添加不同的点击事件 --> <div> <span id="span1">我是第一个</span> <span id="span2">我是第二个</span> </div> <script> // 事件的委托 // 事件委托,大部分是对于动态
阅读全文
posted @
2020-12-03 23:43
Tsunami黄嵩粟
阅读(81)
推荐(0) 编辑
事件的传播和阻止
摘要：<div id="box"> <div id="middle"> <div id="inner"></div> </div> </div> <script> // 事件的传播和阻止 // 事件的传播 // 当点击后代标签时,会触发,所有父级标签,相同类型的事件 // 执行顺序,都是从当前标签向父级元
阅读全文
posted @
2020-12-03 23:39
Tsunami黄嵩粟
阅读(104)
推荐(0) 编辑
浏览器的高度和宽度 给函数绑定参数
摘要：<style> body{ width: 5000px; height: 5000px; } </style> </head> <body> <script> // 获取浏览器的宽度和高度 只能获取不能设定 // 包含滚动条 var w1 = window.innerWidth; var h1 =
阅读全文
posted @
2020-12-03 23:25
Tsunami黄嵩粟
阅读(64)
推荐(0) 编辑
浏览器的历史记录 浏览器对象信息 浏览器的事件
摘要：// 浏览器历史记录 // 也就是浏览器跳转过的页面的记录 // window.history 属性中存储浏览器的历史记录 // 是当前这个窗口的浏览记录,新窗口打开的页面,不算浏览记录 // window.history.length 次数 // window.history.back() 上一个
阅读全文
posted @
2020-12-03 00:30
Tsunami黄嵩粟
阅读(143)
推荐(0) 编辑
表单其他事件 地址栏相关信息
摘要：<form action="./01_复习.html" method="get"> <!-- maxlength 属性,限定输入数据的最大位数,如果达到最大位数,不允许继续输入 --> 账号: <input type="text" maxlength="16"> <span></span><br>
阅读全文
posted @
2020-12-02 23:54
Tsunami黄嵩粟
阅读(69)
推荐(0) 编辑
表单事件 验证码判断
摘要：<form action="./01_复习.html" method="GET"> 账号: <input type="text"><span name="1"></span><br> 密码: <input type="password"><span name="2"></span><br>
阅读全文
posted @
2020-12-02 23:39
Tsunami黄嵩粟
阅读(142)
推荐(0) 编辑
触屏事件 特殊事件 事件的绑定
摘要：// 只有移动端设备(终端) 支持触摸事件 // 即时带有触屏的电脑,也不支持触摸事件 // 因为硬件不同,操作方式不同 // 标签对象.ontouchstart 触摸开始事件 // 标签对象.ontouchend 触摸结束事件 // 标签对象.ontouchmove 触摸移动事件 // 长按事件
阅读全文
posted @
2020-12-02 23:32
Tsunami黄嵩粟
阅读(109)
推荐(0) 编辑
键盘多按键事件 移动的小方块
摘要：// 键盘多按键事件 // 在定义事件处理函数时,如果定义一个形参,JavaScript程序会自动向这个形参存储数据 // 形参中存储的是事件对象的相关数据信息 // 触发事件的对象,键盘事件,就是触发事件的按键,相关信息 // 一般 事件对象 形参名称为 event 或者 e // 解决兼容问题:
阅读全文
posted @
2020-12-02 23:25
Tsunami黄嵩粟
阅读(127)
推荐(0) 编辑
键盘事件
摘要：<style> /* 标签获取鼠标焦点时,执行的css样式 */ /* 平时颜色 */ input{ color:pink; } /* 获取焦点颜色 */ input:focus{ color:red; } /* 鼠标经过颜色 */ input:hover{ color: blue; } /* 鼠标
阅读全文
posted @
2020-12-02 00:10
Tsunami黄嵩粟
阅读(67)
推荐(0) 编辑
鼠标事件
摘要：<div>我是div <h1>我是h1</h1> </div> <script> // 鼠标事件 // 鼠标事件,可以绑定给标签对象,也可以绑定给真个文档 // 鼠标事件绑定给标签对象--div // 只有绑定的标签可以触发事件处理函数 var oDiv = document.querySelect
阅读全文
posted @
2020-12-02 00:06
Tsunami黄嵩粟
阅读(43)
推荐(0) 编辑
