javascript
tyilack_小小黑
这个作者很懒,什么都没留下…
展开
-
JS动画——制作鼠标移入移出的时候控件属性的变化
anim4.html ul,li{ list-style: none; } ul li { width: 200px; height: 100px; background: green; margin-bottom: 20px; filter:alpha(opacity:30); opaci原创 2016-01-30 14:15:11 · 1312 阅读 · 0 评论 -
JS判断是否输入emoji表情
function isEmojiCharacter(substring) { for ( var i = 0; i < substring.length; i++) { var hs = substring.charCodeAt(i); if (0xd800 <= hs && hs <= 0xdbff) { if (s原创 2016-10-27 16:57:33 · 4994 阅读 · 0 评论 -
js计算两点之间的经纬度
纬度1经度1 纬度2经度2 计算 function load() { $("#calc").click(function() { var lat1 = parseFloat($("#lat1").val()); var lng1 = parseFloat($("#lng1").val()); var lat2 = parseFloat($("#lat2").v原创 2016-10-19 13:44:18 · 2121 阅读 · 0 评论 -
Node.js使用path模块处理文件路径
首先需要引入path模块var path = require('path'); 1.文件路径处理:path.normalize(p)。path模块中的normalize()方法用来规范化路径字符串。可用于处理路径中的”//”、”..”、”.”等字符。例如:var path = require('path');path.normalize('/foo/bar//baz/asdf/quux/..'原创 2016-12-11 14:44:45 · 1363 阅读 · 0 评论 -
使用angularjs异步请求数据(http请求或者使用Websocket)的时候,更新$scope中的dom的方法
使用angularjs异步请求数据(http请求或者使用Websocket)的时候,如果要更新scope中的dom,有时会不起作用,要使得更新起作用,有如下两种方法:scope中的dom,有时会不起作用,要使得更新起作用,有如下两种方法:rootScope、$timeout 首先需要在相应的factory或者service中引入rootScope或者rootScope或者timeoutangula原创 2016-11-22 22:33:01 · 3350 阅读 · 0 评论 -
angularjs Error: [ngRepeat:dupes] http://errors.angularjs.org/1.5.8/ngRepeat/dupes?
出现这个错误的原因是如果页面中使用了ng-repeat,angularjs默认是根据里面的内容判断是否相同的,如果里面出现相同的内容就会报错,这里要注意的是,比如如下的内容ng-repeat="user in [1,1]" 一般在实际开发中,我们一般是一个数组存一个对象, 这是里面的值都是Object,如下面的保存ng-repeat="user in [{user:1},{user:2}]"原创 2016-11-22 23:55:09 · 4211 阅读 · 0 评论 -
js判断是否是Json对象
有两种方法1.使用正则表达式(推荐),代码如下:if (/^[\],:{}\s]*$/.test(text.replace(/\\["\\\/bfnrtu]/g, '@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').replace(/(?:^|:|,)(?:\s*\[)+/原创 2016-12-06 10:04:17 · 22626 阅读 · 1 评论 -
js清空数组的正确做法
Emptying an array is a common JavaScript task but too often I see the task performed in the incorrect way. Many times developers will create a new array:myArray = []; // bad That isn’t the optimal原创 2016-11-24 18:09:44 · 4795 阅读 · 0 评论 -
angularjs解决播放语音出错的问题
首先是看了github上的这个https://github.com/angular/angular.js/issues/1352,知道了语音播放不了了,下面是正确的播放代码 首先添加过滤器app.filter("trustUrl", ['$sce', function ($sce) { return function (recordingUrl) { return原创 2016-11-28 10:58:35 · 1947 阅读 · 0 评论 -
angularjs解析html字符串
参考链接https://docs.angularjs.org/api/ngSanitize 首先下载angular-sanitize.min.js,下载地址:https://github.com/angular/bower-angular-sanitize 添加解析函数//解析html字符串$scope.deliberatelyTrustDangerousSnippet = funct原创 2016-11-28 11:50:41 · 4662 阅读 · 0 评论 -
jquery动态添加组件监听事件
在使用bootstrap table等这些异步增删查的表格时,经常会遇到使用on、click等方法监听不到触发的点击事件等,这是需要使用delegate方法,用法如下:$( "#table" ).delegate( ".rulesSelect", "click", function() { console.log("abee");}); # table 为 一个div容器 .原创 2017-01-04 16:36:17 · 4383 阅读 · 0 评论 -
jsTree使用
jsTree可以显示一个树状视图,支持复选框选中,选中触发事件等:其中主要用到的方法有: 1.设置数据: 这里的data一般是ajax请求服务器返回的,必须要有id,parent,text这三个字段用于显示,也可以额外返回自己需要的字段。 这里还增加了插件配置:'plugins':["wholerow","checkbox"] 表示在会显示复选框。//一般data从后台返回,调用这个方法显示原创 2017-02-13 17:33:01 · 9003 阅读 · 0 评论 -
js对Json数组进行深复制
在开发微信小程序的时候,很多时候我们传json对象的时候都需要小心,因为传进去的都是引用,所以有深复制Json对象的需求,方法如下:var basicInfoTmp = JSON.parse(JSON.stringify(userInfo.basicInfo));原创 2017-03-02 23:28:38 · 5070 阅读 · 0 评论 -
bootstrap table使用总结
使用bootstrap table可以很方便的开发后台表格,对数据进行异步更新,编辑。下面就来介绍一下bootstrap table的详细使用方法:因为之前在官网也找了很久的教程,源码感觉隐藏的比较隐秘,其他扩展功能也很难找到,其实都在:http://issues.wenzhixin.net.cn/bootstrap-table/index.html这里面,点击上面的tab可以找到具体的功能实现(原创 2017-01-09 16:25:29 · 45517 阅读 · 2 评论 -
Websocket: Failed to execute 'send' on 'WebSocket': Still in CONNECTING s
在使用WebSocket时有时会报出这样的错误:Uncaught InvalidStateError: Failed to execute 'send' on 'WebSocket': Still in CONNECTING state这个错误有可能的原因是该WebSocket对象正在发送问题,发送还没结束,然后调用者又调用了send方法接着继续发送,所以still in co原创 2016-10-24 16:43:06 · 26869 阅读 · 1 评论 -
js实现图片旋转动画的封装
//图片动画封装 function SearchAnim(opts) { for(var i in SearchAnim.DEFAULTS) { if (opts[i] === undefined) { opts[i] = SearchAnim.DEFAULTS[i]; } }原创 2016-09-27 19:38:46 · 4456 阅读 · 0 评论 -
JS获取时间差
function getDay() { var curTime = new Date(); var endTime = new Date(2016,1,5); var time = (endTime.getTime() - curTime.getTime()); console.log(time); time = Math.ceil(time / (24*6原创 2016-01-30 14:49:55 · 430 阅读 · 0 评论 -
jQuery插件jQuery-validation的基本用法(一)
基本用法如下: $(function() { $("#demoForm").validate({ //调试模式,也就是说按下提交按钮的时候并不会提交 debug:true, //rules的键是表达中的name属性而不是id rules: { username: { //需要填原创 2016-01-30 22:54:44 · 585 阅读 · 0 评论 -
jQuery插件Validation学习(二)——rules的使用
rules可以获取用户已经设置好的校验规则,也可以动态增加新的校验规则和删除校验规则:1.获取校验规则的方法如下:控制台中输入:$("#username").rules() 2.添加新的校验规则:控制台中输入:$("#username").rules("add",{minlength:2,maxlength:10});输出结果:3.删原创 2016-01-30 23:22:03 · 9141 阅读 · 0 评论 -
jQuery插件jQuery Validation学习(三)——validator对象
获取validator对象的方法如下(在之前的表单校验函数中,其实就返回这个对象,所以直接接收这个值即可)://获得validator对象 validator = $("#demoForm").validate({ //调试模式,也就是说按下提交按钮的时候并不会提交 debug:true, //rules的键是表达中的name属性而不是id原创 2016-01-31 00:49:03 · 1033 阅读 · 0 评论 -
Ajax+PHP实现跨域访问的两种方式
1.兼容IE浏览器的方法,在Ajax请求的时候使用jsonp:$("#search").click(function() { $.ajax({ type : "GET", url : "http://127.0.0.1/raid/jquery_learning/ajax_learning/php/index.php?number="+$("#keyword").va原创 2016-03-02 10:20:16 · 13846 阅读 · 0 评论 -
JavaScript和jQuery实现定位导航功能
实现的效果如下:在做这个网页中,学到的重要知识有:1.为了实现点击定位导航的功能,可以使用锚来定位,这里指的是href的url地址可以写成某一个div的id的值,这样点击就会跳到那个div那里:1F 男装2.在写css样式的时候,考虑到IE6没有position:fixed固定定位,所以为了兼容IE6,我们可以使用如下方法:/*ie6 hack兼容*/原创 2016-03-02 14:17:21 · 3525 阅读 · 0 评论 -
JavaScript、jQuery、css3实现瀑布流加载
实现的最终效果如下:在实现的过程中用到的有:1.css设置边框为圆角:border-radius: 5px;2.创建表情并添加、嵌套:var oBox = document.createElement("div");oBox.className = "box";oParent.appendChild(oBox);var oPic = document.cr原创 2016-03-03 09:40:20 · 1070 阅读 · 0 评论 -
JavaScript方法声明和调用的问题
以下代码可以正确执行,因为声明的是一个方法,调用方法可以放在方法声明的前面: f(); //不会报错,回去后面查找函数 function f(){}但是如果是如下声明方法的方式,就会报错,因为声明的是一个变量等于方法: f(); //这样会报错 var f = function (){}原创 2016-03-04 14:32:02 · 563 阅读 · 0 评论 -
JavaScript和JQuery实现必应搜索
最终效果图如下:html代码如下: bing search 搜索结果1 搜索结果2 --> css代码如下:* { padding: 0; margin: 0;}body { background-c原创 2016-03-05 10:11:20 · 941 阅读 · 0 评论 -
JavaScript和jQuery实现淘宝搜索栏的制作
最终效果图如下:html和JavaScript代码如下: Document 宝贝 店铺 高级搜索 var getDOM = function(id) {原创 2016-03-05 10:14:36 · 3443 阅读 · 0 评论 -
手机网页取消长按事件
有两种实现方法:1.如果针对某个特定的div,那么修改样式即可:-webkit-user-select: none;/*禁用手机浏览器的用户选择功能 */-moz-user-select: none;2.如果对于整个页面,那么添加如下js代码:window.ontouchstart = function(e) { e.preventDefault(); };原创 2016-09-21 12:13:06 · 6543 阅读 · 0 评论 -
JS的高德API封装
function MapUtil() { var map = null; var geolocation = null; var geocoder = null; var inputId = null;}/*** 创建或者获取*/MapUtil.prototype.m = function (containerId) { if (this.map == null) { t原创 2016-09-26 20:13:47 · 2450 阅读 · 0 评论 -
js返回顶部的封装
/** * Created by raid on 2016/9/25. */function BackTop(el, opts) { this.opts = $.extend({}, BackTop.DEFAULTS, opts); this.$el = $(el); if (this.opts.mode == 'move') { this.$el.o原创 2016-09-26 23:39:08 · 459 阅读 · 0 评论 -
js删除JSON中的空字符串字段和空对象
在很多情况下,我们需要简化js中的JSON对象,把一下值为空或者null的键值对去掉比如在使用vue的时候有可能会遇到如下错误:Invalid prop: type check failed for prop "index". Expected String, got Null.原因也是JSON对象中存在null值。js删除JSON中的空字符串字段和空对象的方法如下:function delete原创 2017-09-29 18:30:20 · 17679 阅读 · 0 评论