随笔分类 -  [14]JS

上一页 1 2 3 4 5 6 7 8 ··· 10 下一页
html2canvas截取页面
摘要：1.下载html2canvas.js 2.引入 3.修改html2canvas支持远程图片处理 4.保存成base64，并处理 实现了web截图，效果不错！！！ 阅读全文
posted @ 2017-07-18 16:43 TBHacker 阅读(3802) 评论(1) 推荐(0)
模拟播放器倒计时效果
摘要：值得好好参谋。 阅读全文
posted @ 2017-07-14 21:34 TBHacker 阅读(464) 评论(1) 推荐(0)
弹出框封装
摘要：1.弹出框封装 前端大神的代码 数字密码封装 阅读全文
posted @ 2017-07-07 22:34 TBHacker 阅读(527) 评论(0) 推荐(0)
JS时间转时间戳，时间戳转时间。时间显示模式。
摘要：函数内容 // 时间转为时间戳 function date2timestamp(datetime) { var timestamp = new Date(Date.parse(datetime)); timestamp = timestamp.getTime(); timestamp = times 阅读全文
posted @ 2017-06-30 16:26 TBHacker 阅读(1179) 评论(0) 推荐(0)
弯道超车，换一个思路，避免addEventListener为同一个元素重复赋予事件
摘要：addEventListener可以给同一个元素赋予多次同一个事件。 执行一次，就多一次事件效果。这不是我想要的。 像touchstart，touchend这种html5事件必须通过addEventListener来实现。 // 长按事件 $.fn.longPress = function(fn) 阅读全文
posted @ 2017-06-24 13:46 TBHacker 阅读(1617) 评论(0) 推荐(0)
json的键为变量而不是字符串时，怎么写？
摘要：看栗子 或者可以这样 应用 根据消息的类型，发送Id，接收Id。统计未读消息。 将这三个变量作为json的key，就能够很好的存储数据和读取数据了。 阅读全文
posted @ 2017-06-23 16:40 TBHacker 阅读(1259) 评论(0) 推荐(0)
转化一下解决问题的思路，弯道超车
摘要：遇到一个数字密码的问题。 用户点击密码input框，多次点击会触发奇怪的定位问题。 我的思路是获取点击事件，然后进行处理。 搜索了半天，什么onclick，onchange，onfocus，onkeyup...都试了，都不行！ 气的都想把电脑砸了！ 后来想了一下索性不让用户去乱点击，而是通过统一的获 阅读全文
posted @ 2017-06-06 10:11 TBHacker 阅读(250) 评论(0) 推荐(0)
JS排序的运用
摘要：排序是一个非常实用的功能，队列也是一样实用。 有时候项目中就是会用到它。 举个例子，队列的运用，比如刷小礼物，接收方，会受到很多用户的礼物。为了公平起见，要一个个的显示出礼物效果。这个时候就需要队列了，先进先出。 把它们加入队列中，一个一个的运行。运行一个礼物效果，就移出一个队列数据。 排序呢，也会 阅读全文
posted @ 2017-05-17 14:49 TBHacker 阅读(262) 评论(0) 推荐(0)
消息中的表情发送
摘要：这些表情事先已经存在应用之中！ 发送的消息其实还是文本消息！ 每个表情对应一个文字标识，比如[微笑]、[发呆]、[衰]。 选择表情的时候，对应的标识就自动接入文本中了！ 你好[微笑][微笑][微笑]。 哈哈哈[得意]。 最终显示到终端，其实是文字与图片的组合。 这个时候要做的就是把这里的标识，替换成 阅读全文
posted @ 2017-04-18 15:06 TBHacker 阅读(709) 评论(0) 推荐(0)
挺有意思的，队列，先进先出，排队进行！
摘要：这个类是核心！ 项目中有个刷小礼物的功能，如果同时有多个人刷，就会出现乱七八糟的效果，没有秩序！ 通过队列，就能很好的解决！ 先定义一个全局队列！ 当有礼物刷的时候，就将其存入队列当中！刷第一个礼物的时候，锁死！等第一个礼物刷完的时候，解锁！然后查询队列中是否还有未刷完的礼物，继续刷！ 刷礼物，锁上 阅读全文
posted @ 2017-04-14 18:51 TBHacker 阅读(1326) 评论(0) 推荐(0)
JS实现队列效果，先进先出
摘要：``` / [Queue] @param {[Int]} size [队列大小] / function Queue(size) { var list = []; //向队列中添加数据 this.push = function(data) { if (data==null) { return fals 阅读全文
posted @ 2017-04-14 17:38 TBHacker 阅读(9561) 评论(0) 推荐(0)
vue绑定内联样式
摘要：v bind:style 的对象语法十分直观——看着非常像 CSS ，其实它是一个 JavaScript 对象。 CSS 属性名可以用驼峰式（camelCase）或短横分隔命名（kebab case）： 直接绑定到一个样式对象通常更好，让模板更清晰： 实践，有个div的属性中需要设置backgrou 阅读全文
posted @ 2017-04-07 15:37 TBHacker 阅读(2213) 评论(0) 推荐(0)
Vue简单使用
摘要：1.引入vue.js 2.js脚本 3.html处理数据 经过这么简单的操作，json数据就显示到页面上了！ 这只是简单应用！比之dot的加载，这种方式要好用，不用总是写script了！ 方法论：项目中要敢于尝试，尝试新的技术，新的框架！把它们用到项目中去！ 阅读全文
posted @ 2017-04-07 14:08 TBHacker 阅读(328) 评论(0) 推荐(0)
js实现UTC时间转为北京时间，时间戳转为时间
摘要：用了阿里云的接口，发现其穿的日期是UTC格式的。需要转换。 搞定！ 阅读全文
posted @ 2017-03-31 17:31 TBHacker 阅读(24346) 评论(1) 推荐(1)
setTimeOut函数传参数
摘要：这样使用，后面的4000无效 这样使用，后面的4000秒有效 通过return function，就有效果。很奇怪！ 阅读全文
posted @ 2017-03-30 18:04 TBHacker 阅读(870) 评论(0) 推荐(0)
ECharts简单入门
摘要：图1和图2是手机上显示的效果， 图3是电脑浏览器显示的效果。 如何使用ECharts? 1.下载echarts.js 2.引入echarts.js 3.定义div区域 4.初始化并关联区域 5.配置数据与参数 6.填充区域 tips:这里最核心的就是option这个参数了，配置不同的option，就 阅读全文
posted @ 2017-03-10 14:48 TBHacker 阅读(2667) 评论(0) 推荐(2)
JS控制光标定位，定位到文本的某个位置
摘要：这是一个数字密码，要能够智能的跳转到文本的某个位置，就需要通过JS来控制跳转！ 1.onkeyup监听 2.智能判断 // 光标定位 function dealKeyup(that) { var input_val = $(that).val(); var input_arr = input_val 阅读全文
posted @ 2017-03-06 15:21 TBHacker 阅读(46536) 评论(0) 推荐(3)
js的一些常用判断小实验
摘要：下面是小实验案例 通过案例，我们能知道： 1. undefined，null判断结果是false 2. 0，false判断是false 3. ‘0’，‘false’判断是true 4. {}，[]空json，空数组判断是true 5. 空json中的值，空数组中的值判断是false 6. 定义的变量 阅读全文
posted @ 2017-02-28 09:49 TBHacker 阅读(321) 评论(0) 推荐(0)
aui-dialog改造，支持关闭
摘要：1.打开aui dialog.js 添加关闭html代码 2.给关闭按钮赋予事件 var dialogCloseButtons = document.querySelectorAll(".aui dialog close"); if (dialogCloseButtons && dialogClos 阅读全文
posted @ 2017-02-24 15:18 TBHacker 阅读(3523) 评论(0) 推荐(0)
Vue进阶之表单控件绑定
摘要：1.单行input 2.多行 3.单选框 4.复选框 5.单选按钮 6.选择列表 7.多选 8.动态选项 方法论：gif截图很有意思 GifCam 阅读全文
posted @ 2017-02-17 16:02 TBHacker 阅读(1809) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 7 8 ··· 10 下一页