JavaScript
文章平均质量分 63
马大头
这个作者很懒,什么都没留下…
展开
-
汇总前端最最常用的JS代码片段-你值得收藏
原始出处,可拷贝:http://www.w3cfuns.com/notes/25068/1d0d350a974d879e63f1115cf80a3288.html摘自:http://www.loveqiao.com/archives/768 http://www.cnblogs.com/hupan508/p/5337948.htmlhtml5选择器//参数均接收一个合法的转载 2017-07-30 17:32:45 · 428 阅读 · 0 评论 -
jquery $.ajax status为200 却调用了error方法
[html] view plain copyspan style="font-size:18px;">$.ajax({ url: "", type: "POST", data: { flow_id : "1233",转载 2017-09-05 18:30:12 · 1826 阅读 · 0 评论 -
WebGL和 Three.js 的关系
如今浏览器的功能越来越强大,而且这些功能可能通过JavaScript直接调用。你可以用HTML5标签轻松地添加音频和视频,而且可以在HTML5画布上创建各种交互组件。现在这个功能集合里又有了一个新成员,即支持webGL。通过webgl可以直接使用显卡的计算资源,创建高性能的二维和三维计算机图形,然后在JavaScript里直接使用webGL编程,创建三维场景并生成动画,这个过程非常复杂,而且容易出转载 2017-08-28 09:58:23 · 9718 阅读 · 2 评论 -
JavaScript中的Cookie
什么是 Cookie?Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。Cookie 的作用就是用于解决 "如何记录客户端的用户信息":当用户访问 web 页面时,他的名字可以记录在 cookie 中。在用户下一次访问该页面时,可以在 cookie 中读取用户访问记转载 2017-08-24 10:30:26 · 246 阅读 · 0 评论 -
关于最新版Chrome浏览器使用swfobject.swf, uploadify等无法正常播放Flash的问题
问题发现在更新到最新版Chrome后,之前项目中使用的uploadify上传插件的动画效果不显示,导致上传按钮等无法正常显示,功能异常,寻求最新版Chrome下的解决办法起初以为是最新版Chrome与插件的兼容性问题,后来发现并不是,只需按下图进行设置便可正常使用以下为设置前和设置后的效果(设置前无法播放flash样式,而且uploadify下面的代码全部无法执行):原创 2017-08-28 14:55:46 · 11421 阅读 · 3 评论 -
JavaScript函数小记
JavaScript中的闭包:1function f1(){2 var N = 0; // N是f1函数的局部变量3 4 function f2(){ // f2是f1函数的内部函数,是闭包5 6 N += 1; // 内部函数f2中使用了外部函数f1中的变量N7 console.log(N);8 }9 return转载 2017-08-24 15:24:02 · 272 阅读 · 0 评论 -
Jquery中$(document).ready()和window.onload的区别
[导读] $(document) ready()和window onload在表单上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上$(document) ready()和window onload还是有区别的,下面我来介绍介绍。最基本的区别1 执行时间win$(document).ready()和window.onload在表单上看都是页面加载时我们就去执行一个函数或动作,转载 2017-09-21 17:40:14 · 1099 阅读 · 0 评论 -
easyui的datagrid的右侧区域空白及列数横向不能填满
转载自 : http://www.qdfuns.com/notes/28565/9e67bb84a70fc6dae1e80e0ba8ee9470.html先看看问题:右侧这一列空白,传说是为表格的竖直滚动条预留的。。。-------------------------------------------------------------------------分割转载 2017-10-27 15:58:36 · 4171 阅读 · 0 评论 -
JavaScript 保留两位小数的方法
四舍五入以下处理结果会四舍五入:var num =2.446242342;num = num.toFixed(2); // 输出结果为 2.45不四舍五入以下处理结果不会四舍五入:第一种,先把小数边整数:Math.floor(15.7784514000 * 100) / 100 // 输出结果为 15.77第二种,当作字符串,使用正则匹转载 2017-10-11 15:13:00 · 601 阅读 · 0 评论 -
JavaScript中的call方法和apply方法
作者:杨志链接:https://www.zhihu.com/question/20289071/answer/14644278来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。要先明白存在call和apply的原因,才能记得牢一点:在javascript OOP中,我们经常会这样定义:function cat(){}cat.proto转载 2017-08-07 11:51:51 · 867 阅读 · 0 评论 -
JavaScript中prototype属性
定义和用法prototype 属性允许您向对象添加属性和方法注意: Prototype 是全局属性,适用于所有的Javascript对象。语法object.prototype.name=value浏览器支持所有主要浏览器都支持 prototype 属性实例实例适用 prototype 属性给对象添加转载 2017-08-07 12:24:54 · 229 阅读 · 0 评论 -
jQuery ajax中使用serialize() 方法提交表单数据
使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=value1&key2=value2…)后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串.页面上必须使用name属性页面代码: html xmlns="http://www.w3.org/1999/xhtml">转载 2017-07-29 11:41:13 · 4100 阅读 · 0 评论 -
Vue.js学习笔记
a原创 2017-07-21 15:21:07 · 211 阅读 · 0 评论 -
AngularJS学习笔记
a原创 2017-07-21 15:20:34 · 209 阅读 · 0 评论 -
jQuery创建类似Java的 map集合
var map = {}; // Map map = new HashMap();map[key] = value; // map.put(key, value);var value = map[key]; // Object value = map.get(key);var has = key in map; // boolean has = map.containsKey(key);delet转载 2017-07-18 15:50:21 · 6571 阅读 · 2 评论 -
jQuery中event.stopPropagation()阻止事件冒泡及event.preventDefault()阻止默认行为
如下代码, div里面包裹了p,p里面包裹了span当我们点击span时,其实同时也点击了p和div,这时三个click事件中的alert方法都会执行这时在span的click方法中添加event.stopPropagation(),则会阻止点击事件向上冒泡,只会alert()span的而其他两个方法不会执行$(document).ready(function(){原创 2017-07-31 15:44:26 · 2176 阅读 · 0 评论 -
easyui datagrid 实现表头灵活展示(添加表头菜单,右键表头进行展示或隐藏)
Right click on the header of DataGrid to display context menu.Context Menu on DataGridItem ID Product ID List Pric转载 2017-07-31 16:19:25 · 5885 阅读 · 0 评论 -
10个JavaScript难点,闭包,立即执行函数等
1.立即执行函数立即执行函数,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是创建函数的同时立即执行。它没有绑定任何事件,也无需等待任何异步操作: (function() { // 代码 // ...})();function(){…}是一个匿名函数,包围它的一对括号将其转换为一个表达式,紧转载 2017-08-04 17:39:08 · 352 阅读 · 0 评论 -
jQuery中 html(),text(),val()的区别
...原创 2017-05-19 09:17:10 · 208 阅读 · 0 评论 -
利用ajaxSubmit()方法实现Form提交表单后回调
1. 背景最近在工作中,需要实现网页端图片上传到FTP服务器的功能。上传文件是用Form表单提交数据的方法向后台传输文件流,在此遇到了一个问题:后台在处理完图片上传功能后,需要向前台回传是否上传成功的状态码、上传失败的错误信息和上传成功后的图片URL。但是,用普通Form表单提交的话,没有办法实现回调函数。后来在小伙伴的介绍下,发现可以用ajaxSubmit()方法来实现此功能。转载 2017-07-29 11:24:26 · 7271 阅读 · 0 评论 -
iframe子父页面间js的相互调用
iframe子页面调用父页面js函数及iframe父页面调用子页面js函数在实际项目中都是很实用的,下面有个不错的示例,感兴趣的朋友可以了解下1、iframe子页面调用父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了。比如调用a()函数,就写成: 复制代码代码如下:window.parent.a();转载 2017-11-07 12:09:55 · 2006 阅读 · 0 评论 -
制作鼠标悬停二级菜单时,jQuery鼠标同时移出两个区域的判断
当我们制作一个鼠标悬停在一级菜单按钮上展示二级菜单的功能时a: 按钮 b:菜单需求: 鼠标移到a上,显示b, 从a或b上移走,隐藏b这里有一个问题是, 当移到a上时候 b显示了, 我们要把鼠标移到b上进行下一步操作, 但是一旦向b上移动,就离开了a,这时触发了离开a的事件--b被隐藏, 貌似无论如何也无法将鼠标移到b上解决方法:划重点:这种效果需要转载 2017-11-02 14:48:27 · 2871 阅读 · 0 评论 -
常见排序算法之JavaScript实现
排序算法是基础算法。虽然关键在于算法的思想而不是语言,但还是决定借助算法可视化工具结合自己常用的语言实现一遍。目录冒泡排序选择排序插入排序合并排序快速排序为了方便说明,默认按从小到大排序1.冒泡排序基本思路:1.依次比较相邻的两个数,如果第一个比第二个小,不变。如果第一个比第二个大,调换顺序。一轮下来,最后一个是最大的转载 2017-10-16 16:43:48 · 423 阅读 · 0 评论 -
在网站添加客服QQ,打开临时会话框(不用加为好友)
转自 : https://blog.csdn.net/wbbott/article/details/53107009 我们是不是经常在浏览网站的时候,会发现有一个联系客服QQ的功能,但是这个具体的功能应该怎么做呢? 有些同学可能会说,在网页代码加上一段代码就OK了。但是你发现没有,这时候会出现一个加为好友的QQ对话框! 然后呢,你会一直的以为是代码出现了问题...转载 2018-08-01 13:38:38 · 8164 阅读 · 0 评论 -
Unity webGL以及HTML与unity通信
转自 : https://blog.csdn.net/u010989951/article/details/70918067/ 1;什么是Unity webGLwebGL 的编译选项允许unity发布像使用了HTML5和webGL渲染API技术来使unity程序可以跑在浏览器中的javascript 程序。想要编译和测试WebGL程序,只需要在Build Playersetting里选...转载 2018-08-10 15:31:29 · 2910 阅读 · 0 评论 -
单页面应用的页面跳转及如何通过url跳转至指定页面
HTML5为history对象添加了两个新方法,history.pushState()和history.replaceState(),用来在浏览历史中添加和修改记录。都会改变浏览器标签栏中的URL值,区别在于pushState()会将之前的地址记录在history对象中,通过back()可以返回前一页,replaceState()则不能返回 我用到的是history.replaceState...转载 2018-08-31 13:53:29 · 13802 阅读 · 3 评论 -
Web前端开发规范 : 文件命名规则
转自 : https://blog.csdn.net/qq_26129689/article/details/52652000?ref=myread 1.文件命名规则1.1文件名称的命名规则统一用小写的英文字母,数字和下划线的组合,不得包含汉字空格和特殊字符。原则: 1)方便理解,见名之意 2)方面查找1.2索引文件的命名规则(首页面)index.htm ind...转载 2018-08-31 13:58:57 · 5904 阅读 · 0 评论 -
js中let和var定义变量的区别
转自 : https://blog.csdn.net/nfer_zhuang/article/details/48781671 javascript 严格模式第一次接触let关键字,有一个要非常非常要注意的概念就是”javascript 严格模式”,比如下述的代码运行就会报错:let hello = 'hello world.';console.log(hello);错误信...转载 2018-09-04 14:20:20 · 299 阅读 · 0 评论 -
Vue + webpack的纯前端项目如何配置外部配置文件
转自 : https://www.jianshu.com/p/ee2862796d23 需求背景如果前后端项目是部署在同一台服务器的话,只需要在development模式下配置config/index.js中的proxyTable实现开发调试时可以代理转发和跨域即可。当部署到服务器时,发出的网络请求前缀自然会拼接响应环境服务器的地址。但是如果在前后端分别部署的情况下,上述方法显然行...转载 2018-09-19 14:21:29 · 4770 阅读 · 0 评论 -
JavaScript遍历对象、数组总结, ES6语法遍历……
原文地址 : https://www.cnblogs.com/chenyablog/p/6477866.html 在日常工作过程中,我们对于javaScript遍历对象、数组的操作是十分的频繁的,今天抽空把经常用到的方法小结一下,方便今后参考使用! javaScript遍历对象总结1、使用Object.keys()遍历 返回一个数组,包...转载 2018-11-13 14:39:33 · 16864 阅读 · 1 评论 -
ES6函数参数解构
ES6函数参数解构常规的JavaScript若要给函数传递的参数是一个对象,需要像下面这样来实现:function sayName(person) { if(Object.prototype.toString.call(person) == '[object Object]') { console.log( `${person.firstName} ${person.lastNa...转载 2019-07-03 14:03:19 · 3954 阅读 · 0 评论 -
虚拟DOM详解
转自:https://www.jianshu.com/p/cbb7d7094fb950行代码实现Virtual DOM在你创造出自己的Virtual DOM之前,你只需要知道两件事情。你甚至不需要深入了解React的源代码,或者其他Virtual DOM的实现。它们都太庞大和复杂了,但实际上Virtual DOM的部分只需要不超过50行的代码!(当然,你千万不要把它放在生产环境)这里有2个概念:V...转载 2018-05-16 17:47:49 · 636 阅读 · 0 评论 -
jquery文件上传控件 Uploadify 使用方法详解
转自 : https://www.cnblogs.com/mofish/archive/2012/11/30/2796698.html基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件。要求使用jquery1.4或以上版本,flash player 9.0.24以上。有两个版本,一个用flash,一个是html5。html5的需要付费~所以这...转载 2018-03-14 16:21:55 · 2063 阅读 · 0 评论 -
JS中判断null, undefined, '', 0等的方法分析
本文实例讲述了JS中判断null的方法。分享给大家供大家参考,具体如下:以下是不正确的方法:?12345var exp = null;if (exp == null){ alert("is null");}exp 为 undefined 时,也会得到与 null 相同的结果,虽然 null 和 undefined 不一样。注意:要同时判断 null 和 undefined 时可使用本法。?123...转载 2018-03-05 18:08:25 · 11095 阅读 · 0 评论 -
JS放在head和放在body中的区别
JS放在head和放在body中的区别在HTML body部分中的JavaScripts会在页面加载的时候被执行。在HTML head部分中的JavaScripts会在被调用的时候才执行。一、区别浏览器解析html是从上到下的。如果把javascript放在head里的话,则先被解析,但这时候body还没有解析,所以会返回空值。一般都会绑定一个监听,当全部的html文档解析转载 2017-11-13 10:30:43 · 4505 阅读 · 2 评论 -
iframe和父窗口 元素属性间的相互操作方法
js在父窗口中获取iframe中的元素1.Js代码 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById("btnOk").click()转载 2017-11-16 15:43:17 · 1634 阅读 · 0 评论 -
ajaxFileUpload报错jQuery.handleError is not a function
转自 : http://blog.csdn.net/lglglgl/article/details/52794746第一次使用ajaxFileUpload,据说,当年使用的jQuery还是1.9,好多年没更新了,而我。。。第一次使用jQuery就4.0了。出现这个错误的原因是ajaxfileupload内部少了handleError方法,这个方法应该是jQuery版本里转载 2017-12-01 15:34:16 · 242 阅读 · 0 评论 -
JS中使用for循环添加点击事件时,获取i值及参数异常原因及解决办法
遇见此问题,代码检查了n次都没毛病,但是却出现下述问题, 坑了我好久,原来是这个原因,记录避坑!PS这是js的处理方法, 在jquery中直接用each遍历元素绑定点击事件即可避免$('#id').each(function(i){ $(this).click(function(){ alert(i); });});转自 : https://转载 2018-01-24 10:19:50 · 4787 阅读 · 4 评论 -
load()方法---------jQuery动态加载html
jquery代码$("#div").load("test.html"); test.html ----------------被加载页面(有等的完整页面 )$("#div")所在页面----------------------------容器页面(也是完整页面)1、被加载页面 可以使用 自己页面的CSS样式 2、被加载页面 可以使用 容器页面的CSS样式转载 2018-01-19 09:08:14 · 10818 阅读 · 2 评论 -
jquery.ajax之beforeSend方法(解决进度条, "请稍后"提示等……)
常见的一种效果,在用ajax请求时,没有返回前会出现前出现一个转动的loading小图标或者“内容加载中..”,用来告知用户正在请求数据。这个就可以用beforeSend方法来实现。下载demo:ajax loading代码如下:复制代码代码如下:function test_ajax(){ $.ajax( { type:"GET",//通常会用到两种:GET,POST。默认是:G...转载 2018-03-02 16:13:11 · 20661 阅读 · 0 评论