
Javascript
文章平均质量分 59
joyhen
人世中的许多事,只要想做,都能做到,该克服的困难,也都能克服,用不着钢铁般的意志,更用不着技巧或谋略。只要一个人还在朴实而饶有兴趣地生活着,他终究会发现,造物主对世事的安排,都是水到渠成的。
展开
-
模拟数据测试,mock.js
参考:https://segmentfault.com/a/1190000010211622#articleHeader2官网:http://mockjs.com/examples.html原创 2018-08-07 21:11:38 · 809 阅读 · 0 评论 -
Jq提示小插件Poshy Tip
插件Denon地址:http://vadikom.com/demos/poshytip/Download link: http://vadikom.com/files/?file=poshytip/poshytip-1.2.zip推荐它是因为它短小精悍,且做表单的时候用起来也很便利原创 2015-06-26 14:13:43 · 1244 阅读 · 0 评论 -
jquery.serializeJSON
Serialize an HTML Form to a JavaScript Object, supporting nested attributes and arrays.项目地址https://github.com/marioizquierdo/jquery.serializeJSONform id="my-profile"> input type="text原创 2015-03-20 12:51:05 · 20232 阅读 · 0 评论 -
Js实现无刷新添加新层,拖动DIV层可互换位置
原文:http://www.csrcode.cn/html/txdm/tcys/1943.htmJs实现无刷新添加新层,拖动DIV层可互换位置丨芯晴网页特效丨CsrCode.Cnbody {margin:0px;padding:0px;font-size:12px;text-align:center;}body > div {text-align:center; margin-ri原创 2015-03-17 00:47:20 · 1664 阅读 · 0 评论 -
表单序列化,jq中的serialize
$(function () { $("#btnSubmit").click(function () { $.ajax({ type: "post", url: "Handler02.ashx", data: $("#frmU原创 2014-02-20 22:38:11 · 11597 阅读 · 0 评论 -
js apply和js call方法详解
原文:http://www.51xuediannao.com/qd63/index.php/page-2-104-1.htmljs apply和js call方法总是让初学者困惑,下文就apply和call的区别,什么情况下用apply,什么情况下用call、apply的巧妙用法来阐述js apply和js call方法的详细使用方法。主要我是要解决一下几个问题:1转载 2015-03-16 01:41:45 · 915 阅读 · 0 评论 -
每隔指定字符长度分割字符串//银行卡号格式化
原文:http://www.51xuediannao.com/qd63/index.php/page-2-100-1.html每隔指定字符长度分割字符串,可以制作银行卡号格式化提示功能。利用正则替换实现。js代码如下;console.log( "548481554521515454848798921258740".replace(/(\d{4})(?=\d)/g,"转载 2015-03-16 01:23:58 · 3638 阅读 · 0 评论 -
Javascript实现Web颜色值转换
原文:http://my.oschina.net/mailzwj/blog/375624var rgbToHex = function(rgb) { var rRgba = /rgba?\((\d{1,3}),(\d{1,3}),(\d{1,3})(,([.\d]+))?\)/, r, g, b, a, rsa = rgb.replace(/\转载 2015-02-11 09:59:02 · 1322 阅读 · 0 评论 -
Chrome浏览器中扒出来的一段js,后来搜索了一下出于Chromium 源码中
Chromium :http://git.chromium.org/gitweb/?p=external/WebKit_trimmed.git;a=blame;f=Source/WebCore/inspector/InjectedScriptSource.js;hb=b7b2869e21f268035cd69b3bda84120037da0727/* * Copyright (C) 20转载 2015-02-06 14:37:56 · 8072 阅读 · 2 评论 -
js检查浏览器类型库 detectors.js
detectors.js,这个js我从github中的一个项目上扒下来的,项目地址:https://github.com/J2MTecnologia/app61bits/tree/af85bcd7fed66634ca2cd8706a1bfcf70a2bf43ddetectors.js:https://github.com/J2MTecnologia/app61bits/blob/af85b转载 2015-02-06 12:04:39 · 1458 阅读 · 0 评论 -
js 单引号替换成双引号,双引号替换成单引号 操作
1.双引号替换成单引号var _adrobj = JSON.stringify(address).replace(/\"/g,"'");ps:var a = {a:1,b:2};JSON.stringify(a)====>"{"a":1,"b":2}"2.单引号替换成双引号var _nstr = _adrdata.replace(/'/g, '"');ps:var json =原创 2015-01-29 15:08:20 · 36163 阅读 · 1 评论 -
一些通用的javascript方法
一些通用的javascript方法:function range(start, end) { var result = []; if(typeof end === 'undefined') { end = start; start = 0; } for(;start < end; start++) { resu转载 2014-03-06 13:38:42 · 1996 阅读 · 0 评论 -
javascript数据类型转换
原文:http://www.css88.com/archives/5199JavaScript是一种动态类型语言,变量是没有类型的,可以随时赋予任意值。但是,数据本身和各种运算是有类型的,因此运算时变量需要转换类型,而且转换非常灵活。大多数情况下,这种数据类型转换是自动的,但是有时也需要手动强制转换。1. 强制转换强制转换主要指使用Number、String和Boole转载 2015-01-30 11:28:01 · 1468 阅读 · 0 评论 -
2个牛逼的js处理日期和时间的库
1.小牛date.format.js 地址:http://blog.stevenlevithan.com/archives/date-time-format 下载:http://stevenlevithan.com/assets/misc/date.format.js具体使用上面有详细的例子,下面贴一些我测试的代码:var now = new Date();原创 2015-01-30 10:33:29 · 6688 阅读 · 0 评论 -
JavaScript实现的抛物线运动效果
原文:http://www.css88.com/archives/5355作者的主要实现代码:;(function () { var _$ = function (_this) { return _this.constructor == jQuery ? _this : $(_this); };// 获取当前时间 function now() {转载 2015-01-30 09:37:32 · 9939 阅读 · 0 评论 -
JavaScript 实用工具库lodash
lodash 是一个 JavaScript 实用工具库,提供一致性,模块化,性能和配件等功能。doc:https://lodash.com/docs原创 2015-05-20 09:12:27 · 1161 阅读 · 0 评论 -
Backbone入门讲解
原文:http://www.cnblogs.com/chaojidan/p/4207227.htmlBackbone是一个实现了web前端mvc模式的js框架。一种解决问题的通用方法,我们叫做模式。设计模式:工厂模式,适配器模式,观察者模式等,推荐js设计模式这本书。设计模式是一种思想。框架模式:MVC,MVP,MVVM等。框架模式是开发项目的一种方案。转载 2015-01-08 18:54:57 · 11358 阅读 · 1 评论 -
编写高效的jQuery代码
获益良多,谢谢原作者,地址:http://www.css88.com/archives/5240缓存变量DOM遍历是昂贵的,所以尽量将会重用的元素缓存。// 糟糕 h = $('#element').height();$('#element').css('height',h-20); // 建议 $element = $('#element');h = $element转载 2015-01-30 10:02:20 · 1276 阅读 · 0 评论 -
使用jquery.qrcode生成二维码
原文:https://www.helloweba.com/view-blog-226.html1、首先在页面中加入jquery库文件和qrcode插件。 type="text/javascript" src="jquery.js"> type="text/javascript" src="jquery.qrcode.min.js"> 2、在页面中需要显示二转载 2017-10-24 23:48:21 · 2599 阅读 · 0 评论 -
js中preventDefault 与stopPropagation 及 stopImmediatePropagation的区别
原文:https://codeplanet.io/preventdefault-vs-stoppropagation-vs-stopimmediatepropagation/Three similar and often confused methods. Let’s explore the different between:Event.preventDefault(转载 2017-09-08 00:39:46 · 1269 阅读 · 0 评论 -
jquery ajax超时设置
var ajaxTimeoutTest = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : 'get', //请求方式,get或post data :{}, //请求所传参数,json格式 dataType:'json',//返回的数据格式 success:function(data){ /原创 2017-04-20 18:51:26 · 1623 阅读 · 0 评论 -
JS快速获取图片宽高的方法
原文:http://www.css88.com/archives/5224// 记录当前时间戳var start_time = new Date().getTime(); // 图片地址var img_url = 'http://b.zol-img.com.cn/desk/bizhi/image/2/2560x1600/1365477614755.jpg?'+start_time;转载 2015-01-30 10:11:36 · 2626 阅读 · 0 评论 -
js时间戳解析
demo:function getLocalTime(nS) { return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' '); } getLocalTime(1489390119);"2017/3/13 下午3:28 "抓取微博视频,其中一个校验字段用的时间戳:http://us.si原创 2017-03-13 14:44:33 · 3192 阅读 · 0 评论 -
页面支持简体和繁体语言的js库
var Default_isFT = 0var StranIt_Delay = 50function StranText(txt, toFT, chgTxt) { if (txt == "" || txt == null) return "" toFT = toFT == null ? BodyIsFt : toFT if (chgTxt)原创 2017-03-17 21:44:42 · 2929 阅读 · 0 评论 -
Mustache和jq处理form表单的提交与绑定
接着上一篇:http://blog.youkuaiyun.com/joyhen/article/details/48623807之前说过Mustache的渲染比较单一,但是单一的好处是只干一件事,不会暴露或影响其它逻辑。此篇谈一谈html的表单和后端交互处理。其实这样的框架太多,我个人感觉都是比较大(大也是一步步发展过来的)的,轮子越来越臃肿,为毛,因为它要干越来越多的事,职责越大所包含的模块越多,这是不原创 2015-09-22 11:37:48 · 2186 阅读 · 1 评论 -
jq输入框内容实时预览插件
库的作者是老外,之所以写这篇文章,感觉此库很不错,短小精悍,我想来都比较喜欢职责简单的小库。jQuery-Live-Preview:https://github.com/Haacked/jQuery-Live-Previewdemo地址:http://demo.haacked.com/livepreview/原创 2016-05-11 10:15:29 · 1995 阅读 · 0 评论 -
Jil,高效的json序列化和反序列化库
谷歌的potobuf不说了,它很牛B,但是对客户端对象不支持,比如JavaScript就读取不了。Jil很牛,比Newtonsoft.Json要快很多,且支持客户端,此处只贴代码: [Serializable] class Employee { //[JilDirective(Name = "cid")]原创 2016-03-25 17:24:40 · 5950 阅读 · 1 评论 -
PhantomJS入门
原文:http://www.tuicool.com/articles/beeMNj/PhantomJS 是一个基于 WebKit 的服务器端 JavaScript API。它全面支持web而不需浏览器支持,其快速,原生支持各种Web标准: DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG。 PhantomJS 可以用于 页面自动化 , 网络监测 , 网页截屏转载 2016-03-07 11:02:06 · 861 阅读 · 0 评论 -
loadScript,非阻塞 JavaScript 加载库
在看高性能JavaScript书的时候看到一个写法,当然现在很多库了(when.js等),然后取github上收了下,算是它的一个封装。地址:https://github.com/marcbuils/jquery.loadscript/blob/master/jquery.loadscript.js/** * PluginAutoLoad: Load your plugins on ht原创 2016-02-17 15:12:14 · 2351 阅读 · 0 评论 -
KindEditor粘贴时候自动上传远程图片(非本地)
KindEditor版本:4.1.10 (2013-11-23),具体可以去官网下载:http://kindeditor.net/down.php基本的配置这里不说了,官网有文档,贴代码://定义编辑器对象var editor;//异步加载编辑器$.getScript('../kindeditor/kindeditor-min.js', function () { Kin原创 2016-01-26 17:08:30 · 7987 阅读 · 0 评论 -
ifream高度自适应
这是个老问题,最近自己搞了框架,顺手把代码贴上,后来者看到也方便绕弯子。一般页面上包裹ifream的有一个容器,这里姑且把它的容器设置成div,它的id是Container对于Container,一般要设置基础的样式的,这个样式大致这样:#Container { margin: 0 auto; padding: 0px;原创 2015-10-28 15:36:20 · 1570 阅读 · 0 评论 -
js模板引擎库mustache中类似if判断的处理 及handlebars.js
mustache是短小精悍速度超快的js模板引擎库,地址:http://github.com/janl/mustache.js原创 2015-09-21 11:19:04 · 15160 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()
parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果:JSON.parse(str)Objectage: "23"name: "huangxiaojian"__proto__: Object注意:单引号写在{}外,每个属性名都必须用双引号,原创 2015-01-29 14:52:37 · 1057 阅读 · 0 评论 -
多行文本溢出显示省略号(…)全攻略
原文:http://www.css88.com/archives/5206这里介绍一下2个js库 Clamp.js和jQuery.dotdotdot,它们非常不错哦。Clamp.js地址:https://github.com/josephschmitt/Clamp.jsjQuery.dotdotdot地址:https://github.com/BeSite/jQuery.dotdotd转载 2015-01-30 09:49:00 · 7093 阅读 · 0 评论 -
5种你未必知道的JavaScript和CSS交互的方法
原文:http://www.oschina.net/news/50363/5-javascript-and-css-interact-methods随着浏览器不断的升级改进,CSS和JavaScript之间 的界限越来越模糊。本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合作。我们的网页中都有.js文件和.css文 件,但这并不意味着CSS和js是独转载 2014-04-03 09:42:33 · 1377 阅读 · 0 评论 -
前端解决跨域问题的8种方案(最新最全)
原文:http://www.cnblogs.com/JChen666/p/3399951.html1.同源策略如下:URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jsh转载 2014-03-20 16:52:40 · 246335 阅读 · 5 评论 -
javascript模板引擎——artTemplate
地址:https://github.com/aui/artTemplate编写模板使用一个type="text/html"的script标签存放模板: 条目内容 : 模板逻辑语法开始与结束的界定符号为 与%>,若后面紧跟=号则输出变量内容。渲染模板template.render(id, data)转载 2014-03-14 13:24:39 · 25407 阅读 · 2 评论 -
RequireJS 快速入门
原文:http://www.wojilu.com/Forum1/Topic/4205说明:本文只提供快速入门内容,方便快速进入实战状态。更高级的配置,请参考官网文档。当初之所以使用 RequireJS 等工具,是因为想提高js的加载速度,避免不必要的堵塞。但通过一段时间的使用,发现 RequireJS 更重要的作用是作为命名空间使用。一、基本用法RequireJS转载 2014-03-13 13:30:40 · 8065 阅读 · 2 评论 -
开发中可能会用到的几个 jQuery 小提示和技巧
原文:http://www.cnblogs.com/lhb25/archive/2014/03/06/useful-jquery-tips-and-tricks.html1) 禁止右键 在开发 Web 应用的时候,有些情况需要禁用右键单击功能。使用此代码,jQuery 开发人员可以在网页上禁用鼠标右键点击。代码如下:123转载 2014-03-12 10:38:41 · 995 阅读 · 0 评论 -
常用正则
var regexEnum = { intege:"^-?[1-9]\\d*$", //整数 intege1:"^[1-9]\\d*$", //正整数 intege2:"^-[1-9]\\d*$", //负整数 num:"^([+-]?)\\d*\\.?\\d+$", //数字 num1:"^[1-9]\\d*|0$", //正数(正整数 + 0)转载 2014-02-18 20:34:58 · 993 阅读 · 0 评论