JavaScript
关注
分享
扫一扫
文章平均质量分 65
JavaScript程序开发的方法和技巧
dawn
数学就这么简单有趣。
展开
-
axios
axios在很多前端框架中占据了主流（比如vue+elementUI框架），它基于Promise，也是对XMLHttpRequest（在Node.js 环境中封装的是http模块）进行了很好的封装，提供了一个更为优雅和强大的接口来发送 HTTP 请求。原创 2024-02-18 21:36:52 · 1596 阅读 · 0 评论 -
Mock.js
在开发前端的应用中，我们使用Mock.js来模拟后端服务，以便进行前端业务逻辑的开发和测试，这篇文章对mock.js的使用方法做了一个小结。原创 2024-02-16 19:53:19 · 629 阅读 · 0 评论 -
export和import
总结export和import的技术细节原创 2024-02-16 00:53:37 · 858 阅读 · 0 评论 -
前端JavaScript模块化开发的演变⑴
总结前端JavaScript模块化开发的演变过程，作为前端开发者，这一部分内容需要详细掌握。原创 2023-01-25 22:44:21 · 311 阅读 · 0 评论 -
ECMAScript6中的promise对象
promise是EAMCScript6中很重要的一个对象，需要掌握一些细节，这是学习promise的笔记。原创 2022-10-13 23:45:09 · 355 阅读 · 0 评论 -
解决JavaScript中的setInterval函数不接收参数的问题
解决JavaScript中的setInterval函数不接受参数的问题，对于setTimeout函数也一样可以类似解决。原创 2022-10-12 22:40:14 · 507 阅读 · 0 评论 -
AXAJ与JavaScript中的异步编程元素
总结多种axaj异步请求技术在JavaScript编程中的运用。原创 2022-10-11 14:00:16 · 963 阅读 · 0 评论 -
ECMAScript6中的class关键字
学习ECMAScript6中的class关键字，对比ECMAScript5的创建对象方法。原创 2022-10-02 23:51:33 · 851 阅读 · 0 评论 -
ECMAScript6中的Map数据结构
学习ECMAScript6中Map的笔记。原创 2022-10-01 23:57:17 · 234 阅读 · 0 评论 -
ECMAScript6中的Set(集合)
学习ECMAScript6中的Set（集合）知识点原创 2022-09-30 23:57:29 · 397 阅读 · 0 评论 -
ECMAScript6 学习笔记
记录学习ECMAScript6重要的基础知识点。原创 2022-09-28 23:43:38 · 465 阅读 · 0 评论 -
ECMAScript6 Module的知识点
学习ES6 Module学习笔记。原创 2022-09-22 22:55:40 · 308 阅读 · 0 评论 -
跨域问题及前端的解决方法
总结前端实现跨越访问的多种方式方法。原创 2022-08-03 17:30:25 · 1005 阅读 · 0 评论 -
JavaScript(14)：this
在JavaScript语言中，this是一个很神奇的存在，this指向是一个让初学者感到困惑和纠结的问题。 有console.log函数帮助我们在学习过程中总结，this指向还是有一般规律可循的。 1、在函数中直接使用时（不使用任何修饰符，比如call、apply、bind、new等），函数中的this默认绑定到全局，就是指向window。需要注意的是，当使用严格模式时，不能绑定到全局，程序会抛出错误。 2、在函数中的this指向不是在函数定义时确定的，需要在运行时确定，具体说就是th原创 2022-02-14 23:31:00 · 358 阅读 · 0 评论 -
JavaScript(13)：创建对象的8种方法
JavaScript有很多用来很多创建对象的方法，根据不同的场景需要和自己的喜好可以采取不同的创建方式。 下面是常见的8种创建方式。 1、使用Object()构造函数创建 var objA=new Object(); objA.name='张三'; objA.gender='男'; objA.age=19; objA.info=function(){ console.log('姓名：'+this.name+',性别：'+this.gender+',年龄：'+this.age原创 2022-02-13 22:16:47 · 424 阅读 · 0 评论 -
JavaScript(12)：apply、call、bind
JavaScript是一门非常灵巧的面向对象的开发语言，函数作为“第一公民”有很多方面的特殊应用手段，比如bind、apply、call等方法函数，它们的使用方式、传递参数都是一样的，也有区别。通过它们的使用，在以后面向对象的开发、建模、多态应用上会有很好的表现手段。 不同的是： bind：绑定this的指向，然后返回一个新函数，返回的对应方法不会立即执行，需要调用才执行 call、apply：改变this的指向，调用是立即执行的。 apply和call的不同点： 1、call：原创 2022-02-13 17:24:56 · 596 阅读 · 0 评论 -
JavaScript(11)：事件代理
在JavaScript中，事件代理又称为事件委托，就是把子对象的监听事件绑定到事件源对象的父对象上，利用事件冒泡原理触发事件。 优点： 1. 提高性能，不需要所有对象都绑定事件； 2. 灵活，动态创建的新对象不需要绑定事件。 缺点： 1、有的处理不方便而可能影响速度，比如在对象上的鼠标移入和鼠标移出处理； 2、需要有选择地阻止事件冒泡。 1、捕获和冒泡 事件的冒泡：事件从DOM树的底层，层层向外传递，直至传递到DOM的根节点。 事件的捕获：事件从DOM树的根节点，原创 2022-02-12 20:54:23 · 567 阅读 · 0 评论 -
JavaScript(10)：结构、样式、行为的逐步分离
最开始实现某一项功能的时候，结构、样式和行为是混在一起的。 本来写代码就是为了让自己和别人看明白，这样做的缺点很明显，不方便查看和修改。 1、结构、样式、行为不分离 例如下面的网页，表格内的奇数行和偶数行有不同的样式，同时鼠标在行上移入和移出行有不同的样式表现，还有删除行功能。<!DOCTYPE html><html lang="en"><head> <meta http-equiv="X-UA-Compatible" con原创 2022-02-12 01:40:55 · 711 阅读 · 0 评论 -
JavaScript(9)：var、let、const
1、严格性 ①、如果一个变量在未var声明之前使用，浏览器报告undefined。 ②、如果一个变量在未let或者const声明之前使用，浏览器报告错误。 一个变量在未做任何声明之前使用会报告错误，比如 console.log(i); 浏览器会报告错误：Uncaught ReferenceError: i is not defined。 如果在var声明之前使用是： console.log(i); var i; 浏览器则会输出：undefined，不会报原创 2022-02-08 19:13:26 · 788 阅读 · 0 评论 -
JavaScript(8)：即时函数
在JavaScript中定义一个函数后，声明一个函数并马上执行（调用）这个函数，这样的函数就是立即执行函数（Immediately-Invoked Function Expression 即IIFE），也称为即时函数（Immediately Function）。 典型样式：(function(){//执行语句//......})() 也可以是：(function () {//执行语句//......}()) 推荐是第一种的写法，因为清楚明了，不容易产生歧义。原创 2022-02-04 22:32:09 · 1089 阅读 · 5 评论 -
JavaScript(7)：闭包
在百度百科中，有闭包的解释。 【百度百科】官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。 【百度百科】闭包的特点： 1.作为一个函数变量的一个引用，当函数返回时，其处于激活状态。 2.一个闭包就是当一个函数返回时，一个没有释放资源的栈区。 百度百科这么说有点绕，感觉意思也差不多，通俗地理解： 1、闭包就是一个封闭的包，它有对外（环境）变量的引用； 2、闭包一直存在于内存当中。 就这两点的理解就足够了原创 2022-02-03 17:26:44 · 948 阅读 · 0 评论 -
JavaScript(6)：回调函数
在百度百科中，回调函数的定义就是一个被作为参数传递的函数。 通俗地理解：我现在写一个函数，里面定义了函数A，那么函数A就是回调函数。 以前我认为JavaScript不过是一门在浏览器端执行的简单脚本语言，我只要会写会读就行了，正经写程序还是要靠C++\C#\Java等高级语言来做。看了回调函数和它的特点特别是看了一些JavaScript函数的原型才明白JavaScript虽然简单，可是这门语言设计得真是巧妙，深入掌握并不容易。 我的理解，回调函数是JavaScript的精华之一，它给Java原创 2022-02-01 22:48:46 · 2106 阅读 · 0 评论 -
JavaScript(5)：页面元素的可见与不可见
控制页面元素的可见与不可见有很多方法，比如：将元素的位置移动到页面之外，或者将页面元素的颜色置为背景色，又或者被上层元素所覆盖等等。 一般的方法是通过属性控制来达到的，比如hidden属性、display属性、visibility属性、opacity属性等来操作，在练习中可以看到通过visibility属性来控制，页面不发生跳动，这个细节对用户体验比较好，控制透明度也可以。 代码如下：<!DOCTYPE html><html lang="en"><he原创 2021-10-19 23:29:27 · 976 阅读 · 0 评论 -
JavaScript(4)：正则表达式
很多编程语言都有正则表达式，JavaScript也不例外，用于模式匹配和替换，它有很多的应用。学习网址：https://regexr.com/，可以在这个网站上一边测试一边总结。一、做什么用常见的应用有：①测试给定字符串或者文档的模式。例如，是否是手机号码、邮件地址、IP地址？或者密码强度的检测，或者给定字符串中是否包含了指定的字符串等等。这个统称为数据有效性验证。②替换指定的文本。可以在字符串或者文档中使用一个正则表达式来标定特定文字，然后对其进行操作，比如将其删除或者替换为别原创 2021-10-06 20:09:11 · 204 阅读 · 0 评论 -
JavaScript(3)：字符串函数
今天晚上整理了一下JavaScript的字符串函数，在vscode编辑器里使用智能语法提示进行练习，写下来以备参考。 1、concat(常用) 将两个或多个字符的文本组合起来，返回一个新的字符串。 var str1='JavaScript';//字符串对象 var str2='字符串函数'; var str3=str1.concat(str2); console.log('=========concat函数');原创 2021-09-30 23:16:42 · 338 阅读 · 0 评论 -
JavaScript(2)：纯JavaScript代码生成动态表格和动态效果
今天上午完成了Vue实现一个表格的动态样式，那么JavaScript代码能不能实现同样的效果呢？这样也可以学习一下JavaScript的语法，晚上试了一下，完全可以，效果一模一样。<!DOCTYPE html><html lang="en"><head> <meta http-equiv="X-UA-Compatible" content="text/html; charset=utf-8"> <meta name="vie原创 2021-09-29 22:16:43 · 307 阅读 · 0 评论 -
JavaScript(1)：基础语法
总结JavaScript的基础语法。原创 2021-09-28 22:06:57 · 138 阅读 · 0 评论 -
ES6的速写属性、方法、模板字符串
原来的写法：var name='小明';var age=19;var person={ name:name, age:age, sayhello:function(){ return 'name:'+name+'age:'+age }}; 比较容易理解的写法是： return 'name:'+this.name+'age:'+this.age 或者 return 'name:'+person.name+'age:原创 2021-09-28 21:53:35 · 123 阅读 · 0 评论 -
网页间的传值
网页间的传值有三种方法： 1、通过地址栏; 2、通过cookie； 3、直接调用处理，即通过window.opener获取具体的参数，这种方法比较灵活。 父页面：网页间的参数传递[父网页] function test1(){ window.open('child.html','popup',200,300) }原创 2012-12-15 22:59:35 · 1123 阅读 · 0 评论