JavaScript
文章平均质量分 92
c.
这个作者很懒,什么都没留下…
展开
-
XLSX + LuckySheet + LuckyExcel + Web Worker实现前端的excel预览
XLSX + LuckySheet + LuckyExcel + Web Worker实现前端的excel预览原创 2024-07-03 10:12:54 · 681 阅读 · 0 评论 -
前端错误监控的简单设计与实现
为了让我们的开发人员能够发现用户在前端操作出现的一些前端错误,能够尽早发现和定位问题。我们暂定是使用邮件的形式来通知我们的开发人员。而且我们并不要求所有的前端错误都能够实时全量的通知给开发人员,因为当前端有问题的时候,可能前端报错特别多,会导致上报的数据会很多,从而造成发送很多邮件,而实际上我们只是想关心发生了什么错误,而不是关心发生了多少错误。所以我们会对监控上班和邮件通知进行限制,保证不会有瞬间过多的监控数据请求到后端。原创 2022-10-12 16:56:17 · 950 阅读 · 0 评论 -
手把手带你实现符合Promise/A+规范的Promise
文章目录手把手带你实现符合Promise/A+规范的Promise什么是Promise/A+规范?一步步实现自定义Promise构造函数resolve 与 reject的构建与基础实现throw 抛出异常改变状态Promise的状态一旦改变,就不会再变then 方法执行回调基础实现异步任务 then 方法实现根据Promise/A+规范 优化then方法指定多个回调then 返回结果是一个新的promise对象The Promise Resolution ProcedurePromise.prototype原创 2022-05-19 14:53:40 · 496 阅读 · 1 评论 -
如何中断Promise的链式调用?
文章目录如何中断Promise的链式调用?如何中断Promise的链式调用?问题:当promise状态改变时,他的链式调用都会生效,那如果我们有这个一个实际需求:我们有5个then(),但其中有条件判断,如当我符合或者不符合第三个then条件时,要直接中断链式调用,不再走下面的then,该如何操作?我们知道Promise有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败),当状态从pending(进行中)变成fulfilled(已成功)或者rejected(已原创 2022-05-16 11:19:47 · 2031 阅读 · 0 评论 -
带你快速入门ES6中的Promise对象
文章目录带你快速入门Promise对象什么是Promise?Promise的基本用法Promise.prototype.then()Promise.prototype.catch()Promise.prototype.finally()Promise.all()Promise.race()Promise.allSettled()Promise.any()Promise.resolve()Promise.reject()参考带你快速入门Promise对象什么是Promise?Promise 是异步编程原创 2022-05-16 11:17:31 · 281 阅读 · 0 评论 -
浅谈JS和CSS是如何阻塞DOM
文章目录后端ExpressCSS 阻塞页面渲染CSS 不会阻塞 DOM 的解析什么是DOMContentLoaded?DOMContentLoaded什么时候触发?defer 与 DOMContentLoadedasync 与 DOMContentLoaded浏览器渲染原理CSS 阻止JS执行JS 阻塞 DOM 解析浏览器遇到 script标签时,会触发页面渲染总结参考后端Express后端N...原创 2019-07-31 22:48:44 · 1626 阅读 · 0 评论 -
JavaScript [].slice.call的理解
【学习参考】[].slice.call的理解[].slice.call()的思考转载 2018-10-01 12:33:28 · 2370 阅读 · 0 评论 -
JavaScript 使用new创建一个对象的过程
【学习参考】创建对象有几种方法?面向对象的小九九new运算符JavaScript (new)创建一个对象的过程用关键字new创建对象 new都做了什么(随笔)转载 2018-10-01 12:30:54 · 4579 阅读 · 0 评论 -
JavaScript 对象创建的几种方式整理
【学习参考】创建一个对象的方法及原型对象创建对象有几种方法?JS对象创建的几种方式整理转载 2018-10-01 12:27:49 · 287 阅读 · 0 评论 -
Jquery Ajax设置withCredentials解决跨域请求
后端代码: httpResponse.setHeader("Access-Control-Allow-Origin", httpServletRequest.getHeader("Origin")); httpResponse.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With...原创 2018-07-21 00:16:55 · 32396 阅读 · 4 评论 -
JavaScript的表单校验、ajax提交和数据渲染的流程
下面简单封装了一个类似jquery的ajax工具(function(global){ let kevin = {}; kevin.ajax = function(type, url, data, headers, callback){ let xhr = new XMLHttpRequest(); xhr.onreadystatechange...原创 2018-07-19 22:26:16 · 1464 阅读 · 0 评论 -
JavaScript的简单算法练习
/** * 1.打印矩阵 */function getMatrix(num){ for(let i = 0; i < num; i++){ let str = ""; for(let j = 0; j < num; j++){ str += "* " } console.log(st...原创 2018-07-19 22:16:04 · 464 阅读 · 1 评论 -
JavaScript MVVM框架的简单设计与实现
MVVM(Model View ViewModel)是一种基于MVC和MVP的架构模式,它试图将用户界面(UI)从业务逻辑和行为中更加清晰地分离出来。 MVVM的设计思想:关注Model的变化,让MVVM框架去自动更新DOM的状态,从而把开发者从操作DOM的繁琐步骤中解脱出来。<!DOCTYPE html><html lang="en"><head>...原创 2018-07-19 22:10:38 · 1006 阅读 · 0 评论 -
JavaScript的函数
函数是原生对象可以使用new完成对象的实例化。此方式效率低下,不建议使用。函数是一等公民可以完成功能(C中的函数)可以做为实参和返回值(当成数据,并轻松实现回调模式)可以成为对象的成员(“方法”的概念)可以使用new操作(自定义类型的概念,class的替代品)有prototye的引用,并影响所有实例的原型引用更灵活的方式no overload...原创 2018-07-19 21:58:33 · 204 阅读 · 0 评论 -
JavaScript面向对象与原型
面向对象创建对象var box = new Object();//创建一个name属性并赋值box.name = 'CAI';box.age = 22;box.run = function(){ return this.name + this.age + " running..."};console.log("box.run():" + box.run()); 上面创建了一个对象原创 2017-08-23 09:14:32 · 354 阅读 · 0 评论 -
ajaxFileUpload 异步上传文件配合PHP的使用
本人最近在学习PHP,并在用PHP写一个简单的个人博客网站的时候需要对个人的头像进行异步上传,经过研究,成功实现了ajaxFileUpload+PHP的异步上传功能,所以抽空做下总结,本文主要讲解ajaxFileUpload 异步上传文件配合PHP使用jQuery插件ajaxFileUpload可以实现ajax文件上传,使用非常简单。准备环境jquery.js ajaxfileu原创 2017-04-17 16:17:12 · 4711 阅读 · 4 评论 -
ajaxFileUpload :jQuery.handleError is not a function的解决方法
jQuery.handleError is not a function 报错原因是: handlerError只在jquery-1.4.2之前的版本中存在,jquery-1.4.2之后的版本中都没有这个函数了。 解决方法:将下面的代码复制进去ajaxFileUpload .js中。handleError: function( s, xhr, status, e ) {原创 2017-04-17 09:58:27 · 4316 阅读 · 0 评论 -
ajaxFileUpload 异步上传文件配合Struts2的简单使用
我在用SSH框架写一个简单的企业网站的时候需要对产品的图片进行异步上传,经过研究成功实现了ajaxFileUpload+Struts2的异步上传功能,所以抽空做下总结,本文主要讲解ajaxFileUpload 异步上传文件配合Struts2的简单使用jQuery插件ajaxFileUpload可以实现ajax文件上传,使用非常简单。准备环境所需环境: jquery.js aja原创 2017-04-16 21:43:09 · 5788 阅读 · 0 评论 -
JQuery 加载并解析 XML实现省市联动
JQuery 加载并解析 XMLJQuery 可以通过 $.get() 或 $.post() 方法来加载 xml. JQuery 解析 XML 与解析 DOM 一样, 可以使用 find(), children() 等函数来解析和用 each() 方法来进行遍历<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><htm原创 2016-11-15 14:12:22 · 1595 阅读 · 0 评论 -
jQuery 中的 Ajax
JQuery 对 Ajax 操作进行了封装, 在 jQuery 中最底层的方法时 $.ajax(), 第二层是 load(), $.get() 和 $.post(), 第三层是 $.getScript() 和 $.getJSON()load() 方法load()方法是 jQuery 中最为简单和常用的 Ajax 方法, 能载入远程的 HTML 代码并插入到 DOM 中. 它的结构是: load原创 2016-11-15 14:08:04 · 632 阅读 · 0 评论 -
jquery表单验证
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery validation plug-in - main demo</title> <link rel="stylesheet" type="text/cs原创 2016-11-15 13:38:59 · 609 阅读 · 0 评论 -
jQuery练习7——crm项目中的权限控制
需求分析:全选全不选以”客户管理”为例当选中”客户管理”的时候,所有子元素都被选中当不选中”客户管理”的时候,所有子元素都不被选中当任意一个子元素被选中的时候,”客户管理”也被选中当所有子元素都不被选中的时候,”客户管理”也不被选中<legend><input type='checkbox' class='checkbox' name='menuModule' value='compa原创 2016-11-15 13:29:26 · 907 阅读 · 0 评论 -
jQuery练习6——弹出层
常用的遍历节点方法取得匹配元素的所有子元素组成的集合: children(). 该方法只考虑子元素而不考虑任何后代元素.取得匹配元素后面紧邻的同辈元素的集合:next(); 取得匹配元素前面紧邻的同辈元素的集合:prev()取得匹配元素前后所有的同辈元素: siblings()<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional原创 2016-11-14 20:38:02 · 327 阅读 · 0 评论 -
jQuery练习5——val()练习
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>XXX</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script language="Java原创 2016-11-14 20:33:33 · 1044 阅读 · 0 评论 -
jQuery小练习4——多选框应用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>U原创 2016-11-14 10:05:02 · 879 阅读 · 0 评论 -
jQuery小练习3
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>ddd</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script language="Java原创 2016-11-14 10:02:42 · 400 阅读 · 0 评论 -
jQuery小练习2——下拉框应用
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script language="JavaScript" src="../js/jquery-1.4.2.js"></script><title>无标题文档</title><style type="text/css"><!--原创 2016-11-14 10:00:27 · 425 阅读 · 0 评论 -
jQuery小练习1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>ddd</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script language="Java原创 2016-11-14 09:57:31 · 438 阅读 · 0 评论 -
jQuery 中的 DOM 操作
内部插入节点append(content) :向每个匹配的元素的内部的结尾处追加内容appendTo(content) :将每个匹配的元素追加到指定的元素中的内部结尾处prepend(content):向每个匹配的元素的内部的开始处插入内容prependTo(content) :将每个匹配的元素插入到指定的元素内部的开始处<!DOCTYPE HTML PUBLIC "-//W3C//DTD原创 2016-11-13 21:58:41 · 782 阅读 · 0 评论 -
jQuery表单选择器
表单选择器1、:input 用法: $(”:input”) ; 返回值: 集合元素 说明:匹配所有 input, textarea, select 和 button 元素 2、:text 用法: $(”:text”) ; 返回值 : 集合元素 说明: 匹配所有的单行文本框. 3、:password 用法: $(”:password”) ;原创 2016-11-13 21:34:46 · 401 阅读 · 0 评论 -
jQuery过滤选择器——表单对象属性过滤选择器
表单对象属性过滤选择器此选择器主要对所选择的表单元素进行过滤 1、:enabled 用法: $(”input:enabled”) 返回值 :集合元素 说明: 匹配所有可用元素.意思是查找所有input中不带有disabled=”disabled”的input.不为disabled,当然就为enabled啦. 2、:disabled 用法: $(”input:disabl原创 2016-11-13 21:12:38 · 2983 阅读 · 1 评论 -
jQuery过滤选择器——子元素过滤选择器
子元素过滤选择器1、:nth-child(index/even/odd/equation) 用法: $(”ul li:nth-child(2)”) 返回值 :集合元素 说明: 匹配其父元素下的第N个子或奇偶元素.这个选择器和之前说的基础过滤(Basic Filters)中的 eq() 有些类似,不同的地方就是前者是从0开始,后者是从1开始. 2、:first-child原创 2016-11-13 21:04:54 · 4881 阅读 · 0 评论 -
jQuery过滤选择器——属性过滤选择器
属性过滤选择器属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素 1、[attribute] 用法: $(”div[id]“) ; 返回值:集合元素 说明: 匹配包含给定属性的元素. 例子中是选取了所有带”id”属性的div标签. 2、[attribute=value] 用法: $(”input[name='newsletter']“).attr(”checke原创 2016-11-13 20:55:43 · 6875 阅读 · 1 评论 -
jQuery过滤选择器——可见度过滤选择器
可见度过滤选择器1、:hidden 用法: $(”tr:hidden”) 返回值 :集合元素 说明: 匹配所有的不可见元素,input 元素的 type 属性为 “hidden” 的话也会被匹配到.意思是css中display:none和input type=”hidden”的都会被匹配到.同样,要在脑海中彻底分清楚冒号”:”, 点号”.”和逗号”,”的区别. 2、:visibl原创 2016-11-13 20:24:48 · 367 阅读 · 0 评论 -
jQuery过滤选择器——内容过滤选择器
内容过滤选择器内容过滤选择器的过滤规则主要体现在它所包含的子元素和文本内容上1、:contains(text) 用法: $(”div:contains(’John’)”) 返回值:集合元素 说明: 匹配包含给定文本的元素.这个选择器比较有用,当我们要选择的不是dom标签元素时,它就派上了用场了,它的作用是查找被标签”围”起来的文本内容是否符合指定的内容的. 2、:empt原创 2016-11-13 20:02:29 · 456 阅读 · 0 评论 -
jQuery过滤选择器——基础过滤选择器
过滤选择器过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM 元素, 该选择器都以 “:” 开头按照不同的过滤规则, 过滤选择器可以分为基本过滤, 内容过滤, 可见性过滤, 属性过滤, 子元素过滤和表单对象属性过滤选择器.基础过滤选择器1、:first 用法: $(”tr:first”) ; 返回值: 单个元素的组成的集合 说明: 匹配找到的第一个元素 2、:la原创 2016-11-13 19:40:39 · 536 阅读 · 1 评论 -
jQuery选择器——层次选择器
层次选择器如果想通过 DOM 元素之间的层次关系来获取特定元素, 例如后代元素, 子元素, 相邻元素, 兄弟元素等, 则需要使用层次选择器.1 、ancestor descendant 用法: $(”form input”) ; 返回值:集合元素 说明: 在给定的祖先元素下匹配所有后代元素.这个要下面讲的”parent > child”区分开.2、parent > chil原创 2016-11-13 16:14:28 · 451 阅读 · 0 评论 -
jQuery选择器——基本选择器
基本选择器基本选择器是 jQuery 中最常用的选择器, 也是最简单的选择器, 它通过元素 id, class 和标签名来查找 DOM 元素(在网页中 id 只能使用一次, class 允许重复使用).1、#id 用法: $(”#myDiv”); 返回值:单个元素的组成的集合 说明: 这个就是直接选择html中的id=”myDiv”2、Element 用法: $原创 2016-11-13 16:13:58 · 354 阅读 · 0 评论 -
jQuery入门
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>form.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="原创 2016-11-13 14:23:40 · 251 阅读 · 0 评论 -
json入门
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>form.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="原创 2016-11-12 13:20:48 · 269 阅读 · 0 评论