liaoasd的博客

原创 图片，文件转base64

图片，文件转base64

原创 base64转图片，文件，并且下载

base64转图片，文件，并且下载

原创 js 事件线， 异步引入

js时间线：浏览器解析html页面过程中，整个js运行的状态。三个状态：loading : 页面开始解析的准备 domtree树 创建了document ,节点 、文本，准备将所有节点注入到document中 document.readState = loading;interactive：页面解析中解析html ： 1、遇到css（头部样式、link）,独立开启一个线程下载 ；创建cssDom继续解析 2、遇到js ：<script></...

原创 js内置api和数字api

js内置api:字符串api:length:字符串长度trim(): 过滤字符串两端空格indexof: 搜索字符串首次出现的位置lastIndexof:搜索字符串最后一次出现的位置substr(index,[length]) 字符串的截取substring(index,[endindex])字符串的截取....数字、数学api：Math 对象：属性、方法（function）PI ：圆周率random() : 0-1之间的随机小数 不包含1；round() ：四舍五入ceil(

原创 js数据类型和运算符和三元表达式

数据类型：特殊类型：undefined 未定义null 空对象NAN 非数字infinity 无穷普通类型、标量类型：字符串类型 string[对象]数字类型 number[对象]布尔类型 bool引用类型:数组 array对象 object自定义函数 functionjs 运算符：赋值类:=+=-=/=*=%=算数类：+ - / * %(求模、取余)+ :加法运算:符...

原创 js起源，基础中的基础，差不多都列举出来了，欢迎请大家补充

javascriptliveScript原名netspace（网景公司）原自javaCECMA(欧洲计算机协会)ECMA script 2015（es6） javaECMA 5EcMa 3.....类型：客户端脚本语言：动态语言支持、使用变量运行机制： 解释性语言：一遍执行一边解析(浏览在运行过程中进行解析) 编译性语言：jsp、python、php（解析器 html）->浏览器浏览器:html：搭建页面架构css：美化页面js： 动态效果 前...

原创 数组api

数组：批量存储数据类型：键、下标索引数组:数字关联数组:字符混合数组：数字+字符串存储数据的方式:一维数组: [....]二维数组: [[],[]...]多维数组：[[[],[]],[[],[]]]存值:1、声明时候 初始化数据2、动态存储： arr[index] = "值" 关联数组3、api 存储： push()遍历数组：for( key in arr){} 循环数组的api:indexOf()lastIndexOf()includes() conc.

原创 if控制语句，使用场景

流程控制语句:if(){}if(){}else{}多分支if(user =="" || password ==""){}else if(user.length>=6 && password <=15 ){}....else{}ifelse嵌套if(){ if(){ }}多分支流程控制：某个变量是否多个值的场景switch(var){ case "值": js代码段 break; ca...

原创 正则表达式

1、正则：验证(表单验证)检测一个字符串是否满足规则；表单验证：减少与服务器的请求交互定义正则表达式：var patt = /元子符+量词/模式修正符var patt = new RegExp("元子符+量词","模式修正符|igm|")元字符:\d 0-9\D 非数字\w 数字 字母 下划线\W 非数字 字母 下划线\s space空格\S 非空格\t tab 制表符\T 非tab 制表符\n 换行符. 任意字符\ 转义\.http:\/\/[\u4e0..

原创 倒计时效果

var div=document.querySelector('div') window.setInterval(function () { var aa = new Date(); aa = aa.getTime() // 三月21日时间 var bb = new Date("2022-03-21 08:30:00"); var cc = bb.getTime(); // 毫秒 cons...

原创 处理下数组

var arr=["userName=admin","password=123456","sex=男","address=武汉"]转化为：输出结果（1） update from table(userName='admin',password='123456',sex='男',address='武汉')（2）varqe=[];varList=[];varrt=[];varry=[];varaa=[]...

原创 循环语句使用

循环：固定次数循环：1、执行需要重复执行的代码段2、数组、对象的遍历3、遍历节点for(){}双重循环:外层执行一次、内层循环执行完毕for(){ for(){ }}遍历（迭代） 数组 对象for(in){}不固定次数的循环：while(exp){ continue; break;}do{循环体}while( exp )function 递归string api:toLowerCase() 转为纯小写toUpperCase(...

原创 if流程控制语句:

流程控制语句:if(){}if(){}else{}多分支if(user =="" || password ==""){}else if(user.length>=6 && password <=15 ){}....else{}ifelse嵌套if(){ if(){ }}多分支流程控制：某个变量是否多个值的场景switch(var){ case "值": js代码段 break; case...

原创 京东企业注册HTML

原创 flex弹性布局

flex 就是flexible box的缩写，意为弹性布局，用来为盒装模型提供最大的灵活性任何一个容器都可以指定为flex布局.box{ display: flex;}行内元素当然也可以使用flex布局.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;}注...

原创 学习HTML的第9天

原创 学习HTML的第一个星期

学习HTML的第一个星期

原创 学习HTML的第一天

学习html的第一天