- 博客(42)
- 收藏
- 关注
RSS订阅
1原创 Ts 的基础笔记
Ts 的基础笔记原始数据类型原始数据类型包括：布尔值、数值、字符串、null、undefined 以及 ES6 中的新类型 Symbol 和 ES10 中的新类型 BigInt。定义变量;let isDone: boolean = false; // 布尔值变量let decLiteral: number = 6; // 纯数字let myName: string = "Tom"; // 字符串let u: undefined = undefined; //undefinedlet n:
2022-03-04 17:06:04
513
原创 Git 常用命令
git 分布式版本控制系统配置仓库用户名和邮箱 git config --global user.namr 'your name' git config --global user.email 'your email'初始化仓库 git init添加文件并提交到仓库 git add . //将工作区文件提交到暂存区 git commit -m '提交备注' //将暂存区文件提交到分支查看提交记录 git log版本回退(根据 commit id 的前
2022-02-11 18:44:04
260
原创 6.js返回值return
函数的返回值（return）return一般都是在函数内部里面 表示函数结束 就是函数内部return后面的代码都不执行 return还有一个的作用就是返回结果 就是将函数里面的结果返还给函数的本身 也就是赋值给函数名return语法格式：function fun1() { var num1 = 10, num2 = 5; var num3 = num1 + num2; console.log(num3)
2021-10-14 18:49:51
587
原创 9.js 的字符串对象
js里面的字符串对象js中的字符串其实就是相当一种数组 (所以字符串的索引开头是0)，我们从接受用户填写的信息都是字符串的类型 有时候我们需要检索用户填写的文字来进行一些操作那么如何获取用户填写的内容或者（某些特定的字符）1. 变量名.indexOf (查询位置的字符) 获取该字母首次出先的位置 如果没有返回的就是-1 变量名.lastindexOf() 重末尾的位子开始查询2. 变量名.length 获取字符串的长度3. 变量名[ 索引号] 通过缩索引号获得字符串 空格也算
2021-07-24 21:53:59
143
原创 10.js中的计时器
js中的两中计时器在js中计时器主要是用来计算时间多久执行一个函数 setTimeout（）setlnterval（）1. setlnterval（）的语法格式：setlnterval(函数名，时间（ms）)setlnterval计时器是让每一段函数在多久被执行调用一次，无限次循环，上面的是在函数调用时才会被无线执行，也可以将其函数直接嵌套在setlnterval里面1语法格式：setlnterval(function(){ 函数所执行的代码},间隔时间)2. setTim
2021-07-24 21:53:32
628
原创 12关于访问数组元素的方法
1,，文本类数组的几种方法1.lastIndexOf() , .indexOf() 根据索引查找某个数组元素 语法格式：数组名.indexOf() //重开头查找某个数组元素数组名.lastIndexOf() // 重末尾开始查找某个数组元素//里面填写的时数组元素对应的索引号2，功能类数组的几种方法1.concat()合并数组 语法格式：数组名.concat(合并的数组2)//参数用来填写合并的第二个数组2.join()把所有的数组转换成..
2021-07-24 21:53:10
870
原创 14.日期对象
日期对象的使用在js里面 我们想要获取时间的日期我们就需要调用 日期对象 这些对象都是js原膜版里面设置的 直接调用的就好了获取时间日期的对象语法格式：var date = new Date() //获取当前的中国时间的日期var year = date.getFullyear() // 获取当前的日期年份 0-11 0代表1月份var month = date.getMonth() //获取当前时间的月份var Day = date.getDate()//获取当前几号var week
2021-07-24 21:52:32
70
原创 24- 通过js获取修改属性值
在H5的标签里面都有自己的属性 就好比每一个标签都有一个属性class 通过这个属性我们可以给他取名字 通过style我们可以给他设置样式等等。。。这些都叫做标签自带的属性（原生属性）当然我们也可以自定义属性和值 （自定义属性）所谓自定义就是随便取名字（但是要注意语义化）标签的原生的属性值语法格式：变量名.getAttribute("属性名") //获取变量名.setAttribue("属性名","值") //修改变量名.removeAttribute() // 移除// 通过这写j
2021-07-24 21:52:19
496
原创 25-js 获取css样式的几种方法
通过js设置了HTNL的css样式属性行内式的添加样式1.变量名.style.属性名="属性值" //能添加多个样式属性2.变量.style="属性名以及属性的值"//只能为其添加一个样式 //第一种可以添加多个不同的样式但是每添加一个样式都需要在写一次规格 //第二种只能添加一种样式多次添加或被覆盖3.变量名.style.cssText="样式1 样式2...."//一次性可以添加多个样式//如：box.cssText="font-size:17px; color:red; ..."
2021-07-24 21:52:06
1251
原创 27-js监听事件
js中的时间监听EventListener（监听事件的方法）指定为一个对象或者变量进行事件的监听如果触发这个事件就执行里面的函数1. addEventListener//添加事件语法格式：变量名.addEventListener("事件的类型",function(){ 触发事件需要执行的代码})2. removeEventListener//移除事件语法格式：变量名.removeEventListener("事件的类型"，function(){
2021-07-24 21:51:50
343
原创 28-js中的事件绑定
js里面的交互事件绑定键盘的事件2. dom.onkeyup=function(){检查键盘按钮是否按下触发需要执行的函数}鼠标的事件1. dom.onclick=function(){// 点击该元素 执行的函数}2. dom.onmousedown=function(){//鼠标在该元素按下时触发 执行的的函数}3. dom.onmouseup=function(){// 鼠标在该元素左键抬起时触发 执行的的函数}4. dom.onmousemove=f
2021-07-24 21:51:36
62
原创 29-js中的几种API获取
document文档document 文档Element 对象client 客户端offset 偏移scroll 溢出offset scroll client 三者之间的区别1. offset 获取一个元素在整个文档中的位置信息dom.offsetHeightdom.offsetWidth//获取的是元素的实际宽高 = width + border + paddingdom.offsetTopdom.offsetLeft//获取元素的位置信息 如果父元素有定位属性的话得到是距.
2021-07-24 21:51:20
736
原创 30-JS事件信息
事件的信息- 在每个事件里面的函数（）里面也就是形参里面 里面有值时 那么这个形参里面存储的就是这个事件触发的一些相关信息 默认的事件里面填写的不管是什么他都时储存的都是事件的相关信息 一般里面填写event 或者简写 e 语义化这个形参的类型是一个对象 所以我们可以通过对象的方法 来访问一些关于该事件的信息如：box.onclick=function( e ){ //里面的e储存的时关于onclick事件的信息 console.log(e) //得到所有关于click的
2021-07-24 21:50:57
62
原创 32-this的理解
this的理解在一般的函数里面this他就指向全局对象 window 不管这个函数被包裹几层 他指向window1.如果这个函数被绑定在一个对象里面那么这个this将会被隐式的指向这个对象 如果这个函数在进行嵌套一个函数的话 那么所嵌套的那个函数的this执行window## this的脱离绑定指一个区域块的this被保存(提升)在全局里面此时的this就指向全局了-------------案例-------------------var obj = { a: 1, // a是定义在
2021-07-16 17:28:23
68
原创 41-DOM节点
DOM中的节点dom就是书写html的每一个标签 也叫文档对象模型 其目的就是为了通过js对html的一些元素进行操作修改解析的过程：在html加载完毕后 渲染引擎会自动生成一个DOM树 就是有一个个的标签(dom)组成的 我们可以通过特定的指令来获取dom(标签) 才能对其进行一些列的操作在每一个dom中又存在三个节点：元素节点: （HTML标签）文本节点: （在标签之间的文字）属性节点: （标签的属性）节点的操作1. 创建一个新的节点： var 变量名 = documen
2021-07-16 17:28:03
67
原创 33-闭包的讲解
闭包的理解案例先上代码: function fn1() { var num = 7 return num } (function fn2() { console.log(num);//报错无法访问 var box = fn1() console.log(box); //7 }())在上面个的例子中可以看到当一个函数想要访问另一个函数内部的变量时是没有办法访问的，会报错。此时我们可以
2021-07-16 17:27:32
48
原创 35- ES6的语法格式
Es6的语法1. 箭头函数ES5 创建函数形式function (参数){ 函数体}ES6 创建函数形式(参数)=>{ 函数体}//Es6就像当于是ES5的简写 书写起来更加的方便讲解箭头函数的特点：1. 当是有一个参数的时候（）方括号可以不写直接写形参名2. 当return只有一条的时候可以省略函数体的花括号{}和关键字return3. 箭头函数的this没有特点的this指向 默认是继承它上级作用域的this指向2. 自定义对象: Es5 v
2021-07-16 17:27:19
530
原创 36-遍历数组的方法
1. forEach 遍历 var Arr = [53, 48, 78, "小红", 74, 34] Arr.forEach(function(val, index) { //forEach遍历数组的所有值 没有break continue console.log(val, index); //形参里面可以自定义两个形参 第一个代表数组里面的每一个值 第二个 形参则代表是对应的索引 })2. map 映象 var Arr = [53, 48, 78, 85, 74, 34]
2021-07-16 17:26:56
58
原创 38-防抖，节流
防抖和节流防抖防抖的作用:提升浏览器性能 当一个事件多次触发每一次触发那么将会执行一次 这样就增加dom操作 增加浏览气器的负荷 或导致浏览器服务器卡顿onkeyup onmousemove …都是高频触发的事件防抖的实现 :var timefunction fun(){ time = setTimeout(function (){ sonsole.log("打印文字") },100)}document.onmousemove=function(){ c
2021-07-16 17:24:59
108
原创 37-构造函数
构造函数当我们要需要多个相同的属性不同值的对象时 我们一个一个写的话太麻烦了 这个时候我们就可以给通过构造函数来进行实现（构造函数就像是一个模板）构造函数：如：function Fun(name age){ this.name = name this.age = age}/*构造函数的特点：1. 函数名都是大写开头2. 里面存在多个 this.属性 = 属性值 这种格式的键值对 这些都叫做构造函数的初始值 普通函数与构造函数：两种函数的本质都是函数 都可
2021-07-16 17:24:22
56
原创 39-字符串的正则
// 正则的语法格式/^[]{}?+*$./ig正则里面的符号含义 正则的语法都是写//里面般都是用来判断字符串的 返回的是布尔值//正则里面符号的特殊含义:1. ^ 限定以什么开头 如果这个符号写在了[能是这些字符2. [] 限定字符串都是哪些字符 如:[1]限定只[1-9]限定1到9之间的数字3. {} 限定字符串的数量 如:{2}限定只能出现2次 {1.} 限定至少1次 ，{1,9}限定最少出现1次 最多9次4. $ 限定结尾的字符5. . 表示任意字符 除了回车键6. i
2021-07-16 17:23:36
63
原创 42-PHP基本语法
PHP的基本语法格式:PHP的所有的语言都是写在<?php 代码 ?>1.$声明变量： $变量名;2. 在页面显示内容: echo 输出的内容 如果加括号则是输出的值 var_dump(对象) 在页面上输出对象类型的数据3. php的拼接字符: 使用.将字符个变量进行拼接4.if 判断语句： 和js里面的书写格式一下只是需要注意的是ifelse中间没有空个5.for循环语句: 书写的格式和js相同 里面的变量需要使用 $变量 格式来书写 。 获取
2021-07-16 17:23:13
63
原创 36-数组遍历的方法 土豆的小案例
const potatoes = [ {weight: 100, id: 1}, {weight: 130, id: 2}, {weight: 124, id: 3}, {weight: 137, id: 4}, {weight: 184, id: 5}, {weight: 284, id: 6}, {weight: 190, id: 7}, {weight: 146, id: 8}, {we...
2021-07-16 17:14:07
75
原创 45- PHP里面的指令
PHP前后交互的命令1. 前后端创建链接$ 变量名 = new mysqli(数据库名字, 登陆用户名, 登陆的密码,指向的接口);在PHP面访问对象下面的方法时需要特定的字符 如：对象名->方法//变量名->connect_error 访问进行检测是否访问成功（变量名须和创建链接时的变量一致） 2. 插入信息表格 "insert into 服务端表格名 (表格的标题1, 表格的标题2, 表格的标题3) values ('传入的值1', '传入的值2', '传入的值3')";
2021-07-15 10:28:43
38
原创 46-ajax请求
ajax请求ajax请求能够后事项局部刷新的效果 增加用户体验语法格式: Let xhr = new XMLHttpRequest()//创建新的ajax请求 xhr.open("get","请求的地址",true)//请求的地址 xhr.send() //当前面个设置号后send是向发起请求 xhr.readyState//得到0-4的数字代表着链请求数据的过程 xhr.status//获取连接时的状态码 200表示链接成功 xhr.statusTe
2021-07-15 09:48:07
80
原创 47-Cookie
Cookie 的使用cookie是在计算机中储存的一个变量 当我们在其它页面可一个访问这个变量 cookie也分两种情况 他们储存的方式也是不一样的1. 会话Cookie回话Cookie是储存在浏览器的储存里面的 要浏览器不关闭那么声明在cookie上面的数据是不会变的，其他页面都可以进行访问的2.永久Cookie永久Cookie是储存在硬盘上面的 即使你把电脑关机都能访问得到 需要设置特定的时间自动删除数据cookie的创建在cookie里面储存的值都是对象的形式 cookie
2021-07-15 09:47:44
178
原创 40-数组去重的几中方法
数组去重的几种方法1. indexOf()利用indexof检索数组里面是否存在该数组元素 如果有返回该数组元素的索引 如没有过返回-1indexOf()去重的语法格式:var arr=[2,4,5,2,1,5,]var newArr = []for(var i = 0; i<arr.length; i++){ if(newArr.indexOf(arr[i] == -1){ newArr.push(arr[i]) }}//这里
2021-07-15 09:47:15
41
原创 48.跨域的理解
跨域的理解1. 同源在我们的前端的向服务器请求数据的时候 如果两个URL的的协议 域名和端口完全一直 那么这两个url他们就是同源的 就是出自一个地方2. 跨域就是不同的服务器上储存的url地址不一样 出自同的地方 但是他们之间的数据可以相互访问跨域的几种方法:1. CORS跨域一般在我们访问后台数据的时候 除了同源下的文件可以访问 后台会有权限制 防止其他恶意访问 数据失窃 CORS可以给予其它域名文件给予访问权限 这个设置需要在后台在设置 header("Access-Cont
2021-07-15 09:46:50
47
原创 50-BOM对象
BOM对象BOM是browser object model的缩写，简称浏览器对象模型 ，提供了独立于内容而与浏览器窗口进行交互的对象；1、window对象 ，是JS的最顶层对象，其他的BOM对象都是window对象的属性；window的方法:alert() 显示带有一段消息和一个确认按钮的警告框。clearInterval() 取消由 setInterval() 设置的 timeout。clearTimeout() 取消由 setTimeout() 方法设置的 timeout。close(
2021-07-15 09:45:58
34
原创 52-async将异步转换为同步
asyncasync函数本质是将Promise的链式调用编程同步的代码async的用法：function getSomeThing(){ return new Promise((resolve,reject)=>{ setTimeout(()=>{ resolve('获取成功') },3000) })}async function test(){ try{ 执行成功时的代码resolv
2021-07-15 09:45:13
797
原创 8- nodejs的pagckage.json文件
在我们编写程序的时候都会通过 npm init 初始化生成一个package.json文件, 主要是用来记录我们模块(项目)的相关信息基本配置{ //项目名称 "name": "demo", //版本号（遵守“主版本.次要版本.补丁号”的格式 "version": "1.0.0", //description描述你的模块,或者搜索 "description": "", //main字段指定了加载的入口文件，即主文件 "main": "index.js", "sc
2021-07-14 22:04:24
170
原创 7- 本地导入导出模块和上传自己的npm包
首先我们需要自己的npm官方账号 在上传前确定自己的仓库地址是http://registry.npmjs.org输入指令登录`npm login`在你需要上传模块的文件夹里面生成一个index.js 的文件主要用来编写你所需要上传的功能块在你需要上传模块的文件夹里面打开npm运行面板输入指令就可以上传了`npm publish `//此时你的模块名就是你在package.age时设置名字删除自己上传的包`npm unpublish 包名 --force``...
2021-07-14 21:36:33
482
原创 Nodejs包管理工具基础命令
包管理工具里面的命令 ` npm -v`//查看当前的Nodejs版本号信息 `npm -i`//将记录在package.json的模块区全部都下载下来 ` npm -init`//文件初始化生成package.json 文件 过程需要自定义名字 ` npm -init -y`//文件初始化生成package.json 文件 直接生成名字默认 `npm i -save-dev 模块名`//安装模块是将名字版本都记录在package文件里 开发时依赖 `npm
2021-07-14 19:56:21
94
原创 5-npm 包管理工具
npm 的几种包管理工具在我们安装包管理工具的时候 会自动的生成一个npm命令 这个npm命令就是Nodejs的包管理工具 主要的作用就是帮助我们下载一些 别人已经开发好的nodejs框架可以帮助我们快速搭建一些 框架 就不不用我们写一些原生的东西npm这是随nodejs一起安装的包管理工具，可以利用npm进行相关下载操作npm i # 直接根据package.json中的依赖列表下载所有模块npm i --save 包名npm i --save-dev 包名npm i -g 包名 # 这
2021-07-14 19:55:40
120
原创 页面请求数据的几种方法
页面向服务请请求的几种方式1. get请求:请求时需要传递的数据放在了url的的后面 安全性比较差 一般用于查询数据2. post请求：请求时需要传递的数据放在了请求头里面 一般用于向服务器提交敏感信息3. put请求更该数据的某一条数据信息(全局)4. pactch请求更改数据库里面的莫一条中的某一项信息(局部)6. delete请求用删除数据库里面的信息数据请求规范Restful APIget /books 获取所有的get /books/:id 获取
2021-07-14 19:50:51
1341
原创 3- Nodejs常用的模版
Nodejs中的模块nodejs里面的模块不管是自定义的模块还是下载的模块我们都需要用 const 常量名 = erquire(“导入模块的地址”) 语句导入1. nodemon 实时更新每次修改代码都需要开关服务在刷新非常麻烦 这个可以帮助我们中开关服务器!!!注意如果nodemon安装不上就用 supervisor模块也是一样的npm i --save nodemon //安装模块安装完后我们需要在 初始化文件package.json 将scripts函数修改 如
2021-07-14 19:49:37
432
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人