- 博客(39)
- 收藏
- 关注
RSS订阅原创 vue3.0的亮点
Veu3.0六大亮点一、vue3.0六大亮点1. 编译性能比vue2.x快1.2~2倍。 2. 按需编译，体积比vue2.x更小。 3. 支持组合API(类似与React hook). 4. 更好的TS支持。 5. 暴露了自定义渲染API。 6. 使用更先进的组件。 二、vue3.0如何变快的？1. diff算法优化：...
2022-04-08 14:32:54
612
原创 商用文件规范
1.server.js(app.js) 服务器端主文件 启动服务器 配合全局使用的中间件2.pulice(www) 文件夹 用来存放静态资源3.config文件夹 配置项文件！！！ 服务器路径，端口号，使用数据库的名称4.app文件夹 所有API接口业务划分版本！！ v1/ user接口 blog接口 v2/user接口 blog接口5.Models文件夹 存放所有model模型6.core文件夹 共用的方法！！！ 连接数据库...
2022-01-22 23:35:53
1198
原创 mongodb mongoose 的使用
一、mongodb的使用const express = require("express")const app = express()//通过mongodb模块 连接数据库 //1.引入模块const mongodb = require("mongodb").MongoClientconst ObjectId=require("mongodb").ObjectId// console.log(ObjectId)//2.配置连接地址 数据库启动地址const mongodbUrl="m
2022-01-22 23:31:24
558
原创 mongodb 的初步了解
一、了解mongodbmongodb数据库属于非关系型数据库，分布式数据库在mongodb中没有sql语句，都是方法没有数据表，都存在于数组集合中mysql关系型数据库每个数据表都有一定的关联性对每个数据表进行操作时都需要使用SQL语句来进行操作二、mongodb数据库 1、官网下载https://www.mongodb.com/try/download/commu...
2022-01-22 23:25:37
382
原创 简易聊天室的实现
熟练应用socket.io 与fs模块html 文件<body> <div class="login"> <input type="text"><button>登录</button> </div> <div class="box" style="display: none;"> <div class="title">
2022-01-22 23:06:15
331
原创 express
一、如何通过express来启动一个server 的服务器通过启动一个服务应用来启动一服务器 app = express()二、如何获取接口通过路由的方式来获取接口app.get("接口"，（req，res，next）=>{}) // get 的方式获取app.post("接口",(req,res)=>{}) //post方式获取req获取前端传输过来的数据，res.send 向前端发送的数据 三、如何获取get 与post 传过来...
2022-01-22 23:01:55
361
原创 mysql关联菜品案例
一、reg注册页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l..
2022-01-02 17:39:03
466
原创 mySql(1)
一、安装Xampp来启动mysql二、数据库的增删改查1、文件类型的数据库：aqlite sccess 保存静态文件 本地储存 localstory2、关系型数据库： mysql 免费 oracle 收费收据库将所有的数据按照不同的分类，保存不同的数据库，每个表之间有关联性user order...
2022-01-02 17:32:31
387
原创 验证码的实现
一、验证码的实现1、需要svg-captcha模块2、在标签<img src=''>中的src自身带有一个get请求 故可以直接输入接口从服务器端直接获取端口<body><input typt='text'><img src='/getpic'> //getpic 接口</body><script> $(function(){ $.ajax({ type:'ge.
2022-01-02 17:11:42
802
原创 带图片的登录
熟练使用multerparty/fs/url 模块----------------------------------提交页面formdata--------------------------------<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge
2021-12-26 11:49:11
289
原创 带图片上传功能
一.multerparty模块 前端：let data=new formdata(form) 将form 的数据赋值给data 后端：let form = new multerparty.form({ uloadDire:'./upload''}) 放入同级文件夹upload中 前提是需要提前创建出来<form id='form' method='post' encty...
2021-12-26 11:36:00
121
原创 注册登录的实现
一、引用socket.io 模块二、利用,on()监听事件 .emit()发送响应来完成------------------------注册页面----------------------------------------------<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="...
2021-12-26 10:51:43
403
原创 Node.js(2)
一、体验node 创建server.js文件 从中输出console.log()可以从git中查阅二、启动服务器 如何启动一个服务 本地启动一个服务当前的电脑就是一个默认的本地服务器 ：挂载很多的服务 后端代码的服务器端口：计算机与外界通讯交流信息的接口Node.js 非常遵循模块化编程webpack.config.js 路径 path模块启动服务器 no...
2021-12-25 23:09:59
189
原创 Node.js(1)
一、模块化 1、创建类 将基本内容书写完成后 并在其他页面需要时导出 export{ } //导出类 2、建立总的JS文件 在需要某类内容时将其导出 import 自定义变量 form '目标对象' 3、配置webpack 文件module.exports 导出模块 node语言 entry: ...
2021-12-13 22:41:03
256
原创 ES6（3）
一、 get和setclass中 get和set 用于获取属性 和设置属性 ，方法获取和设置通常不设置和获取和方法同名的属性，防止出现 内存溢出问题get 和set 针对 构造函数内部已经存在 属性 //该种方法导致程序多次调用Height 造成内存溢出 class People{ constructor(name ="王一",age=18){ ...
2021-12-13 22:25:39
574
原创 ES6（2）
一、map方法 数组增加方法.push .map 是将数组中的每个元素增加特殊处理后，再返回数组 .replace 表示替换（替换前值，替换后值）let prices=[20,30,40] arr = prices.map(item=>item+'元') //使用map将其中的每个元素拿出来并加入元，箭头函数无法使用构造函数console.log(arr)案例let movies=[ {id:1,name:'逃学威龙',...
2021-12-11 21:39:40
551
1
原创 ES6 （1）
一、let 与 const 定义变量var 变量名称 = 赋值 作用域问题：全局作用域 局部作用域 let 与 const 编程语言中{}块级作用域if(true){ var x=20}console.log(x) /20 使用var 与 let const 的区别 1、新增块级作用域 每一个 {} 就是一个独特的块级作用域 通过let或者const定义变量 在其内部生...
2021-12-11 20:57:01
290
原创 Javascript 高级（2）
一、数据检测的常用方法 1、iintanceOf 用于检测变量的指定数据类型 2、.hasOwnProperty(属性名(key)) 判断当前属性 是否存在于 构造函数 3、in 判断对象是否具有对应属性包括原型 Key in 对象 ...
2021-12-08 22:20:15
58
原创 Javascript 高级（1）
一、简单创建对象 1、创建一个学生对象 属性 ：名称，身高，年龄 方法：吃饭 ，跑 2、最基础的创建对象的方法 3、好处：简单，方便4、缺点：无法进行量产<script> var students=[] var s1={ name:"王一", height:180, age:21, eat:functio...
2021-12-08 12:54:05
527
原创 JavaScript 总结
一、什么事前端 一）、前端，界面，计算机端桌面软件开发的界面，计算机的浏览器界面，移动端的浏览界面。提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言；什么 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的...
2021-09-16 13:19:18
80
原创 bom的简介
一、BomECMAScript指的是基本语法 DOM控制标签相关的内容 BOM控制浏览器窗口相关的window.close()关闭当前的窗口 window.open('链接地址')打开新的窗口 setInterval()属于window下的方法定时器 Confirm('确认关闭吗')弹出确认框点击确认返回true点击取消或者x返回false SetTimeOut()单次定时器 setInterval(...
2021-09-16 09:59:10
45
原创 增加/删除标签，购物车的选择功能，管理系统的实现
一、增加标签，信息发布创建标签document.createElement('标签名字'); 增加内容.innerHTML=( 改变内容) a.appendChild(b)把b追加到a内部的后面 控制表单元素的值获取值：获取标签.value修改值：获取标签.value='值'发布案件案例二、标签的增加和删除1、document.createElement('标签名字');增加标签2、a.ap...
2021-09-16 09:54:41
165
原创 DOM&控制标签的HTML&控制标签属性&搜索框的实现
dom&控制标签的html&控制标签属性&搜索框的实现、dom1、js代码一般放置在body内部的底部，因为js进行dom元素的操作，需要等待标签加载完以后再执行2、代码从上到下执行，如果把js放在上面的话，执行到js的时候，标签还没有渲染。就会报错3、css加载是同步的，渲染标签的时候，会同时去找css样式，所以css放在在页面的哪一个位置都可以4、获取标签 通过id名获取标签得到的是唯一的...
2021-09-14 11:16:20
167
原创 正则表达式
正则表达式1）、 正则表达式是构成搜索模式（search pattern）的字符序列/^ $/ /表达式/ ^开始的条件 $结束的条件 2）、 .search 检测字符串中指定的字符 如果不包含该字符得到-1 包含的话就返回该字符开始的位置3）、 .match可以用来检测字符串是否符合某个表达式的规则 如果不符合得到null 符合得到一个对象(a|b|c)|或的意思 a或者b或者c都可以 其中1个值d...
2021-09-10 21:12:46
70
原创 二维数组&string&date&math
、二维数组1、 二维数组，数组的元素又是一个数组一般使用在多重数据的情况下获取二维数组元素 arr[row][col]数组元素的下标从0开始案例（2048游戏）、string1、 以下两种方式创建的字符串，使用方法一样1）、字符串类型var str = "he" 2）、对象类型var str1 = new String("he")...
2021-09-10 20:21:20
512
原创 javascript 数组&数组API
、初识数组数组：一组变量的集合，连续保存多个数据的引用类型的对象如何创建数组：1. 创建空数组 var 数组名=[];暂时不知道数组内容的时候，先创建再追加2. 创建数组的同时直接初始化内容var 数组名=[值1,值2,...];3. 创建指定个数的数组var 数组名=new Array(n);创建一个数组对象，同时初始化n个空元素4. 创建同时直接初始化var 数组名=...
2021-09-10 19:59:08
134
原创 循环结构以及函数对象
、for循环for循环与while循环等效语法：for(1.初始化循环变量;2.循环条件;3.迭代修改循环变量){4.循环体;}1->2->4->3->2->4->3while(循环条件){迭代修改循环变量;循环体;}案例一案例二注意：如果要输入迭代次数时注意for语句的流程for(1.初始化循环变量;2.循环条件;3.迭代修改循环变量){4.循环体;}>2->4...
2021-09-10 19:52:44
133
原创 javascript 逻辑运算&分支结构
JS逻辑运算&分支结构一）、逻辑运算：将多个关系运算综合起来，得出一个结论（true，false）3种： &&(且) ||（或） !（非）&&:2个条件都必须为true，才返回 true||:2个条件都必须为false，才返回 false短路逻辑(分支结构)：&&：如果前一个条件为false，就已经得出结论->false||: 如果前一个条件为true， 就已经得出结论->true引申出短路...
2021-09-10 19:41:29
145
原创 javascript 数据类型以及类型转换
JS的数据类型JavaScript的数据类型：2类1. 原始数据类型：String - 字符串Number - 数字Boolean - 布尔 true falseundefined - 所有仅声明，未赋值的变量的默认值！- 空（修饰原始数据类型的空）null - 空 （修饰对象的空）*symbol引用类型对象：array（数组） function（函数） Math Date...
2021-09-10 19:30:42
63
原创 JS初识，了解
什么是前端Web是网络的基石前端：界面：计算机（pc）端桌面软件的界面，计算机端的浏览器界面，移动端的浏览器的界面。使用网页技术HTML+CSS+Javascript 开发界面；HTML+CSS+Javascript 的关系；HTML 架构师，网页内容Css 修饰师，装饰内容Javascript 魔术师，网页进行交互什么是Javascript ;Javascript 的缩写 JS Javascript 与 CMASscript的关系；Ja...
2021-09-10 19:25:59
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人