JavaScript从入门到精通
分享
扫一扫
文章平均质量分 70
原价 299，🔥 活动期间 🔥，前 50 个订阅一律 29.9， 超过 50 订阅后，专栏价格会提升至 39.9， 超过 100 订阅后，专栏价格会提升至 49.9，依次类推！
超级会员免费看
言程序plus
全栈开发工程师，7年大型企业工作经验。CSDN、阿里云、华为云等平台优质创作者；精通鸿蒙开发、前端、小程序、移动端应用开发、智慧大屏、gis、前后台管理系统等开发，数据挖掘分析运维。一直在探索AIGC，博客热衷分享实用项目和技术干货。技术栈：arkts\js\vue\react\node.js\three.js\cesuim.js\gis\uniapp\微信小程序\mysql\pgsql\java\python\opencv 。【诗词雅集】一款收录了30万首古诗词的微信小程序，旨在传承诗词经典，邂逅诗与远方。
展开
-
直面JavaScript数据处理的5个常见疑难杂症
本文介绍了JavaScript开发过程中常见的5种数据处理问题——数组的增删改查、数组去重、数组排序，平级结构转树装结构，数组对象去重合并等等并提供了对应的解决思路，基本覆盖了日常开发过程中的使用需求， 阅读本片文章可以大大提升你的javaScript基本功，在收到开发需求时，能快速响应，并给出解决方案。......原创 2022-06-02 08:30:00 · 3559 阅读 · 62 评论
-
一文带你吃透js处理树状结构数据的增删改查
最近在开发一个后台管理系统的权限管理模块，涉及到各种树状结构的数据处理逻辑，例如：增，删，改，查等；相比普通的数组结构数据，树状结构的处理就没有数组那么的直观，但是也没那么复杂，需要多一步——递归查找来对数据进行深度遍历操作，那么这里呢，博主也将开发过程中总结出来的方法分享给大家，一文带你吃透JS树装结构数据处理：1、新增节点2、删除节点3、修改节点4、查找节点.........原创 2022-07-03 08:15:00 · 6220 阅读 · 66 评论 -
【专栏大纲】JavaScript从入门到精通包含哪些内容？
本周将开启前后端数据交互的学习，来理解前后端开发的区别，了解网络通信的相关概念，并对与后台通信、获取数据有一个初体验。概念比较抽象，先作为了解。ES6是JavaScript新的语法规范，让代码更规范、可读性高、方便操作。JS是网页编程的第一步，本周开始学习JS编程语言，掌握基础语法结构、变量声明和命名规则、数据类型、表达式和操作符，学完本周内容可以进行简单的JS代码编写。如想实现更炫的动态效果，那么操控网页元素很重要，通过掌握函数编程、DOM操作、事件以及BOM对象，让你能实现典型的触发和动态交互效果。原创 2022-09-07 00:16:25 · 546 阅读 · 1 评论 -
JS如何用正则匹配来截取地址栏后面某个字段a的数据
在JavaScript中，你可以使用正则表达式（RegExp）来匹配并截取URL中查询参数（query parameter）但是，需要注意的是，正则表达式通常用于更复杂的字符串匹配场景，而对于简单的URL查询参数提取，使用。如果URL可能包含这些特殊字符，正则表达式将需要更加复杂来处理转义或编码的字符。请注意，这个正则表达式假设URL是格式良好的，并且参数名和值都不包含特殊字符（如。函数来解码任何可能存在的URL编码字符（如空格被编码为。另外，请注意，在返回参数值之前，我使用了。原创 2024-05-16 18:09:43 · 398 阅读 · 1 评论 -
js实现两个数组对象，重复的属性覆盖，不重复的添加
数组中的位置，并用第二个数组中的属性对象覆盖它。如果不存在，说明属性是不重复的，直接将属性添加到。方法来实现两个数组对象的合并，覆盖重复的属性，并添加不重复的属性。这样就实现了两个数组对象的合并，重复属性被覆盖，不重复属性被添加。对象中以属性的键值作为键，属性对象作为值进行存储。如果存在，说明属性是重复的，则找到它在。这段代码首先创建了一个空的合并数组。，对于每个属性，检查它是否已存在于。然后，通过遍历第一个数组。和一个空的属性映射对象。接下来，遍历第二个数组。最后，返回合并后的数组。原创 2023-11-06 14:28:38 · 2174 阅读 · 0 评论 -
从0到1带你搭建一个vue3.0项目(vue-cli脚手架版）
时代在发展，技术也在进步，这不咱们前端的主流框架vue也慢慢从vue2.0让尤雨溪大佬更新到vue3.0了，正好公司最近有个新的小项目让我负责，技术选型我来决定，经过团队讨论后一致决定使用vue3.0来作为开发技术栈，据说vue3.0有这些优点：性能比2.x快1.2～2倍；按需编译，体积比Vue2.x更小；数据监听方式变成了Proxy，消除Object.defineProperty现有的限制（例如无法检测新的属性添加），并提供更好的性能。原创 2022-09-09 08:30:00 · 11815 阅读 · 72 评论 -
js全局替换ip地址的正则方法
最近有个需求使用的是内外网,不同网段不能访问，系统中有些图片会挂掉，这里我们用。可以使用正则表达式和字符串的replace方法来实现全局替换。方法将其替换为新的 URL。最后输出替换后的字符串。nginx设置完代理后，剩下的就是把。在上面的代码中，使用正则表达式。需要的ip全局替换一下。原创 2023-05-08 09:42:24 · 1414 阅读 · 0 评论 -
前端必备的截屏取色小工具推荐——Faststone Capture
FSCapture是一款抓屏工具，体积小巧、功能强大。不但具有常规截图等功能，还有从扫描器获取图像，和将图像转换为 PDF 文档等功能。其屏幕拾色器和屏幕标尺更是方便网页前台设计者的实用工具。一、解压即可使用，解压后得到如图所示的文件夹，因为是绿色版，直接双击FSCapture.exe就可以运行了。二、双击运行后就会看到一个一直在最前的菜单，如图所示三、下图展示的是它的所有可用功能，大家可以自己一个个试，多试试就会用了 击菜单栏最后图片，可以进入FSCapture的...原创 2021-11-01 15:15:09 · 19698 阅读 · 10 评论 -
【实战篇】微信公众号网页授权登录实现起来如此简单
用户在微信客户端中访问第三方网页，公众号可以通过微信网页授权机制，来获取用户基本信息，进而实现业务逻辑。原创 2022-05-19 12:12:36 · 6663 阅读 · 23 评论 -
javascript获取对象的key和value
在使用javascript开发中，有时候在开发ehart时，经常需要获取对象的所有key和所有value，下面教大家如何获取，获取对象所有key的方法，获取对象所有value的方法，以上就是javascript获取对象的key和value的方法，希望对大家有所帮助。原创 2023-02-09 15:20:04 · 1986 阅读 · 2 评论 -
最全js取整方法记录
最全js取整方法记录原创 2023-02-02 23:21:33 · 271 阅读 · 0 评论 -
2022最新前端面试题(HTML/CSS篇 近万字含解答)
IE: trident内核Firefox：gecko内核Safari:webkit内核Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核Chrome:Blink(基于webkit，Google与Opera Software共同开发) 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。（重点：告诉浏览器按照何种规范解析页面）从IE6开始，引入了Standards模式，标准原创 2022-08-23 08:15:00 · 1715 阅读 · 43 评论 -
【进阶篇】JavaScript 类继承讲解
继承允许我们依据另一个类来定义一个类，这使得创建和维护一个应用程序变得更容易。JavaScript 类继承使用 extends 关键字。super() 方法用于调用父类的构造函数。当创建一个类时，您不需要重新编写新的数据成员和成员函数，只需指定新建的类继承了一个已有的类的成员即可。这个已有的类称为，新建的类称为。继承代表了关系。例如，哺乳动物是动物，狗是哺乳动物，因此，狗是动物，等等。super() 方法引用父类的构造方法。原创 2022-10-07 11:10:46 · 808 阅读 · 1 评论 -
【实战篇】微信公众号JS-SDK获取当前经纬度及地址信息
通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验原创 2022-05-26 08:30:00 · 4079 阅读 · 33 评论 -
前端必备的谷歌浏览器JSON可视化插件：JSON-Handle
功能简介： 日常开发过程中，对接后台返回的数据接口时，数据格式常常是各种json格式字符串，在netWork里面查看十分不便，需要在网上找一个json格式化的工具再查看，然后再取数据字段，然后绑定到页面上，十分不便，推荐这么一款前端开发的浏览器插件工具给大家使用。返回数据:{"l1": {"l1_1": ["l1_1_1","l1_1_2"],"l1_2": { "l1_2_1": 121}},"l2": {"l2_1": null,"l2_2": true,"l2_3": ...原创 2022-05-18 09:46:43 · 14350 阅读 · 0 评论 -
前端必备的开发工具推荐——VScode代码编辑器
前言VSCode（全称：Visual Studio Code）是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能，VS Code 使用 Monaco Editor 作为其底层的代码编辑器。在 2019 年的 Stack Overflow 组织的开发者调查中，Vi......原创 2022-05-31 17:04:11 · 19830 阅读 · 5 评论 -
【中秋快乐】如何用three.js实现我的太空遐想3D网页
创作背景马上又是一年中秋佳节到来之际，中秋佳节自古以来就是团圆，思乡的节日，佳节当晚一边赏着月色，一边品尝着美味的月饼，和亲人好友诉说着想念之情 ，悠闲惬意之情油然而生。古人有诗云：”明月几时有，把酒问青天，不知天上宫阙，今夕是何年？“ 这是古人对月亮和太空的理解，那么当现代的我们抬头望向星空，望向月亮的时候，你的太空遐想是什么呢？正好博主最近也在研究3维方面技术栈，来吧，这篇文章会从0和你一起用three.js 来实现：你心目中的地球和月球，并且在功能分解3d地球3d月球3d小火箭。...原创 2022-08-28 16:21:06 · 10048 阅读 · 139 评论 -
【进阶篇】es7的decorator修饰器
es7的decorator修饰器装饰器(Decorator)是一种与类(class)相关的语法，用来注释或修改类和类方法。decorator就是给类添加或修改类的变量与方法的。装饰器是一种函数，写成@ + 函数名。它可以放在类和类方法的定义前面。例@frozen class Foo { @configurable(false) @enumerable(true) meth...原创 2020-05-10 12:35:00 · 472 阅读 · 0 评论 -
【进阶篇】javascript对象和数组的深拷贝和浅拷贝
管是在面试中还是我们的项目中经常会用到数组或者对象的深拷贝，下面我就自己总结的分享给大家。首先要知道什么是深拷贝？什么是浅拷贝？ 深拷贝：源对象与拷贝对象互相独立，其中任何一个对象的改动都不会对另外一个对象造成影响。 浅拷贝：拷贝出来的目标对象的指针和源对象的指针指向的内存空间是同一块空间。1、对象(object)的深拷贝和浅拷贝： 1.1对象的浅拷贝：1...原创 2019-03-05 16:51:00 · 820 阅读 · 0 评论 -
【进阶篇】JavaScript工具库的封装
解析 URL Params 为对象let url = 'http://www.domain.com/?user=anonymous&id=123&id=456&city=%E5%8C%97%E4%BA%AC&enabled';parseParam(url)/* 结果{ user: 'anonymous', id: [ 123, 456 ], // 重...原创 2019-12-18 15:12:00 · 243 阅读 · 0 评论 -
【进阶篇】js的防抖节流函数
防抖和节流函数阅读目录一 .防抖函数二 .节流函数三 .个人理解两者的区别一、防抖函数1.1 概念： 触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。1.2 使用场景： 就像是我的搜索栏功能，是在里面内容变化后就实时触发搜索事件，但是有时候我们输 的内容很长，在没有输完的时候就触发了事件，这样对性能来说是不好的，造成了很多 ...原创 2019-10-09 10:51:00 · 3957 阅读 · 0 评论 -
【进阶篇】JavaScript的23种设计模式
设计模式是我们每天编程遇到的问题的可重用解决方案。设计模式主要是为了解决对象的生成和整合问题。换句话说，设计模式可以作为可应用于现实世界编程问题的模板。原创 2019-10-09 09:51:00 · 211 阅读 · 0 评论 -
【进阶篇】js数组转换为树结构函数
我们常常在做后台管理系统的时候 需要对数据进行组装成一个树装结构，这里特地将此方法进行封装：let data = [ { id: 1, text: 't11', parentId: 0 }, { id: 2, text: 't11', parentId: 0 }, { id: 3, text: 't11', parentId: 1 }, { id: 4, te...原创 2019-12-18 14:46:00 · 2573 阅读 · 1 评论 -
【进阶篇】JavaScript代码规范
易读、易复用、易重构的 JavaScript 代码规范1.变量命名规范有意义Bad:const yyyymmdstr = moment().format("YYYY/MM/DD");Good:const currentDate = moment().format("YYYY/MM/DD");2. 给变量定义名字Bad:// What the heck is 8640...原创 2020-04-30 17:36:00 · 455 阅读 · 0 评论 -
【基础篇】JavaScript的DOM(网页元素操控)事件汇总
JavaScript 可以做什么?事件可以用于处理表单验证，用户输入，用户行为及浏览器动作:页面加载时触发事件页面关闭时触发事件用户点击按钮执行动作验证用户输入内容的合法性等等 ...可以使用多种方法来执行 JavaScript 事件代码：HTML 事件属性可以直接执行 JavaScript 代码HTML 事件属性可以调用 JavaScript 函数你可以为 HTML 元素指定自己的事件处理程序你可以阻止事件的发生。等等 ...............原创 2022-06-09 08:15:00 · 769 阅读 · 11 评论 -
【基础篇】JavaScript中Math(数学运算)方法汇总
Math是JS中的一个常用的内置对象，当我们进行数学计算时，使用起来很方便。今天的文章中讲介绍Math对象的一些有用的方法。原创 2022-06-01 17:44:16 · 1310 阅读 · 3 评论 -
【基础篇】JavaScript 函数介绍
本文介绍了JavaScript 函数语法，函数就是包裹在花括号中的代码块，前面使用了关键词 function，当调用该函数时，会执行函数内的代码。可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。......原创 2022-06-07 08:30:00 · 255 阅读 · 14 评论 -
【小案例】使用for循环实现等腰三角形demo
<script>for(var i=1;i<10;i++){ for(var j=1;j<10-i;j++){document.write(" ")} for(var k=1;k<i;k++ ){document.write(" o ")} document.write("<br>") }<script>原创 2017-03-24 22:30:00 · 227 阅读 · 0 评论 -
【基础篇】学好JavaScript的循环、比较和判断，80%的业务场景都能hold住
之前的文章给大家介绍了JavaScript的语法和函数等知识，今天给大家系统的学习一下js语言中的循环，比较和判断逻辑，学好这三种逻辑，基本可以应对工作中80%业务场景的开发需求，让我们继续赶快学习起来吧。.........原创 2022-06-20 08:15:00 · 604 阅读 · 28 评论 -
【基础篇】JavaScript复杂数据类型——对象
JavaScript 对象是拥有属性和方法的数据。原创 2022-06-06 08:30:00 · 245 阅读 · 14 评论 -
【小案例】字符串转换为数字数据类型的三种方法
<script>var string="88.96";var num=string*10;console.log(string,num,typeof num);</script>//第一种方法就是用关键字强式转换//var string="88.96"; var num=Number(string);//第二种方法就是用转换函数进行转换//var string=......原创 2017-03-21 22:18:00 · 12728 阅读 · 0 评论 -
【基础篇】JavaScript基本、复杂数据类型速览
JavaScript数据类型值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。引用数据类型（对象类型）：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）。.....................原创 2022-06-05 11:33:37 · 812 阅读 · 32 评论 -
【基础篇】JavaScript基础语法速览
每一门开发语言都有自己的语法规则，JavaScript 是一个脚本语言。它是一个轻量级，但功能强大的编程语言。它也有自己的一条语法体系，那么今天的文章就带你一起系统的学习一下JavaScript的语法。.....................原创 2022-06-03 22:15:45 · 321 阅读 · 33 评论 -
【基础篇】JavaScript的4种代码调试输出方式
本文介绍了JavaScript 的四种调试输出方式，这里最推荐的一种方式是实用console.log ,通过 F12 来激活浏览器控制台，并在菜单中选择“控制台”,里面调试的方式。原创 2022-06-01 07:45:00 · 3270 阅读 · 1 评论 -
【基础篇】Javascript脚本在html中3种使用方式
本文介绍了JavaScript的三种使用方式，分布是 中的 JavaScript 函数， 中的 JavaScript 函数和外部引入的的 JavaScript函数原创 2022-06-01 07:45:00 · 2508 阅读 · 14 评论 -
【基础篇】JavaScript简介
JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备原创 2022-05-31 18:49:37 · 311 阅读 · 34 评论