法尼瓦伦泰Funny-CSDN博客

原创事件（文档）

事件什么是事件事件的作用1：实现用户与浏览器之间交互的2: 监听机器，进度，动画等为什么有事件？（事件解决了什么问题）如果没有事件，那页面相当于PPT分析业务方式1：用户对哪一个元素，做了什么事给什么元素绑定什么事件2：做了这件事后浏览器展示什么效果？在事件处理函数中编写哪些代码。事件里面具体内容事件分类内置事件事件参考清单如何知道应该用哪一个事件？1:分析行为 2:根据行为查找事件自定义事件事件处理函数1：执行慢的函数2：当触

2022-04-24 00:06:36 107

原创 dom文档

dom选择器作用：选中html元素，在js中以对象形式存在，js通过对dom对象下属性多次赋值，以及api使用，完成页面动画注意：选择器返回值，有的是dom对象，有的集合，如果是集合，需要从集合中取值获取dom对象document.apidocument.getElementById()document.getElementsByClassName();document.getElementsByTagName();document.querySelector()document.

2022-04-24 00:06:34 753

原创工程设计文档

2022-04-24 00:06:28 110

原创 es6（四）

添加实例方法 class Person { constructor(name,age) { this.name=name; this.age=age; } //定义方法 say() { console.log("大家好，我叫："+this.name+"，今年："+this.age+"岁"); } travel(){

2022-04-24 00:06:22 162

原创 es6（三）

Promise为什么要有promise：解决（回调地狱）的问题回调地狱： //跟以前的if条件地狱很像 // if(){ // if(){ // if(){ // } // } // } $.get("/getUser",function(res){ $.get("/getUserDetail",function(){ $.get("/getCart"

2022-04-24 00:06:15 42

原创 es6（二）

对象中function的简写var obj = { foo(){}}1: 有 this 有super2: 不能 obj.foo.prptotype修改foo的原型。3：Object.setprototypeOf(obj.foo,{}) 修改foo原型函数的扩展rest参数使用背景：es6的优点：arguments是伪数组，而rest参数是真数组 function fn(...args){ // rest 参数 console.log(args);

2022-04-24 00:06:12 51

原创 ES6(常用的、重点的)

ES6(常用的、重点的)数组API、正则API、字符串API都不讲变量声明es6 中变量声明方式6种 var function let const class import 形参总结：【es6中语法】在同一个作用域中【变量名】不能重复；function 定义函数函数声明提升var 声明变量变量提升let 声明的变量只能在当前块中使用。let 声明的变量；决定变量能在哪里使用；而不是形成一个作用域注意事项在当前{} 中不能重复声明let 声明的变量

2022-04-24 00:06:06 49

原创 mysql数据库（二）

数据库mysql数据库默认端口（数据库汇总）oracle：1521sqlserver ：1433mysql ：3306mongodb ：27017DB2 ： 50000mysql中间使用使用步骤 1：导入mysql 中间件 const mysql = require(‘mysql’); 2: 创建连接池 const pool =mysql.createPool() 3: 取出链接 pool.getConnection() 4：操作数据 pool.query() 5

2022-04-24 00:06:03 111

原创 mysql数据库（一）

数据库mysql数据库创建表- 数据类型 + 整数类型 int + 浮点类型 double + 日期类型 date/timestamp + 字符串类型 char varchar * 可变varchar(n) 必须要给字符最大长度n 使用：用户名，密码，身份证号码。 n= 40 40 个字节，20个字符 * 不可变是char 不需要给字符长度,使用；商品描述、歌词... * 空间换时间 * text

2022-04-24 00:06:00 64

原创 promise基本用法

promise基本用法let p = new Promise(res=>{})p.then()Promise.all()Promise.race();Promise.resolve();Promise.any()promisepromise中那个程序是异步？那个是同步1new Promise的回调函数方法体中随着new Promise同步执行,注意：一般在方法体中编写异步代码；例如　ajax setTimeout2:then 中回调函数是异步执行的问题：then的回

2022-04-24 00:05:55 129

原创 npm（一）

npm是什么是包管理器。远程仓库，提供了第三方库资源。在node环境下可以直接下载并使用为什么学npm属于工程化中一部分使用npm比传统的下载方式方便，快捷，高校自己写组件库，插件库，可以让别人使用初始化工程npm init命令运行方便// package.json{ scripts:{ "node:"rm -rf ./src && node ./app.js" }}下载内容方便npm i jquery -Dnp

2022-04-23 21:50:06 49

原创 node（二）

node常见api 用途// .join（）把用户传入的不规范路径，转化为系统可读取的规范路径且返回结果为字符串类型/** * path.parse() * 参数为路径字符串 * 作用：将路径字符串切割并且转为路径对象以下输出结果 * root: 'C:\\' 系统根目录 * dir: 'c:\\Users\\Administrator\\Desktop\\前端\\node\\2019-3-25fs&process&path模块',' ——&g

2022-04-23 21:46:56 36

原创 Node基础

Node基础node发展史|node 是什么编写服务端的语言。服务端和客户端编写代码有什么区别？为什么学习Node?为了咱们可以了解服务端开发。掌握服务端开发基本流程s为了前端工程化开发。IO优势IO I—inputu 读取文件 o — outinput 写入文件对于文件读写,Node采用的是非阻塞IO传统IO在读写文件的时候CPU来处理,而代码执行也处于等待中,浪费性能非阻塞IO将读写操作交给CPU,而代码正常执行,减少等待浪费的性能应用场景实际应用: webp

2022-04-23 21:44:59 1805

原创 git（三）

情景模拟初始化项目git init git add *git commit -m '注释：什么项目主要是做什么的，开发周期等一些项目重要信息'某些文件修改时候当开发时候，更改个别文件；并新建了文件。记不住做过什么？怎么办？1：追踪所有文件的状态。git status---> 哪些是新建的文件哪些文件被修改了2 如果记不住某个文件修改了哪些内容git diff 查看所有修改内容git diff <filePath> 查看某个文件修改了哪些内容----&

2022-04-23 21:41:01 120

原创 git（二）

查看文件查看追踪文件状态git status 查看所有文件状态，新增删除更新内容git status 追综的是修改项目之后，git commit 之前查看追踪文件具体修改内容git diff <filePaht>查看具体某个文件。更新哪些内容，新增或者删除哪些内容git diff 查看所有文件变更记录git diff 追综是，修改了内容之后，git add 之前的状态什么情况使用：1：不知道需要 git add 哪些文件2：不知道某个文件更改哪些内

2022-04-23 21:40:14 311

原创 git（一）

git工具简介git 是分布式的代码管理工具本地管理下载安装下载地址全局配置作用：告诉git是哪一个用户在使用git告诉git当前使用的用户是谁git config --global user.name 'github用户名，也可以是其他名称'告诉git 绑定的邮箱是什么。git config --global user.email 'github绑定邮箱'----------开始使用git-----------查看配置git config --global use

2022-04-23 21:39:17 151

原创浏览器存储

浏览器存储浏览器给前端开发人提供了存储数据。作用：实现数据持久化存储。可以实现数据的共享url传参location.href 跳转链接并拼接下一个页面需要的参数在两一个页面中location.href获取页面信息，并对?后面参数进行格式化处理最后使用格式化后的参数。数据持久化存储locaStorage为什么需要locaStorage只要浏览器中数据需要持久化存储都可以使用localStorage1：大小5M2: 需要使用ap才能删除数据 removeItem clear

2022-04-23 21:34:31 245

原创正则（三）

正则表达式查询手册字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\”匹配“\”而“(”则匹配“(”。^^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“\n”或“\r”之后的位置。$匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性，$也匹配“\n”或“\r”之前的位置。*匹配前面的子表达式

2022-04-23 21:31:38 51

原创正则（二）

边界匹配的字符^ 开头 1{4}$ 结尾\b 单词边界\B 非单词边界总结：用于验证某个字符串是否满足某个规则规则：需求一定确定的规则：特别严格。量词量词：是匹配一个字符的长度多少？匹配一个连续出现20次的字符；字符长度为20? 出现0次或者1次 /\d{0,1}/ /\d?/一次或者多次 {1,}出现0次或者多次 {0,}{n} 长度为n{n,m} 长度最小n 最大m{n,} 长度为n到无穷大注意：以上匹配方式都是，长度尽量

2022-04-23 21:30:15 73

原创正则（一）

正则（一）文章目录正则（一）学习目标正则工具正则是什么修饰符元字符字符类[]普通类字符类取反 [^]范围类预定义类学习目标掌握正则基本语法会编写常见的正则表达式能看懂正则表达是匹配规则已知规则可以编写正则表达是正则工具正则使用工具正则入门正则是什么正则是运算符。作用用于查询字符串修饰符g: 全局匹配可以匹配到 0-多个结果i: 不匹配大小写m 多行匹配元字符正则表达式有两种基本字符元字符原义文本字符原义概念：表示代表本来文本的字符；元字符：再正则

2022-04-23 21:28:24 159

原创 babel&webpack小结

babel&webpack小结解决问题es6以上版本浏览器不支持问题babel认识babel1.认识 Babel官网：https://babeljs.io/在线编译：https://babeljs.io/replBabel 是 JavaScript 的编译器，用来将 ES6 的代码，转换成 ES6 之前的代码使用babel 对 es6代码进行编译，但是ES6新增的对象Babel不能编译。解释编译结果abel 本身可以编译 ES6 的大部分语法，比如 let、const、

2022-04-21 23:57:04 713

原创 promise小记

promise小记1 promise 程序执行的特点1: new Promise中的回调函数是同步执行的2: 原型方法的回调函数,都是异步执行的, 属于异步消息队列中的微任务.2 promise有三种状态pendingresolve/ fulfilled 已接收reject 已拒绝peomise api 分类原型api静态pai所有的api执行后返回值都是新的promise实例, 只要是 promise实例就可以使用原型方法静态方法:只能同构Promise构造函数使用

2022-04-20 18:31:28 942

Funnywaluntai的博客