javaScript/Jquery
小巷而已
唔,好吧
展开
-
js图片选择、预览、压缩
var ___theImgInfo = { width: 0, height: 0}//图片选择$(document).on('click', '.the-img-view', function () { $('#input-img').click();});//图片选中后预览$(document).on('change', '#input-img', function () { if ($(this).val().length <= 0) retur.原创 2020-08-01 16:58:08 · 259 阅读 · 0 评论 -
好用的npm包,随用随记
moment 日期处理http://momentjs.cn/原创 2020-07-18 08:54:55 · 321 阅读 · 0 评论 -
uni-app 非允许html富文本格式v-html绑定图片宽度设置
.replace(/\<img/gi, '<img style="width:100%;height:auto" ');原创 2019-11-23 11:59:17 · 1773 阅读 · 0 评论 -
JS将string字符串转为json对象的办法
ECMA-262(E3) 中没有将JSON概念写到标准中,还好在 ECMA-262(E5) 中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法。 1,eval方式解析,恐怕这是最早的解析方式了。如下:复制代码 代码如下:function strToJson(str){ var json = eval('(' + str + ')');转载 2017-09-17 14:29:09 · 10101 阅读 · 0 评论 -
javascript操作cookie的三个基础方法
function setCookie(name, value, date) { var oDate = new Date(); oDate.setDate(oDate.getDate() + date); document.cookie = name + '=' + value + ';expires=' + oDate;}function getCookie(nam原创 2017-09-18 13:39:25 · 451 阅读 · 0 评论 -
“检测到有潜在危险的 Request.Form 值”非关闭验证的解决办法
最常发生此错误的场景:服务端接收富文本编辑器带格式的内容。(不推荐)网络上通常对于《.net会报出“检测到有潜在危险的 Request.Form 值。”》异常的解决办法是“ValidateRequest="false"” 和 web.config中添加“<httpRuntime requestValidationMode="2.0" />”原创 2017-09-29 11:40:58 · 3202 阅读 · 1 评论 -
JavaScript 开发人员需要知道的简写技巧
本文来源于多年的 JavaScript 编码技术经验,适合所有正在使用 JavaScript 编程的开发人员阅读。本文的目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作。文章将分成初级篇和高级篇两部分,分别进行介绍。 初级篇1、三目运算符下面是一个很好的例子,将一个完整的 if 语句,简写为一行代码。const x =转载 2017-10-28 15:10:28 · 191 阅读 · 0 评论 -
jQuery AJAX 方法 success()后台传来的4种数据
1.后台返回一个页面js代码/**(1)用$("#content-wrapper").html(data);显示页面*/$.ajax({ async : false, cache : false, type : 'POST', url : 'area/prepareCreate', error : function() { al转载 2017-10-28 15:22:20 · 1678 阅读 · 0 评论 -
IE兼容性模式下 jquery处理 ajax json
使用Jquery调用ajax和json序列化正常,但是切换到兼容模式下就不正常了。下面就遇到问题解决记录如下:1、添加meta在网页中添加强制网页在标准模式下运行,这样可以完成调用。2、方案1不适用由于我的网页必须设置才能保证其他一些功能正常,所以方案1的方式不行,设置后我其他的功能不能使用放弃。继续百度后网上有说““window.ActiveXOb转载 2017-12-10 14:36:43 · 576 阅读 · 0 评论 -
\/Date(1513130414572)\/ 格式转换
/** * 对Date的扩展,将 Date 转化为指定格式的String * 月(M)、日(d)、12小时(h)、24小时(H)、分(m)、秒(s)、周(E)、季度(q) 可以用 1-2 个占位符 * 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) * eg: * (new Date()).pat转载 2017-12-13 10:05:24 · 2303 阅读 · 0 评论 -
[Layer] layui的弹出层用法记录
为了更方便自己的使用和查找,把常用的代码记录一下,省的老去翻文档了。通用加载提示:layer.msg('加载中...',{icon: 16,time:false,shade:0.6});layer.load(2, { shade: false });完成提示加关闭当前layerlayer.alert('保存成功!', { icon: 1 }, function () { ...原创 2017-11-09 15:41:16 · 6346 阅读 · 0 评论 -
JS获取时间日期汇总
首先,需要获取当前客户端时间var dt = new Date();接下来就是针对 dt 对象调用相应的方法dt.getYear(); //获取当前年份(2位)dt.getFullYear(); //获取当前年份(4位,1970-????)dt.getMonth(); //获取当前月份(0-11,0代表1月)dt.getDate(); //获取当前日(...转载 2018-04-07 11:13:35 · 328 阅读 · 0 评论 -
Vue项目搭建与依赖安装
保证node npm的安装完成;保证 webpack vue vue-cli的安装完成;npm install webpack vue vue-cli -gvue脚手架初始化webpack项目vue init webpack projectName安装相应依赖npm install less less-loader axios vuex文件夹规范...原创 2019-03-18 21:20:43 · 495 阅读 · 0 评论 -
javaScript屏蔽鼠标右键,F12及其它审查元素功能
代码加密是一项很头疼的事情,在这记录下一种自我安慰型的“代码加密”方式。 //屏蔽鼠标右键 document.oncontextmenu = function () { return false; } document.onkeydown = function () { var e = window.event |原创 2017-09-23 19:59:56 · 2982 阅读 · 0 评论 -
[Jquery.customScrollbar]独立滚动条插件分享
直接复制代码到一个新的页面,跑起来就能看到效果。div模拟的自定义滚动条* { margin: 0; padding: 0;}p { height: 1000px;}#mainBox { width: 400px; height: 500px; border: 1px #bbb solid; position: relative; overflow: hid原创 2016-12-11 17:23:01 · 1574 阅读 · 0 评论 -
[Xpaging]独立的前端分页插件,5KB大小,.NET Demo已写好
文章末尾有Demo下载地址,Demo服务端使用.NET实现,IIS发布后可看效果。包含 上一页 数字页码 下一页 按钮,样式及效果都写好,js中属性注释完整,可自行修改数字按钮的显示个数和颜色,css中可随意更改样式布局。可自行编写按钮点击事件,自己编写ajax获取数据及绑定,每次点击事件都及时提供当前点击的页数值。原创 2017-07-26 11:26:57 · 559 阅读 · 0 评论 -
jquery中attr和prop的区别
jquery中attr和prop的区别prop写法:$(a).prop('key','value'); 如:$(checkbox).prop('checked',true);在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:转载 2017-08-09 14:57:10 · 215 阅读 · 0 评论 -
原生js未来元素事件监听的写法
绑定事件的另一种方法是用 addEventListener() 或 attachEvent() 来绑定事件监听函数。addEventListener()函数语法:elementObject.addEventListener(eventName,handle,useCapture);参数说明elementObjectDOM对象(即DOM元素)。转载 2017-07-25 23:26:20 · 4769 阅读 · 0 评论 -
jquery事件on对于未来元素失效的解决办法
替代 未来元素 live() 方法的on()方法,正常写法$('.cla').on('click',function(){ alert('aa');});发现以上写法不能将事件绑定到动态创建的对象上,更改后的写法为$(document).on('click','.cla',function(){ alert('aa');});此写法验证可行,道理是 是通过前原创 2017-07-25 20:52:06 · 4607 阅读 · 2 评论 -
window.open全屏打开
window.open('Acme_ContentDetails', '_blank', 'width=' + (window.screen.availWidth - 10) + ',height=' + (window.screen.availHeight - 70) + ',top=0,left=0原创 2017-06-22 10:15:32 · 2642 阅读 · 0 评论 -
Jquery.ajax终止之前的请求
先叙述一下问题:界面是这样的左侧分类每一个点击都会通过ajax向服务端发送一个请求,这里不太好使用beforeSend来限制用户不可点击,那样体验比较差,所以现在的情况是当用户快速点击同一个或多个时,会重复发送N个请求,当请求返回时导致右侧展示内容混乱。解决办法:每一次提交新请求时都断开之前的请求,保证同一时间等待的仅仅是一个ajax请求。$.ajax、$.ge原创 2017-05-25 22:13:35 · 4294 阅读 · 0 评论 -
JS简单实现多图片预览上传
js多张图片异步上传并带预览,此功能使用的地方比较多,就索性自己做了一个,思路为ajax将图片的base64编码传递到服务端进行保存,使用的是ASP.NET及C#,希望能够帮到你。(向立凯)功能描述实现图片预览,预览图片移除,任意张数异步上传,上传进度条指示,已选中并且上传的图片不会重复上传,且不能移除(向立凯)使用方法界面顶部引入IMGUP.css,2.0版本以下的Jquery,页面底部引入IM...原创 2017-02-24 20:20:30 · 7250 阅读 · 5 评论 -
使用js判断用户访问网站是通过PC端还是移动端
两种方式判断客户端是手机还是电脑第一种:function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPo转载 2017-01-15 13:13:46 · 819 阅读 · 0 评论 -
文本框模糊匹配(纯html+jquery简单实现)
项目中需要用到此功能,使用过EasyUI中的Combobox,网上也搜过相应的解决办法,对于我的项目来说都不太合适,因为我还是喜欢比较纯粹的东西,就自己动手写了一个,比较简单,但还算能用,我的项目中也已经使用上了,做了个小demo作为记录,有需要的自己复制代码改一改就好了。先来一张效果展示图:接下来是代码,纯html+css+jquery的,建个新页面复制进去即可,复制代码注意自己原创 2016-11-22 13:12:27 · 21343 阅读 · 4 评论 -
页面带遮罩弹窗
弹窗在一个程序中的使用应该是非常多,在web中,弹窗为js的alert()方法,但是真的不好用,容易被浏览器屏蔽,而且还特别 丑。那今天我就根据这个问题,使用div编写了一个弹窗,配上了一点小动画看起来不那么死板,目前来看还是不错的,在此保留。页面代码:原创 2016-08-03 15:54:43 · 594 阅读 · 0 评论 -
关于js的Date.getFullYear()导致其余代码失效的问题
今天写了一个使用JS来添加select项的功能,添加时间日期,代码如下: var date = new Date(); for (var i = date.getFullYear() ; i >= 1900; i--) { //这里使用实例化对象调用方法对于此段代码本身没有问题 $("#Year").get(0)原创 2016-08-03 12:04:42 · 2150 阅读 · 0 评论 -
Jquery下拉列表防止动画累积
使用.stop()不是特别好用,找了半天找了个小东西:if ($(this).find('div').eq(0).is(":animated") == false) { $(this).find('div').eq(0).slideDown("normal"); }使用is(":animated")==原创 2016-08-01 23:15:32 · 397 阅读 · 0 评论 -
Ajax制作的下拉列表三级联动
HTML部分: select { width: 100px; } //加载时调用第一个列表加载数据的方法 ChinaAjax('0001', '1'); //列表1的选项改变事件原创 2016-08-01 16:01:55 · 925 阅读 · 0 评论 -
Jquery针对于表单元素的一些小东西
1、select下拉列表添加option项$("#sel1").get(0).options.add(new Option(data[i].name, data[i].code));注意:一定要使用get(0),才算是选中这个下拉列表,然后才可以选中全部的options集合,针对于集合进行操作;2、获取下拉列表选中项的显示项和隐藏项$("#sel2 option:selec原创 2016-08-01 15:44:49 · 342 阅读 · 0 评论 -
iframe父级页面与子级页面互相调用js的方法
iframe子级页面调用父级页面: window.parent.父级页面方法();iframe父级页面调用子级页面:document.getElementById("iframeID").contentWindow.子级页面方法();原创 2017-08-17 15:30:38 · 5903 阅读 · 1 评论 -
Javascript、Jquery获取浏览器和屏幕各种高度宽度
Javascript: IE中:document.body.clientWidth // BODY对象宽度document.body.clientHeight // BODY对象高度document.documentElement.clientWidth // 可见区域宽度document.documentElement.clientHe转载 2017-08-09 11:17:49 · 324 阅读 · 0 评论