![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 52
有关js的一些技术
古德猫码农
划水cv中.....
展开
-
ES6的代理模式-Proxy
在日常编写代码的过程中,我们想定义一些私有属性,通常是在团队中进行约定,大家按照约定在变量名之前添加下划线 _ 或者其它格式来表明这是一个私有属性,但我们不能保证他能真私‘私有化’,下面使用Proxy轻松实现私有属性拦截。使用场景还有很多很多,不再一一列举,如果你需要在某一个动作的生命周期内做一些特定的处理,那么。上面的代码表示在读取代理目标的值时,如果有值则直接返回,没有值就抛出一个自定义的错误。我们在上面例子已经体验过了,现在详细介绍一下,用于代理目标对象的属性读取操作。需要注意的是,代理只会对。原创 2024-06-27 17:51:01 · 1603 阅读 · 2 评论 -
时间方法--根据不同时间段展示
【代码】时间方法--根据不同时间段展示。原创 2023-09-12 14:18:22 · 8 阅读 · 0 评论 -
js基础运算符
1、算术运算符(+,-,* ,/,%)var num = 2;var num1 =num+2;//num1=4var num2 =num-2;//num2=0var num3 =num*2;//num3=4var num4 =num/2;//num4=1var num5 =num%num;//num5=02、赋值运算符(=,+=,-=,*=,/=,%=.++.--)a、=:给变量赋予数据或修改数据时用b、+=,-=,*=,/=,%=:修改变量的数据,新的数据是指在原数据的基础上.原创 2021-11-07 14:19:31 · 137 阅读 · 0 评论 -
js控制结构
分支结构(if,switch)if分支结构:if(条件) { 条件为true时候执行代码} else { 条件为false的代码执行}if多分枝结构:if(条件) { 条件为true时候执行代码} else if (条件) { 条件为ture的时候代码执行} else { 条件为false的代码执行}switch语句:qq...原创 2021-11-28 15:04:34 · 268 阅读 · 0 评论 -
js一维数组,api,二维数组
1、定义数组空数组1、数组字面量:[ ]var 变量名 = [ ];//定义一个空的数组把数组保存到变量中2、新的数组对象var 变量名 = new Array();//定义一个新的数组对象并保存到变量中下标(数组中每个数据的编号)原理:数组中第一个数据下标为0,依次递增。2、数组的基本使用a、通过下标获取数组中的指定一个数据数组变量名[下标];e.g:document.write(num[2]);b、获取数组长度:nums.length...原创 2021-12-02 10:23:18 · 1141 阅读 · 0 评论 -
函数的使用
定义函数:function 函数名(){函数体}函数参数:(形参和实参)形参:函数定义时()里面的变量,该变量可以在函数体中使用,形式参数里的数据来源于实际参数实参:是指在函数调用时写在()中具体的数据,在函数调用时,实际参数把数据传给形式参数。在函数体中执行时候,让形式参数里有具体的数据eg:调用函数找出数组最大值arr1 =[1,4,8,5,2];arr2 =[1,4,6,7,8,9];arr3 =[2,5,6,3,8,9];function getArr.原创 2021-12-07 23:51:54 · 71 阅读 · 0 评论 -
DOM(document、api、事件)
对标签进行增删改查操作或修改css,借助js实现动态页面基本操作:1、doucument对象:(DOM的核心,基本上大多数DOM API由该对象提供基础api:获取body标签 获取html标签 获取页面上的标题 获取页面上地址 获取页面上的所有图片 获取页面上所有表单 1、获取body标签var body = document.body;2、获取html标签var html =document.documentElement;3、获取页面上的标题var t.原创 2021-12-21 08:54:05 · 834 阅读 · 0 评论 -
DOM重点核心
主要创建、增、删、改、查、属性操作、事件操作1创建document.writeinnerHTMLcreateElement2增appendChild 后insertBefore 前3删removeChild4改主要修改dom元素属性,dom元素的内容、属性、表单的值等修改属性:src、href、title等修改元素内容:innerHTML、innerText修改表单元素:value、type、disabled等修改元素样式:style、classN原创 2022-02-27 22:40:37 · 156 阅读 · 0 评论 -
事件高级导读
1、注册事件onclick:传统注册事件方式 唯一性(同一个元素同一个事件只能处理一个函数)addEventListener():方法监听注册方式。同一元素同一事件可以注册多个监听事件 ,按照顺序依次执行(推荐使用) addEventListener((type,listener,[,usecapture]);eg:btns[1].addEventListener('click',function() {alert(11);});2、删除事件(解绑事件)传统注册方式:even原创 2022-02-28 15:27:37 · 78 阅读 · 0 评论 -
BOM浏览器对象模型
2、window常见对象eg:3、定时器eg:回调函数:清除定时器:eg:第二个定时器:两个定时器区别:setTimeout 延迟时间到了直接回调这个函数,只调一次就结束setInterval 每个这个延时就去调用这个回调函数,会调很多次,重复调用这个函数...原创 2022-03-01 15:27:39 · 38 阅读 · 0 评论 -
同步和异步以及js执行机制
同步和异步:同步和异步执行过程:js执行机制:原创 2022-03-01 22:01:20 · 59 阅读 · 0 评论 -
PC端网页特效
1、元素偏移量offset系列eg:offset和style区别:原创 2022-03-06 21:07:33 · 99 阅读 · 0 评论 -
移动端网页特效
1、触屏事件触摸事件对象元素拖动eg:touch事件<script> // 1. 获取元素 // 2. 手指触摸DOM元素事件 var div = document.querySelector('div'); div.addEventListener('touchstart', function() { console.log('我摸了你'); ...原创 2022-03-08 14:07:07 · 54 阅读 · 0 评论 -
本地存储模式
1、window.seessionStorageeg:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" cont...原创 2022-03-08 15:02:40 · 55 阅读 · 0 评论 -
JS高级(含ES6)
面向对象和面向过程对比1、ES6中的类和对象创建类和对象原创 2022-03-18 23:45:10 · 2153 阅读 · 2 评论 -
ES6模块化
无原创 2022-07-31 21:23:56 · 44 阅读 · 0 评论 -
Promise
无原创 2022-07-31 22:25:27 · 64 阅读 · 0 评论 -
async/await
无原创 2022-08-03 17:28:16 · 59 阅读 · 0 评论 -
ECMScripts6(下篇)
ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成 Set 数据结构。上面代码通过add()方法向 Set 结构加入成员,结果表明 Set 结构不会添加重复的值。Set函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数,用来初始化。上面代码中,例一和例二都是Set函数接受数组作为参数,例三是接受类似数组的对象作为参数。原创 2024-06-01 11:26:02 · 967 阅读 · 0 评论