JavaScript
文章平均质量分 88
JavaScript入门到精通
亦世凡华、
个人:csdn内容合伙人、阿里云专家博主、51CTO博主;目标:深耕技术,追求代码之美,享受编程人生;当下:珍惜时间,奋发学习;未来:渴望成为一名真正的全栈大佬,并为此一直努力,矢志不渝!
展开
-
动画革命:Lottie如何改变我们对移动应用交互的认知
在数字世界的浩瀚星空中,每一个像素都跃动着无限创意与想象的火花。当静态的界面遇上动态的魔法,一场视觉盛宴便悄然开启。今天,让我们一同揭开一位幕后英雄的神秘面纱——Lottie,这个在UI/UX设计界掀起波澜的动画利器,正引领着交互体验的新纪元。原创 2024-07-21 00:38:52 · 763 阅读 · 8 评论 -
GSAP动画魔法:解锁网页设计的无限创意与动感
GSAP是一个功能强大的JavaScript动画库,它提供了丰富的API和工具,帮助开发者在网页、应用和游戏中创建流畅、高性能的动画效果,GSAP以其易用性、跨平台兼容性和卓越的性能而广受好评,是许多前端开发者和设计师的首选动画解决方案。随着Web技术的不断发展和用户对网页体验要求的提高,GSAP将继续发挥其在动画领域的优势,为开发者提供更加高效、易用和强大的动画解决方案。同时,GSAP也将不断更新和完善其功能,以满足不断变化的市场需求和技术趋势。原创 2024-07-20 20:27:26 · 534 阅读 · 1 评论 -
Pixi.js技术探索:开发者必备的视觉开发工具
pixi.js是一个开源的轻量级2D渲染引擎,专注于利用WebGL和HTML5中的Canvas技术来实现高性能的交互式图形和动画。它旨在提供一个简单而强大的工具集,使开发者能够轻松地创建各种类型的视觉效果,包括游戏、数据可视化、广告和其他富媒体应用程序。原创 2024-07-16 16:49:46 · 1020 阅读 · 10 评论 -
ES6+--》正则扩展
在正则表达式中,点( . )是一个特殊的字符,能够匹配除换行符以外的任意单个字符;matchAll()方法可以一次性取出所有匹配,不过它返回的是一个遍历器,而不是数组,因为是遍历器所以可以用 for...of 循环取出;不同之处在于进行多次匹配时,g修饰符只要在前次匹配后面找到存在匹配即可,而y修饰符必须确保在前次匹配后,从剩余的第一个位置开始。:具名组为每一组匹配加上 ID ,便于描述匹配的目的,即使组的属性变了也不用改变匹配后处理代码,如果具名组没有匹配,那么对应的。属性,用来返回正则表达式的修饰符。原创 2022-10-12 14:04:45 · 671 阅读 · 38 评论 -
ES6--》读懂JS中—Class类
子类继承父类的 constructor() 构造函数中必须要有 super(),代表调用父类的构造函数,没有就会报错,super虽然代表父类的构造函数,但是返回的是子类的实例,即super内部的this指的是子类的实例。方法是类的默认方法,通过 new 命令生成对象实例时,自动调用该方法,一个类必须有constructor()方法,如果没有显示定义,一个空的constructor()方法会被默认添加。:定义的类名只能在Class内部使用,指代当前类,在Class外部,类只能用自己定义等于类的常量。原创 2022-10-03 02:40:34 · 1968 阅读 · 47 评论 -
ES6--》对象扩展方法
如果对象方法使用取值函数(getter)和存值函数(setter),需要该方法的属性的描述对象在对象get和set属性上面,返回值是方法名前加上get和set。下面代码中,super.say() 指向原型对象 obj 的say方法,但是绑定的this却还是当前对象obj,因此输出的结果不是hello而是world。和this关键字总是指向函数所在的当前对象一样,ES6新增了另一个类似的关键字super,指向当前对象的原型对象。用于对象的合并,将源对象所有可枚举的属性,复制到目标对象上。原创 2022-09-20 21:31:12 · 1520 阅读 · 55 评论 -
ES6--》一文搞懂JS新的原始数据类型—Symbol
ES6引入了一种新的原始数据类型Symbol,表示独一无二的值,它是JavaScript语言的第七种数据类型,是一种类似于字符串的数据类型。Symbol特点:Symbol的值是唯一的,用来解决命名冲突问题。Symbol值不能与其他数据进行运算。Symbol定义的对象属性不能使用 for...in 循环遍历,但是可以使用 Reflect.ownKeys 来获取对象的所有键名。原创 2022-09-23 22:04:32 · 882 阅读 · 40 评论 -
ES6--》了解并应用迭代器与生成器
当我们使用 for...of 循环遍历某种数据结构时,该循环会自动去寻找 Iterator 接口,其接口默认部署在 Symbol.iterator 属性上,Symbol.iterator属性本身就是一个函数,就是当前数据结构默认遍历器生成函数,执行这个函数就会返回一个遍历器。// 声明一个对象name:'终极一班',team: ['汪大东','金宝三','花灵龙','中万钧','雷婷'],// 索引变量// 引入函数外的thisreturn {// 下标自增。原创 2022-09-27 11:11:18 · 975 阅读 · 35 评论 -
ES6--》了解并使用模块化规范
ES6模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本,开发者不需要再额外的学习AMD、CMD或CommonJS等模块化规范。原创 2022-12-22 12:56:45 · 701 阅读 · 15 评论 -
ECMAScript--》 ES6语法规范 ## Day1
ES6语法规范学习原创 2022-05-25 18:44:38 · 739 阅读 · 10 评论 -
ES6--》一文搞懂JS中的Promise
但是前一个then()方法中的回调函数中又可能返回一个Promise实例,这时候后面一个then()方法中的回调函数会等前一个Promise实例状态发生变化才会调用。该方法同样是将多个 Promise 实例包装成一个新的 Promsie 实例,该方法与 Promise.all()方法一样,区别是该方法中只要参数之中有一个实例率先改变状态,该方法的实例状态跟着改变,那个率先改变的 Promise 实例的返回值就传递给该方法实例的回调函数。该方法用来确定一组异步是否都结束(不管成功或失败)。原创 2022-09-29 01:39:40 · 1109 阅读 · 28 评论 -
ES6 --》字符串与数值新增方法
主要讲解了ES6中字符串与数值新增的方法原创 2022-09-07 14:57:09 · 744 阅读 · 36 评论 -
ES6+--》熟知JS中的async函数
async函数的返回值为 promise 对象,promise对象的结果由async函数执行的返回值决定。async函数能使得异步操作变得更加方便,简而言之就是 Generator 的语法糖。原创 2022-10-07 01:19:38 · 4006 阅读 · 53 评论 -
ES6 --》JS运算符及数组扩展方法
本质上是逻辑运算,它与其它两个逻辑运算符 && 和 || 有一个优先级问题, 优先级的不同,往往会导致逻辑运算的结果不同,如果多个逻辑运算符一起使用,必须用括号表明优先级,否则会报错。数组flat()方法,用于将嵌套的数组拉平,变成一维的数组,该方法返回一个新数组,对原数组没有影响,简单说就是将数组中的数组拆解插入到当前它所在的位置。,它的行为类似于 ||,但只有运算符左侧的值为 null 或 undefined 时,才会返回右侧的值。如果参数是一个真正的数组,返回的是一样的数组。如果为负值,表示倒数。原创 2022-09-18 18:02:16 · 788 阅读 · 47 评论 -
ES6 --》函数扩展以及箭头函数讲解
箭头函数没有自己的this对象不可以当做构造函数,即不能对箭头函数使用new命令,否则报错不可以使用arguments对象,该对象在函数体内不存在,如需使用用rest函数代替不可以使用yield命令,因此箭头函数不能用作 Generator 函数。原创 2022-09-15 00:19:35 · 755 阅读 · 34 评论 -
ES6--》JS中Set 和 Map数据结构
它类似于数组,但成员的值都是唯一的,集合实现了iterator接口,所以可以使用 [扩展运算符] 和 [for...of] 进行遍历。由于 Set 结构键名和键值是同一个值,所以 keys 方法和 values 方法的行为完全一致,都是返回键名/值。forEach()方法用于对每个成员执行某种操作,该方法参数就是一个处理函数,该函数的参数与数组的forEach一致。entries方法返回的结果包括键名和键值,所以输出的数组,其键名和键值完全相等。Map的遍历操作和上文的Set方法一致,这里不再讲解。原创 2022-10-01 23:26:41 · 492 阅读 · 28 评论 -
JS实现百叶窗特效
JS实现百叶窗特效原创 2022-07-29 19:36:28 · 1008 阅读 · 10 评论 -
JS使用canvas实现(下雨天)特效
JS使用canvas实现(下雨天)特效原创 2022-04-30 18:45:00 · 1323 阅读 · 7 评论 -
基于JavaScript定时器功能-实现运动逻辑结构算法并简单应用
基于JavaScript定时器功能-实现运动逻辑结构算法原创 2022-05-29 16:41:24 · 304 阅读 · 6 评论 -
axios--》axios初步操作
axios.create([config]):创建一个新的axios(它没有下面的功能)axios.interceptors.request.use():添加请求拦截器。axios.request(config):等同于axios(config)axios.post(url[,data,config]):发post请求。axios.put(url[,data.config]):发put请求。axios.get(url[,config]):发get请求。使用axios也可以不用下载一些包的依赖,直接使用。原创 2022-10-20 08:30:52 · 2621 阅读 · 28 评论 -
Ajax--》Ajax的GET与POST请求操作
🏃♂️Ajax全称 Asynchronous JavaScript And XML,意思就是异步的JS 和 XML,通过Ajax可以在浏览器中向服务器发送异步请求。作用:获取服务器数据。效果在不刷新整个页面的情况下,通过一个url地址获取服务器的数据,然后进行页面的局部刷新。Ajax不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式。思想:用户看,我就加载,用户不看,我就不加载。应用场景:评论加载更多、用户名登录验证、搜索框搜索数据提示......原创 2022-10-13 23:19:32 · 4078 阅读 · 37 评论 -
Ajax--》请求操作以及跨域相关讲解
JSONP,是一个非官方的跨域解决方案,由程序员开发出来,只支持get请求。CORS是官方的跨域解决方案,它的特点是不需要在客户端做任何特殊的操作,完全在服务器中进行处理,支持get和post请求,跨域资源共享标准新增了一组HTTP首部字段,允许服务器声明哪些源站通过浏览器有权限访问哪些资源。在日常浏览网页中,可以由于一些网络或其他原因导致用户疯狂的进行数据请求,这样一来,用户的数量一高请求的数据就很庞大,导致服务器承受不住这么大的流量,所以我们就要进行取消重复的操作来缓解服务器的压力。原创 2022-10-15 23:28:48 · 2407 阅读 · 59 评论 -
【JavaScript】对象创建与继承
讲解JavaScript中对象创建模式与继承模式原创 2022-08-31 23:21:00 · 473 阅读 · 13 评论 -
【JavaScript】一文了解JS的闭包
详解JavaScript的闭包使用及其日常开发遇到的常见问题原创 2022-08-30 13:50:12 · 3149 阅读 · 47 评论 -
【JavaScript】一文了解JS原型与原型链
浅解JavaScript中原型与原型链的概念及其应用原创 2022-08-21 13:26:12 · 865 阅读 · 44 评论 -
【JavaScript】一文了解JS的正则表达式
详解JavaScript中正则表达式原创 2022-08-05 12:08:06 · 974 阅读 · 34 评论 -
【JavaScript】特殊格式的字符串—— JSON
一文了解 JSON 操作原创 2022-08-04 15:25:08 · 5060 阅读 · 27 评论 -
【JavaScript】读懂JS中类的相关操作
JS中的类操作原创 2022-08-02 21:59:38 · 470 阅读 · 36 评论 -
【JavaScript】回调地狱以及网页轮播图底层分析
回调地狱,网页轮播图底层分析原创 2022-08-01 10:02:57 · 591 阅读 · 41 评论 -
【JavaScript】动画函数
动画函数实现原创 2022-07-30 22:39:01 · 1170 阅读 · 30 评论 -
【JavaScript】三大元素系列讲解
详解offset、client、scroll三大元素系列原创 2022-07-29 10:33:01 · 326 阅读 · 29 评论 -
【JavaScript】JS执行机制以及三种对象讲解
JS执行机制以及三种对象location、navigator、history方法的讲解原创 2022-07-27 21:18:27 · 617 阅读 · 39 评论 -
【JavaScript】一文了解定时器的使用
详解定时器的使用原创 2022-07-27 13:09:11 · 604 阅读 · 31 评论 -
【JavaScript】掌握BOM浏览器对象模型
浅解BOM的相关概念及简单应用原创 2022-07-26 21:55:20 · 478 阅读 · 23 评论 -
【JavaScript】一文了解事件对象
详解事件对象原创 2022-07-26 17:56:09 · 480 阅读 · 30 评论 -
【JavaScript】事件操作及其本质
注册事件、删除事件、DOM事件流原创 2022-07-25 19:24:24 · 544 阅读 · 44 评论 -
【JavaScript】你真的了解节点操作吗?
详解JavaScript的节点操作原创 2022-07-23 11:46:41 · 754 阅读 · 54 评论 -
【JavaScript】事件概述与操作DOM元素
DOM简介、获取元素方式、事件概述、操作元素。原创 2022-07-21 21:18:05 · 652 阅读 · 42 评论 -
JavaScript入门到精通(五)连载
JavaScript入门到精通原创 2022-06-29 20:26:33 · 500 阅读 · 32 评论 -
JavaScript入门到精通(四)连载
JavaScript入门到精通原创 2022-05-20 01:03:03 · 472 阅读 · 9 评论