
【JS】Javascript
文章平均质量分 84
Microi风闲
三天不学习
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
如何写出优雅的高效JavaScript代码,风格规范很重要,重温阮一峰博士的ES6语法教程~
本章探讨如何将 ES6 的新语法,运用到编码实践之中,与传统的 JavaScript 语法结合在一起,写出合理的、易于阅读和维护的代码。原创 2025-07-30 17:25:38 · 834 阅读 · 40 评论 -
JavaScript 中 call 和 apply 的用法与区别
📖在JavaScript中,call和apply是两个非常重要的函数方法,它们都用于改变函数执行时的this指向。虽然它们的功能相似,但在使用方式上有一些区别。原创 2025-03-16 16:19:16 · 737 阅读 · 13 评论 -
ngify 拦截请求和响应
这篇文章主要介绍了这一响应式 HTTP 客户端,包括其与axios的关联、功能特点、基本用法(如获取不同类型数据、设置参数和标头等)、拦截器的使用、更换请求实现、防护机制、全局配置及测试请求等,还对比了它与其他库的差异,强调了其稳定性和便捷性。在前端开发中,使用最广泛的HTTP客户端为axios,它是一个用于浏览器和Node.js的、基于Promise的HTTP客户端。axios的前身其实是AngularJS的$http服务。axios深受AngularJS中提供的$http服务的启发,将$http服务从。原创 2025-01-11 21:19:22 · 1128 阅读 · 3 评论 -
what?ngify 比 axios 更好用,更强大?
这篇文章主要介绍了这一响应式 HTTP 客户端,包括其与axios的关联、功能特点、基本用法(如获取不同类型数据、设置参数和标头等)、拦截器的使用、更换请求实现、防护机制、全局配置及测试请求等,还对比了它与其他库的差异,强调了其稳定性和便捷性。在前端开发中,使用最广泛的HTTP客户端为axios,它是一个用于浏览器和Node.js的、基于Promise的HTTP客户端。axios的前身其实是AngularJS的$http服务。axios深受AngularJS中提供的$http服务的启发,将$http服务从。原创 2025-01-11 20:19:07 · 1332 阅读 · 0 评论 -
让输出日志 console.log 也炫酷起来【打印日志】
在开发的时候应该都用过打印来调试程序代码,有些小伙伴可能所有不知,其实console对象还有很多方法非常实用,比如可以把后台传给前端的类数组对象已表格的形式打印,也可以给打印的信息增加css样式,你甚至可以在控制台里打印图片!在封装组件时也经常用它的方法打印警告信息,错误信息。那本文就记录一下console对象的其他方法的应用场景和注意事项、以及好玩的地方。原创 2025-01-09 21:39:20 · 1274 阅读 · 0 评论 -
JavaScript -- 数组详解(使用频率高)【数组专题】
💎💯本文详细介绍了JavaScript中数组的的各种用法,包含ES6+语法,以及各种数组操作方法如复制、填充、转换、排序、栈队列操作、搜索和迭代等,帮助读者理解和掌握JavaScript数组的使用技巧。JavaScript 数组在我们日常开发中使用频率极高,如果能数量掌握数组相关方法的使用,可以使我们开发效率事半功倍,而且还能写出高质量优雅的代码。原创 2025-01-09 20:56:14 · 3058 阅读 · 34 评论 -
移动端网页兼容适配方案小结
移动端适配一直是前端开发中的重点难题,分享下常见的移动端兼容处理方案。移动端适配是一个系统工程,需要在项目开始时就建立完整的适配方案,而不是在遇到问题时临时处理。原创 2024-12-24 20:03:28 · 647 阅读 · 0 评论 -
2024年前端面试题【基本功篇】
本篇内容基本是前端开发必备技能,不算什么高深有难度的题型,一起来学习下吧。1、typeof基本类型√ 对象类型——object2、instanceof:检测某个对象是不是某个类的实例,一直向上检查3、:某个对象的亲爹是谁,到底是由谁构造出来的。简简单单先到这里吧,说多了没头了。原创 2024-12-21 21:55:50 · 1179 阅读 · 3 评论 -
判断 iframe 是否加载完成的完美方法
💕判断 iframe 是否加载完成的完美方法原创 2016-04-06 11:37:32 · 20240 阅读 · 1 评论 -
typeof 与 intanceof 的区别
当我们在做前端开发时,经常会用到类型判断,新同学可能分不清楚typeof 与 intanceof 的区别。如果前端框架用了typeScript,这哥俩可能用的就少了,因为类型都是定义好了的。原创 2024-11-25 10:52:42 · 404 阅读 · 0 评论 -
JavaScript - ES6 的Module模块 入门必看
ES6的module模块,可以把复杂的JS拆分为不同的模块,实现模块化封装。一个模块就是一个独立的文件,一个脚本就是一个模块。原创 2024-11-22 13:54:20 · 1049 阅读 · 0 评论 -
如何解决pdf.js跨域从url动态加载pdf文档
①如何禁用pdf.js的跨域?②如何绕过浏览器的CORS加载URL文件?②如何使用PDF.js动态加载URL文件?PDF.js , CORS , URL , 动态加载想要PDF.js通过 URL 加载文件,需要修改以下几个地方。1.在viewer.js中停用跨域判断代码2.重构viewer.js中 webViewerLoader和run函数来解除浏览器的CORS限制3.在iframe标签的src属性中增加file参数,实现PDF文件的动态加载。原创 2024-11-20 20:30:44 · 2143 阅读 · 0 评论 -
使用 postMessage 实现跨域通信
在前端开发中,Web 应用通常需要在不同窗口、不同 iframe 之间进行通信。而 postMessage 是一种安全的跨文档通信方法,用于在两个不同的浏览上下文(如不同的窗口、iframe,甚至是不同的标签页)之间发送消息。本文将详细介绍 postMessage 的使用方法及其应用场景。原创 2024-11-19 14:27:21 · 6000 阅读 · 0 评论 -
[ 模块化 ] JS 模块化发展历程
JavaScript 模块化的发展原创 2024-11-19 13:54:03 · 762 阅读 · 0 评论 -
前端开发之 节流与防抖
节流(throttle)与防抖(debounce)都是为了限制函数的执行频次,以优化函数触发频率过高导致的响应速度跟不上触发频率,出现延迟,假死或卡顿的现象。原创 2024-11-18 20:56:17 · 1296 阅读 · 0 评论 -
前端开发 API请求方式大全 ( 强烈推荐 )
这篇文章详细介绍了前端的七种请求 API,包括 XMLHttpRequest 及 XMLHttpRequest Level 2、Fetch API、Beacon API、WebSocket API、Server-Sent Events (SSE)、WebRTC 等,分别阐述了它们的优点、缺点、用法、使用场景、安全性、兼容性等方面,并进行了对比原创 2024-11-18 10:07:43 · 1452 阅读 · 0 评论 -
ES6 编程风格,让代码更优雅
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。以下是一些代码坏味道和好味道,学习起来让代码更加优雅吧。原创 2024-09-28 17:55:18 · 640 阅读 · 0 评论 -
ES6常用知识点梳理
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015(简称ES2015)。虽然浏览器在不断更新,但并不是所有用户的电脑浏览器都支持ES6,所以在使用的过程中建议还是转成es5,保证代码的可执行性。至于转换的方式大家可以用Babel或者Traceur转码器。1. let 和 const在ES6以前,Javascript并没有块级作用域的概念,有的是全局作用域和函数作用域,而let的出.原创 2020-07-03 11:32:30 · 353 阅读 · 0 评论 -
JavaScript、TypeScript、ES6三者之间的联系和区别
ES6是什么ECMAScript 6.0(以下简称ES6)是JavaScript语言(现在是遵循ES5标准)的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ES6的新特性ES6中的let命令,声明变量,用法和var差不多,但是let是为JavaScript新增了块级作用域,ES5中是没有块级作用域的,并且var有变量提升的概念,但是在let中,使用的变量一定要进行声明。 ES6中变量的解构赋值,比如:va原创 2020-07-03 11:11:56 · 1628 阅读 · 0 评论 -
asp.net 关于UpdatePanel刷掉js的解决办法
var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_endRequest(function () {//在这下面写你的js或jquery代码 $(function () { //你的js函数 });原创 2016-04-06 14:19:30 · 652 阅读 · 0 评论 -
运用JS设置cookie、读取cookie、删除cookie
JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的原创 2016-04-06 11:52:25 · 387 阅读 · 0 评论 -
js接收参数几种方式
方式1: var request = { QueryString: function (val) { var uri = window.location.search; var re = new RegExp("" + val + "\=([^\&\?]*)", "ig");原创 2016-04-06 11:45:37 · 8905 阅读 · 0 评论 -
C# Math类简介
Math.abs() 计算绝对值。 Math.acos() 计算反余弦值。 Math.asin() 计算反正弦值。 Math.atan() 计算反正切值。 Math.atan2() 计算从x 坐标轴到点的角度。 Math.ceil() 将数字向上舍入为最接近的整数。 Math.cos() 计算余弦值。 Math.exp() 计算指数值。 Math.floor() 将数字向下原创 2016-04-06 11:30:14 · 8021 阅读 · 0 评论 -
AngularJS学习笔记
AngularJS核心功能数据绑定:自动同步视图和模式组件的数据作用域:这些对象参考模式。作为控制器和视图的纽带控制器:这些JS方法绑定到指定的作用域中服务:AngularJS带有一些内建的服务,例如,$http来处理XMLHttpRequests. 这些都是Singleton对象,只需要实例化一次过滤器:这些用来处理数组的子集并且返回新的数组指令集: 指令集是DO原创 2016-04-11 17:12:38 · 553 阅读 · 0 评论 -
WebApi 跨域问题解决方案:CORS
一、跨域问题的由来同源策略:出于安全考虑,浏览器会限制脚本中发起的跨站请求,浏览器要求JavaScript或Cookie只能访问同域下的内容。正是由于这个原因,我们不同项目之间的调用就会被浏览器阻止。比如我们最常见的场景:WebApi作为数据服务层,它是一个单独的项目,我们的MVC项目作为Web的显示层,这个时候我们的MVC里面就需要调用WebApi里面的接口取数据展现在页面上。因原创 2017-02-10 17:56:01 · 2560 阅读 · 0 评论 -
RegExp 用一点心学,就不会觉得复杂
正则表达式是一种用来匹配字符串的强有力的武器。它的设计思想是用一种描述性的语言来给字符串定义一个规则,凡是符合规则的字符串,我们就认为它“匹配”了,否则,该字符串就是不合法的。所以我们判断一个字符串是否是合法的Email的方法是:创建一个匹配Email的正则表达式;用该正则表达式去匹配用户的输入来判断是否合法。因为正则表达式也是用字符串表示的,所以,我们要首先了解如原创 2017-03-09 17:50:00 · 446 阅读 · 0 评论 -
Json对象与Json字符串互转
1、jQuery插件支持的转换方式: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2、浏览器支持的转换方式 : JSON.parse(jsonstr); //可以将json字符串转换成json对象 实例:var jsonStr = '{"name":"lss"原创 2016-04-25 11:10:05 · 1327 阅读 · 0 评论 -
fullavatareditor 富头像上传编辑器
富头像编辑器是一个很好的头像图片上传控件,能够对图片进行简单的处理,例如:剪切、调节亮度等功能;富头像编辑器拥有很的参数配置,可根据自己的需要配置控件的功能;该控件要求浏览器需安装Flash Player后才能使用;下面是我做的一个小的Demo以说明富头像编辑器的使用方法。1.前台页面 需引用js文件和初始化富头像编辑器,脚本代码如下: Simple d原创 2017-12-05 15:00:03 · 4380 阅读 · 0 评论 -
undefined与null的区别
大多数计算机语言,有且仅有一个表示"无"的值,比如,C语言的NULL,Java语言的null,Python语言的None,Ruby语言的nil。 有点奇怪的是,JavaScrip...原创 2018-04-09 14:45:03 · 295 阅读 · 0 评论 -
js中prototype用法
prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法,而且特殊的地方便在于:它是一个给类的对象添加方法的方法!这一点可能听起来会有点乱,别急,下面我便通过实例对这一特殊的方法作已下讲解: 首先,我们要先了解一下类的概念,JavaScript 本身是一种面向对象的语言,它所涉及的元素根据其属性的不同都依附于某一个特定的类。我们所常见的类原创 2016-04-06 14:21:28 · 391 阅读 · 0 评论