随笔分类 -  JavaScript

1

js处理日期格式yyyy-MM-dd hh：mm：ss
摘要：直接上代码： 使用方法： dateformat('h:m:s') => 09:08:11 dateformat('y-M-d h:m:s') => 2018-06-08 09:08:11 阅读全文

posted @ 2018-06-08 17:04 奔跑的铃铛 阅读(3653) 评论(0) 推荐(0) 编辑

websocket聊天时，图片压缩处理（url或者input-file）
摘要：业务背景：私信聊天，需要发送图片，但是图片过大需要压缩处理。此时只有图片url，可以使用以下方法：canvasDataURL(url, 目标图片宽度,图片要显示区域的父元素) 注：该文件包含了input-file上传图片的情况（调用photoCompress） 如有问题，请您指出~ 阅读全文

posted @ 2018-06-06 22:01 奔跑的铃铛 阅读(2235) 评论(0) 推荐(0) 编辑

bootstrap selectpicker使用问题
摘要：文档查阅：http://silviomoreto.github.io/bootstrap-select/options/ 1.实用属性 size:5 表示下拉列表默认展示5行（ie8展示4.5行） dropupAuto:false 表示不管该select在浏览器那个位置，下拉列表方向始终向下。这个属 阅读全文

posted @ 2018-01-30 13:36 奔跑的铃铛 阅读(4827) 评论(0) 推荐(0) 编辑

bigAutocomplete实现联想
摘要：直接举例说明： //xx联想 var list = $(".js-xxxx").text();//需要联想出的内容的list，该list由后台传入，保存在jsp页面，js取隐藏域值 setTimeout(function(){ $(".js-xx").bigAutocomplete({ data : 阅读全文

posted @ 2018-01-30 13:16 奔跑的铃铛 阅读(554) 评论(0) 推荐(0) 编辑

wdatepicker ie8等问题
摘要：官方文档：http://www.my97.net/demo/resource/2.4.asp 以下内容为使用中遇到的问题，具体该插件具有的方法请自行查阅官方文档。 1.当触发wdatepicker事件，calendar.js,datepicker.css文件无法访问 找到源码下面这段代码 var $ 阅读全文

posted @ 2018-01-30 13:12 奔跑的铃铛 阅读(598) 评论(0) 推荐(0) 编辑

淘宝镜像 cnpm 不是内部命令
摘要：升级npm之后安装淘宝镜像，然后一直提示不是内部命令，网上查看文章 http://blog.csdn.net/fighting_2017/article/details/76979844，发现是路径问题，记录一下解决过程。 我的npm安装路径是 D:\Program Files\nodejs\nod 阅读全文

posted @ 2017-11-30 10:54 奔跑的铃铛 阅读(3622) 评论(0) 推荐(1) 编辑

使用match、test控制输入字符格式后键盘向左向右键光标自动定位解决
摘要：直接举例说明（正则表达式替换红色区域即可） 阅读全文

posted @ 2017-10-23 15:55 奔跑的铃铛 阅读(196) 评论(0) 推荐(0) 编辑

js逻辑非同时两次使用 !!null
摘要：今天遇到了“!!null”的写法，百度没有找到直接的解释，翻书在《javascript高级设计》P44找到了相应的解释： 同时使用两个逻辑非操作符，实际上就会模拟Boolean()转型函数的行为。其中，第一个逻辑非操作符会基于无论什么操作数返回一个布尔值，而第二个逻辑非操作则对该布尔值求反，于是就得 阅读全文

posted @ 2017-04-07 12:28 奔跑的铃铛 阅读(655) 评论(0) 推荐(0) 编辑

无法获取html元素宽高度的问题
摘要：今天遇到了xxx.style.width无法获取元素宽度的问题，原来一直没有注意到这个小细节： 1）如果width：120px；是写在样式表里面的，获取宽度或者高度的方法是： xxx.offsetWidth或者xxx.offsetHeight 2）如果width：120px；是行内样式（style= 阅读全文

posted @ 2017-02-23 17:53 奔跑的铃铛 阅读(442) 评论(0) 推荐(1) 编辑

ng-strict-di
摘要：关于AngularJS中的ng-strict-di： 首先我们要知道“注入”的概念： 在Angular中，如果想使用模块中的内容，只需要提供它的名称即可，不需自己查找、创建、初始化等等，就可以直接得到并使用。这种通过提供名称获得对象/函数/值等内容的过程叫做“注入”。 但是！因为JS代码压缩（Gru 阅读全文

posted @ 2016-10-28 10:38 奔跑的铃铛 阅读(1419) 评论(0) 推荐(0) 编辑

jQuery的deferred对象学习
摘要：一.deferred对象简介 deferred对象是jquery回调函数的解决方案，解决了如何处理耗时操作的问题，对耗时操作提供了更好的控制，以及统一的编程接口。 二.语法 1.与ajax进行写法比较： 2.指定同一操作的多个回调函数 3.为多个操作指定回调函数 4.deferred.resolve 阅读全文

posted @ 2016-10-24 17:37 奔跑的铃铛 阅读(432) 评论(0) 推荐(0) 编辑

最常用的ES6特性
摘要：遇到了要写出es6新特性的题目，所以查阅了资料来总结一下，点击查看原文。 进入正题，最常用的ES6特性有：let, const, class, extends, super, arrow functions, template string, destructuring, default, rest 阅读全文

posted @ 2016-10-18 17:23 奔跑的铃铛 阅读(863) 评论(0) 推荐(0) 编辑

Promise对象
摘要：1.Promise思想：每一个异步任务立刻返回一个Promise对象，由于是立刻返回，所以可以采用同步操作的流程。这个Promises对象有一个then方法，允许指定回调函数，在异步任务完成后调用。 传统的回调函数写法使得代码混成一团，变得横向发展而不是向下发展。Promises规范就是为了解决这个 阅读全文

posted @ 2016-10-17 15:41 奔跑的铃铛 阅读(524) 评论(0) 推荐(0) 编辑

js的异步执行
摘要：1.Javascript语言的执行环境是”单线程”(single thread): 优点：实现起来比较简单，执行环境相对单纯； 缺点：只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环） 阅读全文

posted @ 2016-10-17 11:31 奔跑的铃铛 阅读(13550) 评论(4) 推荐(0) 编辑

HTML5：web socket 和 web worker
摘要：做练习遇到了一个选择题，是关于web worker的，问web worker会不会影响页面性能？补习功课之后，答案是不会影响。 查阅了相关资料学习web worker，又遇到了web socket，整理如下： web socket 和 worker 的作用：为构建高效能的web应用提供了新的参考方案 阅读全文

posted @ 2016-10-17 09:13 奔跑的铃铛 阅读(3912) 评论(0) 推荐(0) 编辑

js页面刷新之实现框架内外刷新（整体、局部）
摘要：这次总结的是框架刷新： 框架内外的按钮均可以定义网页重定向， 框架内部页面的按钮可以实现局部刷新， 框架外部页面的按钮可以实现整页刷新。 代码如下（两个html页面）： 如有错误，请您更正！ 阅读全文

posted @ 2016-10-12 10:51 奔跑的铃铛 阅读(26404) 评论(0) 推荐(0) 编辑

js页面刷新之实现定时刷新（定时器，meta）
摘要：测试页面的代码见上一篇博客 接下来进入正题-定时不断刷新页面的方法： 1.看到定时，很容易想到js的定时器： 2.通过meta来设置： 如有错误，请您指正！ 阅读全文

posted @ 2016-10-12 10:17 奔跑的铃铛 阅读(38506) 评论(0) 推荐(1) 编辑

js页面刷新之实现普通页面
摘要：准备面试题目的时候遇到了页面刷新，就整理了一下，网上查找，大概就是八种方法，但是自己测试的时候出现了几个问题，跟大家分享： 首先准备一个测试页面： 准备工作完成，开始页面刷新方法： 1.可以正常使用的五种方法： 2.只在ie可以执行的两种方法： 3.网上很容易找到，但是个人认为是错误的一种方法： 但 阅读全文

posted @ 2016-10-12 09:58 奔跑的铃铛 阅读(3719) 评论(0) 推荐(0) 编辑

bootstrap弹出框提示框无法调用
摘要：使用bootstrap的js插件真的很好用啊有木有！！ 但是第一次使用这个弹出框跟提示框的时候就被打击了，没有反应啊！！ 然而这并不是一个大问题，一句话搞定，看代码： 这是因为弹出框、工具提示插件不像之前所讨论的下拉菜单及其他插件那样，它不是纯 CSS 插件。如需使用该插件，您必须使用 jquery 阅读全文

posted @ 2016-10-10 10:16 奔跑的铃铛 阅读(1510) 评论(0) 推荐(0) 编辑

js中const,var,let区别
摘要：今天第一次遇到const定义的变量，查阅了相关资料整理了这篇文章。主要内容是：js中三种定义变量的方式const， var， let的区别。 1.const定义的变量不可以修改，而且必须初始化。 2.var定义的变量可以修改，如果不初始化会输出undefined，不会报错。 3.let是块级作用域， 阅读全文

posted @ 2016-10-10 10:00 奔跑的铃铛 阅读(289568) 评论(19) 推荐(45) 编辑

1