![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 52
js基础
w_cyj
这个作者很懒,什么都没留下…
展开
-
ts解析地址栏参数
解析地址栏参数。原创 2022-09-28 15:18:31 · 1636 阅读 · 0 评论 -
js禁止页面滚动
js禁止页面滚动。原创 2022-09-28 15:16:44 · 352 阅读 · 0 评论 -
js基础 --数据类型
js基础 --数据类型分成了两个大的类型基本数据类型(简单数据类型)Number 数值String 字符串Boolean 布尔Undefined 空null 空复杂数据类型(地址数据类型 / 引用数据类型)ObjectFunctionNumber 数值一切十进制表示的数字一切浮点数(小数)其他进制表示的数字十六进制, 以 0x 开头八进制, 以 0 开头二进制, 以 0b 开头科学计数法比较大的数字使用科学计数法表示2e5 2 * 10原创 2020-09-05 10:53:13 · 98 阅读 · 0 评论 -
JS基础 --命名规则和规范
命名规则和规范规则: 你必须遵守, 不然报错一个变量只能由 数字(0-9), 字母(a-zA-Z), 美元符($), 划线下(_) 组成一个变量不能由 数字 开头在JS 中严格区分大小写num Num NUm NUM 这是四个变量不能使用关键字或者保留字关键字: 现在 JS 语法正在使用的关键字(var)保留字: 现在 JS 还没用, 但是将来可能会用的规范: 建议你遵守, 因为大家都这样不要用中文命名变量语义化尽可能使用一个有意义的单词驼峰命名法当一个原创 2020-09-05 10:41:17 · 269 阅读 · 0 评论 -
JS基础 --JS书写
JS书写分为三种方式行内式(强烈不推荐)内嵌式(不推荐)外链式(推荐)行内式JS代码a标签因为a标签本身就有行为出现当点击的时候,需要区分你是跳转链接还是执行JS代码在href属性里面书写一个javascript:JS代码;非a标签因为没有自己的行为,我们需要给他加一个行为写一个onclick属性,表示当点击时属性值的位置书写JS代码<div onclick="JS代码"></div>内嵌式JS代码在页面书写一个s原创 2020-09-05 10:02:27 · 176 阅读 · 0 评论 -
模块化开发 sass less
模块化开发模块的基本写法普通方法function a() { console.log("a"); } function b() { console.log("b"); }a();b();优点:直接调用缺点:变量可能会出现重复造成的污染,并且无法进行结构性分类对象的写法var obj={ _a:false, a:function () { conso原创 2020-08-21 19:22:37 · 259 阅读 · 0 评论 -
数据结构
数据结构数据的结构性对象用关键字获取键值对散状结构,无法获取上下关系key只能是字符串或symbol没有长度插入查找速度快强类型数据,数据不会因为数据被消除而自动被销毁,var obj={ 张三:{数学:12,语文:13,英语:45}, 李四:{数学:42,语文:33,英语:45}, 王五:{数学:62,语文:63,英语:85}, }原创 2020-08-13 21:54:58 · 138 阅读 · 0 评论 -
setter 和getter
setter 和getterset有且仅有一个参数 set c(value) { document.documentElement.style.backgroundColor = "#" + value.toString(16); this._c = value; }get不允许有任何参数get c() { return this._c; }, }如果仅有原创 2020-08-13 21:14:53 · 89 阅读 · 0 评论 -
闭包 柯里化
闭包什么是闭包闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量function fn1(){ var a=1; // 因为返回的函数被存储在全局变量中, // 并且这个返回的函数使用这个a的局部变量,因此a被保存在堆中 //闭包会产生内存泄漏 return function(){原创 2020-08-13 21:13:47 · 177 阅读 · 0 评论 -
函数的参数和return
函数的参数和return参数参数是局部变量,优先级高于同名的全局变量是为了解决函数的抽象化,多态化。具备模块化功能js因为是弱引用语言,参数可以多样化改变,但也因此造成函数中需要对参数做大量的判断function on(type,data,handler){ if(data.constructor===Function){//函数 handler=data;//数据 data=null;原创 2020-08-13 21:13:07 · 221 阅读 · 0 评论 -
面向对象进阶
对象概念理解什么是对象,其实就是一种类型,即引用类型。而对象的值就是引用类型的实例。在ECMAScript中引用类型是一种数据结构,用于将数据和功能组织在一起,他常常被称为类。万物皆对象,除了数字,字符,布尔这种绝对值以外的所有部分都是对象,对象是类的实例化体现,类是对象的抽象体现。每个对象都有自己的属性和方法原型obj.proto创建对象new obj= new Object()new obj = {}字面量nwe obj = Object原创 2020-08-13 11:38:32 · 151 阅读 · 1 评论 -
对象的深复制
不是引用对象: string,number,boolean,undefined,null引用关系,对象,function,HTMLElement(元素创建)思路:如果target不存在,返回一个空对象如果存在,获取所有的属性名遍历属性名获取描述对象判断值的类型:如果为对象或者不为null判断是什么类型日期型正则型HTML元素型函数型(之后补充)定义对象的属性可读性不可删除性不可枚举型值复制对象..原创 2020-08-13 10:39:31 · 134 阅读 · 0 评论 -
jQuery2
jQuery2动画hide:隐藏show:显示toggle:切换slidedown:向下切slideup: 向上切 下拉菜单效果fadeIn:逐渐显示fadeOut“逐渐消失fadeTo:透明到多少animate: $(document).on("click",function(e){ $("div").animate({ left:e.clientX-25,原创 2020-08-12 17:13:11 · 90 阅读 · 0 评论 -
jQuery1
JQuery版本1.0 :全部兼容各个浏览器2.0:2013.04发布,不支持IE6、7、83.0:2016发布,至今。JQuery安装使用步骤安装: npm i jquery引入 :<script src="./node_modules/jquery/dist/jquery.js"></script>使用:$("'div).css("width",200)连缀使用:$(“div”).text(“你好”).css(“color”,“red”);原创 2020-08-11 22:54:51 · 105 阅读 · 0 评论 -
鼠标事件
鼠标事件距离可视区域左上角位置clientX: 33clientY: 31如果目标对象是定位方式,值于offset相似,如果目标对象是非定位方式,取父容器的左上角位置,如果父容器未定位,继续向上取layerX: 28layerY: 20相对事件目标对象的左上角位置offsetX: 16offsetY: 9鼠标移动时相对上次获取坐标的距离movementX: 0movementY: 0相对页面顶端左上角位置pageX: 28pag原创 2020-08-09 22:00:09 · 149 阅读 · 0 评论 -
事件
事件的兼容1、addEventListener 缺点:不支持IE8及以下,方法名太长 优点:支持捕获和冒泡阶段分开侦听支持事件抛发机制支持同一个事件做多个事件回调函数事件使用时可以将函数与内容完全分离 2、attachEvent 缺点:IE8以上不支持,没有捕获,不支持一次点击,未来被淘汰 优点:支持IE8以下,并且可以使一个事件调用多个回调函数事件使用时可以将函数与内容完全分离 3、οnclic原创 2020-08-09 21:43:41 · 133 阅读 · 0 评论 -
严格模式
严格模式<script type="module">变量必须定义后使用不允许参数名重复function fn(a,a){ console.log(a); } fn(3,5); //不允许严格模式不允许使用with只读属性都不是能修改 var obj={}; Object.defineProperty(obj,"a",{ wr原创 2020-08-09 21:17:19 · 103 阅读 · 0 评论 -
存储cookie
cookie存储cookiecookie以域当中的文件夹存储,最上层的无法访问下层文件夹存储,下层子文件夹可以访问上层文件夹。重要的文件存储在顶级域中document.cookie="name=cyj"获取cookiestatic getCookie(){ return document.cookie.split(/;\s*/).reduce((value,item)=>{ var arr=item.split("=");原创 2020-08-08 20:35:18 · 382 阅读 · 0 评论 -
宏任务和微任务
宏任务和微任务宏任务宏任务指将当前的任务挪至下一个任务列的最顶端执行setTimeOutsetInterval微任务微任务将当前任务的内容挪至当前任务列的最底端执行Promise先同步后异步 console.log("a");//同步 setTimeout(function(){ console.log("b");//宏任务 },0); Promise.resolve().then(functi原创 2020-08-08 19:50:33 · 297 阅读 · 0 评论 -
promise
promise操作性事件 :操作后才会执行的事件点击,拖拽等事件需要时间load事件 异步setTimeout 异步setInterval 异步requestAnimationFrame() 异步参数resolve 执行成功所回调的函数reject 执行失败所回调的函数then var p=new Promise(function(resolve,reject){ var img=new Image();//返回一个p原创 2020-08-08 19:00:52 · 155 阅读 · 0 评论 -
PHP
PHPPHP简介什么是 PHPPHP 是 “PHP Hypertext Preprocessor” 的首字母缩略词PHP 是一种被广泛使用的开源脚本语言PHP 脚本在服务器上执行PHP 没有成本,可供免费下载和使用什么是 PHP 文件PHP 文件能够包含文本、HTML、CSS 以及 PHP 代码PHP 代码在服务器上执行,而结果以纯文本返回浏览器PHP 文件的后缀是 “.php”PHP 能够做什么PHP 能够生成动态页面内容PHP 能够创建、打开、读取、写入、删除以及关闭原创 2020-08-08 10:59:01 · 94 阅读 · 0 评论 -
JS函数的创建、删除、参数及实参和形参
函数函数的定义:函数,是一种封装。就是将一些语句,封装到函数里面。通过调用的形式,执行这些语句。函数必须通过调用才可以使用。调用时通过其函数名调用,后面要加上一对圆括号。函数的创建 function fn1(arg1,arg2) { // 函数的语句块 console.log("a"); }函数在创建时就创建这个函数名的变量,因为它是全局,所以就会被覆盖,覆盖前仍然可以执行当前,覆盖后,函数不能够执行了如果函数中没有使用return关键词,原创 2020-08-08 10:28:25 · 1206 阅读 · 0 评论 -
JS对象
对象对象构造方法构造函数创建法:var obj=new Object();obj.属性=属性值obj.方法=方法函数obj[属性]=属性值obj[方法]=方法函数中括号中的属性和方法必须是字符串,如果是变量,该内容必须是字符型变量。 var a="keys"字面量创建法var obj={ 属性:属性值, 方法:方法函数 }; var obj={ key:value name:"xietian", // 字符型ke原创 2020-08-08 10:26:31 · 106 阅读 · 0 评论 -
MySQL
MySQL常用数据库 mySQL, SQL Sever ,Oracle打开phpstudy,设置站点域名管理不允许出现中文和空格设置配置文件打开MySQL管理器登录用户名密码都为root,开启服务有两个站点域名设置,第一个为默认的,网络端口为80,第二个为新增的,为自己设置的网络端口,然后点击新增,保存设置并生成配置文件打开数据库mysqli_connect("localhost","root","root","test2","3306");//地址,用户名,密码,数据库表,端原创 2020-08-08 10:23:17 · 105 阅读 · 0 评论 -
DOM
Dom节点什么是节点HTML 文档中的每个成分都是一个节点。(1)节点类型DOM 是这样规定的:整个文档是一个文档节点每个 HTML 标签是一个元素节点包含在 HTML 元素中的文本是文本节点每一个 HTML 属性是一个属性节点注释属于注释节点(2)节点层次关系-节点彼此都有等级关系。HTML 文档中的所有节点组成了一个文档树(或节点树)。HTML 文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点,并由此继续伸出枝条,直到处于这棵树最低级别的原创 2020-08-08 09:39:49 · 150 阅读 · 0 评论 -
node
noderequire 加载module.export=obj 默认导出一个对象,等同于 import default class Boxexports.obj=obj 导出多个对象,等同于import class Boxvar http=require(“http”) ;导出http目录req 请求 客户端请求服务端res 响应 服务端响应客户端req.on (“ data“,”dataHandler “)事件侦听req.on (“end“,”endHan原创 2020-08-06 21:11:49 · 120 阅读 · 0 评论 -
npm指令
npm不具备断点续传功能npm 作用:管理node包npm install jquery 安装当当前的工作环境中npm install jquery–save 保存到开发者环境 上线使用版本 依赖安装npm install jquery–save-dev 测试环境 测试使用版本 不依赖安装 例如压缩软件npm i anywhere -g 全局安装淘宝镜像地址:npm_mirror: https://npm.taobao.org/mirrors原创 2020-08-06 21:11:04 · 381 阅读 · 0 评论 -
JSON
JSONJSON(JavaScript Object Notation)以纯文本结构组织所要传送的数据,数据内容包括字符串、数字、数组和对象等,由于JSON易读以及纯文本格式的特性,可以非常容易地与其他程序进行沟通与数据交换。JSON 文件的文件类型是 “.json”JSON的数据结构通过大括号、中括号、逗号和冒号来组织数据冒号代表的是一个键值(key)对应一个值(value)的参数,用“键:值”来表达这些信息之间的关联,而字符串部分要用双引号来表示。 例如: “姓名”:“小陈”原创 2020-08-06 20:44:50 · 172 阅读 · 0 评论 -
Ajax
npm不具备断点续传功能npm 作用:管理node包npm install jquery 安装当当前的工作环境中npm install jquery–save 保存到开发者环境 上线使用版本 依赖安装npm install jquery–save-dev 测试环境 测试使用版本 不依赖安装 例如压缩软件npm i anywhere -g 全局安装淘宝镜像地址:npm_mirror: https://npm.taobao.org/mirrors原创 2020-08-06 20:36:37 · 100 阅读 · 0 评论 -
正则表达式
正则表达式创建方法构造函数创建var reg=new RegExp(正则内容,修饰符)字面量创建var reg=/正则内容/修饰符修饰符i不区分大小写g全局匹配m多行匹配正则对象方法test() var reg=/a/i; var bool=reg.test("bcAdf"); console.log(bool);//true判断test()参数中的字符串中有没有匹配正则表达式内容,返回一个布尔值,方法用于匹配字符串,匹配成功返回原创 2020-07-22 08:20:10 · 275 阅读 · 0 评论 -
String方法中 slice,substr和substring的使用
slice从第几项开始到第几项结束截取字符,复制字符到新字符中,和数组的slice使用方法一致slice只能从前向后选substringstr=str.substring(start,end);//截取字符串从start到end结束substring,start和end都不支持负数,负数代表0之前,就是最前面substring可以从后向前选截取西游记三个字var str="中国的四大名著中《西游记》是吴承恩写的";str=str.substring(str.indexOf("《"原创 2020-07-18 17:01:18 · 155 阅读 · 0 评论 -
DOM样式,常见属性
7.16DOM样式,常见属性Dom对象样式设置Dom对象的样式对象写法,需要将所有的css中-字母 替换为大写字母。例如 font-size fontSize。而style字符串方式写法,按照原css行内样式填写dom.style.styleName=""增添class样式div0.className=“div1”;div0.className+=" div2";获取计算后的dom样式iecurrentStyleie所支持的获取非行间样式的方法用法原创 2020-07-16 21:24:16 · 218 阅读 · 0 评论 -
Bom
7.15 Bom和DomBomWindow对象Window对象是BOM中的顶级对象window对象表示整个浏览器窗口。JavaScript中的任何一个全局函数或变量都是window的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。例如:alert,定时器都是window对象的方法。调用它的子对象时可以不显示的指明window对象。open()window.open(“要打开的网页”, “网页名字”, “height=400,width=400,top=1原创 2020-07-15 19:33:54 · 95 阅读 · 0 评论 -
Math,Number,String,date
7.14MathMath.ceil();//向上取整 整数加1Math.floor();//向下取整Math.round();//四舍五入,负数无法进行四舍五入Math.max();//最大值Math.min();//最小值Math.sqrt(n);//开平方根Math.pow(a,n)//a的n次幂NumberNumber.MAX_VALUE//返回一个最大值,是一个固定的值Number.MIN_VALUE//返回一个最小值,是一个固定的值Num原创 2020-07-14 23:59:18 · 658 阅读 · 0 评论 -
数组方法及其重构
数组方法push在数组的尾部添加若干元素,返回新的数组长度操作后原数组的引用关系不变var arr=[1]; // 可以在数组的尾部添加若干个元素,返回新数组的长度 var len=arr.push(5,6,7,8); console.log(len); while(arr.push({})<10);//循环给尾部添加若干个元素 arr[0].a=10; console.log(arr); 重构方法func原创 2020-07-14 11:31:44 · 619 阅读 · 0 评论 -
回调、递归、数组
7.10 回调、递归、数组returnreturn 语句会终止函数的执行并返回函数的值。return 是javascript里函数返回值的关键字,如果return 后没有内容或者没有return ,返回一个undefined函数返回的作用1、返回局部变量2、返回参数3、跳出,切断,阻止后续代码执行回调将一个函数以参数的形式传入到另一个函数中, 并且在那个函数执行函数内执行当前自身函数用途1.回调一般用于当处理某件事情需要等待时,设置回调2.当不需要关心具体后续需原创 2020-07-11 14:37:40 · 116 阅读 · 0 评论 -
循环while,do while, for ,for in ,for of,
0709循环,函数,对象循环do while先执行,再判断条件是否继续循环不管条件是否满足,至少执行一次语句赋初值1;do{ 循环体;2 循环增量;3 }while(循环条件);4var i=1;do{ document.write("hello world!<br/>"); //循环体 i++;}while(i<=10);循环三要素:即表达式1,表达式2,表达式3(循环变量赋初值,循环判定条件,循环增量)循环体原创 2020-07-11 11:28:57 · 125 阅读 · 0 评论 -
进制,位运算,条件语句 if, 多分支语句switch...case
0708进制二进制用0 1来表示八进制三位二进制来表示一个八进制数十进制十六进制四位二进制来表示一个十六进制数位运算&位与运算只有1&1为1,其余全为0任何数与2的n次方减1为原数值|位或运算1|1=1,0|1=1,1|0=1,0|0=0^异或运算00=0,10=0,01=1,10=1位非运算~str.indef(“a”)//判断该字符串是否有该字符加1取负数三目运算 ?:a?x:y,判断条件是否成立,如果条件成立返原创 2020-07-11 10:44:01 · 602 阅读 · 0 评论 -
JS语法基础--1
7.7 JS1.js基础1.javascript的组成核心(ECMScript)ECMAScript是一个标准文档对象模型(DOM)Document Object Model。HTML标签浏览器对象模型(BOM)Browser Object Model2…js引入及书写内部书写在html文件中直接进行代码书写外部引入所有的< script>元素放在页面的中直接写在标签内<p onclick="alert(你好)">原创 2020-07-08 00:18:19 · 373 阅读 · 0 评论 -
transition 过渡属性
transition属性 (过渡)属性值:参与过渡的属性(默认的为all)时间(过渡的时间 s ms)延迟时间 s ms运动的类型 linear(匀速)注:transition必须通过事件触发,如 :hover运动类型:贝塞尔曲线https://cubic-bezier.com/#.33,1.84,.47,-0.88<style> .box{ width: 500px; height: 300px; background: orange;原创 2020-07-14 11:56:01 · 242 阅读 · 0 评论