- 博客(28)
- 收藏
- 关注
RSS订阅原创 Vue插槽的坑
slot的正确用法:例如有如下pannal组件<div class="container"> <header> <slot name="header"><!-- 页头 --></slot> </header> <main> <slot name="main"><!-- 内容 --></slot> </main> <footer&
2021-10-27 18:45:09
234
原创 v-model.number问题记录
目录v-model.number的使用v-model的问题v-model和失去焦点事件v-model.number的使用v-model的问题v-model和失去焦点事件
2021-10-21 20:16:01
941
原创 v-for如何更新DOM
文章目录v-for基本使用v-for更新检测理解v-for就地更新真实DOM和虚拟DOM理解diff算法v-for基本使用使用html举例<body> <div id="app"> <ul> <li v-for="(a,b) in obj">{{a}}----{{b}}</li> </ul> <ul> <li v-for="(a,b) in arr">{{a}}----{{b}}
2021-10-20 21:38:09
405
原创 从深入理解到自定义Promise--下篇
手写Promise实现定义整体结构完成构造函数的实现Promise.then/catch的实现Promise.resolve/reject的实现Promise.all/race的实现Promise.resolveDelay/rejectDelay的实现Promise完整版定义整体结构完成构造函数的实现Promise.then/catch的实现Promise.resolve/reject的实现Promise.all/race的实现Promise.resolveDelay/rejectDelay的实
2021-10-18 21:57:46
98
原创 Webpack学习一步到位
WebpackWebpack概念Webpack结构结构配置入口起点输出loader打包css文件Webpack概念webpack是一个静态模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle使用前提 下载webpack webpack-cli包 (webpack v4以上要装webpack-cli)Webpack结构 了解webpack先从理解webpack
2021-10-17 22:11:33
89
原创 从深入理解到自定义Promise--上篇
深入理解PromisePromise是什么一.两种类型的回调函数1.1同步回调1.2异步回调二.理解Promise2.1理解2.2Promise的状态2.3Promise基本流程为什么要用Promise一.指定回调函数的形式更加灵活二.支持链式调用,解决了回调地狱问题Promise是什么简单的Promis函数const p = new Promise((resolve,reject) => { //执行器函数 //执行 excutor //如果成功了调用resolve(value);
2021-10-14 23:05:21
190
原创 使用MySQL模块操作MySQL数据库
使用MySQL模块对数据库增删改准备工作连接数据库使用数据库查询数据新增数据修改数据准备工作准备数据库表 填充一些数据安装操作MySQL数据库的第三方模块(mysql)通过mysql模块连接到MySQL数据库连接数据库const mysql = require('mysql');const db = mysql.createPool({ host:'数据库的ip地址', user:'登入数据库的账号', password:'登入数据库的密码', database:'要使用的数
2021-10-14 16:33:36
156
原创 CORS跨域资源共享
CORS介绍什么是CORSCORS注意事项CORS响应头部Access-Control-Allow-OriginAccess-Control-Allow-HeadersAccess-Control-Allow-MethodsCORS请求的分类简单请求复杂请求什么是CORSCORS(Cross-Origin Resourcr Sharing,跨域资源共享) 由一系列HTTP响应头组成,这些HTTP响应头决定浏览器是否阻止前端JS代码跨域获取资源浏览器的同源安全策略会拦截网页跨域获取到的资源,但是如果接
2021-10-14 14:19:19
108
原创 完全理解jsonp跨域
完全理解jsonp跨域理解同源和跨域一个简单的跨域请求使用jsonp跨域理解jsonp跨域的原理修改代码测试理解同源和跨域提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。一个简单的跨域请求目录结构index.html<body> <button id="btnG">GET</button> <script src="jQuery.
2021-10-14 10:00:59
95
原创 简单看一遍Express使用
简单看一遍Express使用了解Express基本结构中间件合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入了解Expressexpress框架是NodeJS最流行的轻量web开发框架,简单易用且功能强大.本文主要记录express中中
2021-10-13 22:37:15
192
原创 Express基础
Express基础了解Express基本结构监听请求托管静态资源了解Express<express框架是NodeJS最流行的轻量web开发框架,简单易用且功能强大.不使用Express,使用Node.js提供的原生http模块也可以创建web服务器,不过http内置模块用起来复杂,开发效率低;Express基于http模块进一步封装,能够极大的提高开发效率基本结构//大前提:npm install express@4.17.1//第一步 引入expressconst expres.
2021-10-11 21:59:15
107
1
原创 一口气看完MySQL--下篇
一口气看完MySQL--下篇前言数据的操作增 insert删 delete改 update查 select无条件的查询有条件的查询1.比较运算符条件2.逻辑运算符条件3.范围搜索条件4.列表搜索条件5.like关键字搜索6.空值查询操作查询结果分组 group by查询结果排序 order by聚合函数四类函数字符串函数数学函数日期时间函数控制流函数前言本文衔接上文:一口气看完MySQL–上篇上篇记录了: MySQL的介绍 数据库的操作 表的操作以下是本篇文章正文内容
2021-10-11 19:10:02
522
1
原创 简单看一遍http模块
简单看一遍http模块什么是http模块简单使用一下request请求对象response响应对象不同的URL不同的响应什么是http模块传统的HTPP服务器会由Aphche、Nginx、IIS之类的软件来担任，但是nodejs并不需要，nodejs提供了http模块，自身就可以用来构建服务器//第一步引入http模块(内置模块不用写相对路径)const http = require("http");//创建web服务器const server = http.createServer((re
2021-10-10 23:02:25
59
原创 一口气看完MySQL--上篇
MySqlMySql中的数据类型注释数据库操作表的操作给表关联约束主键约束 primary key创建删除主键约束联合主键创建删除联合主键唯一约束 unique创建删除唯一约束自动增长列 auto_increment创建删除自动增长默认约束 default创建删除默认约束非空约束 not null创建删除非空约束外键约束 foreign key创建删除外键约束MySql中的数据类型1.数值类型大小范围范围用途TINYINT1字节-27~27 -10~2^8 -1小整数
2021-10-10 18:35:04
3895
10
原创 简单看一遍fs文件系统模块
简单看一遍fs文件系统模块什么是fs文件系统模块学习知识点使用步骤简单文件读写了解内容流式文件读写常用模式什么是fs文件系统模块fs模块是Node.js提供的用来操作文件的模块功能就是操作文件这么简单掌握知识点 fs.readFile()方法,读取指定文件中的内容 fs.writeFile()方法,向指定文件中写入内容了解方法名+aysnc后异步调用学习知识点掌握知识点:简单文件读写– fs.readFile()方法,读取指定文件中的内容– fs.writeFile()方法,向指
2021-10-08 22:55:32
270
原创 三分钟弄懂防抖节流函数
页面:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>index</title></head><body> <button id="btn">发送验证码</button></body><script> const btn = docum.
2021-10-07 22:35:38
228
原创 手写深拷贝函数(有枚举属性和无枚举属性)
基本数据类型赋值时,值存储在栈空间中,拷贝基本数据类型时可以直接拷贝该值.引用数据类型赋值时,栈中存储的是该对象在栈空间中引用,拷贝时拿到的是地址值浅拷贝const obj1 = { 'name' : 'zs', 'age' : '18', 'num' : [112,[334,[556,[778,[990]]]]]};function shallowCopy(obj) { const o = {}; //遍历对象,将值传给新对象 for (let key in.
2021-10-07 21:37:14
457
原创 Node包
包目录组成 package.json : 包描述 bin : 存放可执行二进制文件目录 lib : 存放JavaScrip代码的目录 doc : 用于存放文档的目录 npm使用 查看镜像源 npm config get registry 使用淘宝镜像 npm config set registry=https://registry.npm.taobao.org/...
2021-10-07 10:00:43
135
原创 模块化开发
非模块开发index.html引入1.js文件和2.js文件1.jsconst moduleA = (function(){ //这里定义变量和函数})()2.js 可以使用1.js的变量和函数常用的模块化开发不再需要依赖同一个html文件CommonJSAMDUMDESmodule...
2021-10-06 10:09:36
218
原创 JavaScript（2）数组详细
创建数组var arr1 = new Array();var arr2 = new Array(1,'2',true);var arr3 = [];var arr4 = [1,'2',true];
2021-08-14 16:31:10
94
原创 JavaScript基础学习（1）
基本数据类型Numbervar num = 123;/*数字*/ typeof(num)->Numbervar num2 = 'abc' - 123;/*NaN*/ typeof(num2)->NumberString var str = 'abc'; typeof(str) ->String var str2 = '123'; typeof(str2...
2021-08-12 09:12:22
157
原创 CSS学习（1）
选择器以及权重权重：!important>内联>id>class=伪类>元素选择器>通配符选择器>继承了解权重级别第五级span { color:red!important;}第四级<span style="color:red">测试文字</span>第三级#text { color:red;}第二级 忽略a的权重情况下，两者权重相等.text { col...
2021-08-11 11:53:30
118
原创 Webstorm基本配置
安装完webstorm首先：配置内存分配找到webstorm的安装目录webstorm安装主目录>bin>WebStorm.exe.vmoptions我的安装路径D:\Program Files\JetBrains\WebStorm 2020.1.2\bin\webstorm64.exe.vmoptions解决方法：用记事本打开将-Xms 改成1024m（最大为11024m，改多了webstorm无法打开）将-Xmx改大，具...
2021-08-11 11:08:19
7185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人