QNMD前端
二进制的鱼
这个作者很懒,什么都没留下…
展开
-
基于javascript的显示当前年月日星期上下午(秒数不断刷新)
<td width="220">今天是: <script> document.write((zjd=new Date()).getFullYear()+"年"+(zjd.getMonth()+1)+"月"+zjd.getDate() + "日 星期"+"日一二三四五六".charAt(zjd.getDay原创 2016-08-22 11:00:17 · 215 阅读 · 0 评论 -
css不换行
设置文字不换行,超过的部分用“...”代替[code="html"] overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 210px;[/code]设置超过n行,超过部分用...代替 [code="html"]width:200px; word-break:break-...原创 2018-03-20 11:05:28 · 137 阅读 · 0 评论 -
sort()方法的用法,参数以及排序原理
sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。语法:arrayObject.sort(sortby);参数sortby可选。规定排序顺序。必须是函数。注:如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。...原创 2018-02-09 10:34:29 · 746 阅读 · 0 评论 -
jquery判断滚动条是否到达顶部或者底部
[size=medium][code="java"]var scroll_top = $(document).scrollTop(); //scroll_top是滚动条上部离文档顶部的高度var doc_height = $(document).height();//doc_height是文档的高度var window_height = $(window).height();//windo...原创 2017-03-12 17:43:30 · 239 阅读 · 0 评论 -
dependencies与devDependencies之间的区别
[size=medium]npm install在安装node模块时,有两种命令参数可以把它们的信息写入package.json文件:使用npm install node_module –save自动更新dependencies字段值;使用npm install node_module –save-dev自动更新devDependencies字段值;[/size][colo...原创 2017-03-01 00:36:33 · 116 阅读 · 0 评论 -
jq绑定动态生成元素
[size=medium][code="java"]$("#searchMoveVideoResult").on("click","ul li",function(){ $(this).css("border","5px solid #000"); }); [/code][code="java"]//下面这样写就是错的了,一定要把动态添加的原创 2018-01-23 10:50:47 · 153 阅读 · 0 评论 -
Bootstrap模态框事件监听
[size=medium][color=darkred]show.bs.modal [/color] show 方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素,则此元素可以通过事件的relatedTarget 属性进行访问。 [color=darkred]shown.bs.modal [/color] 此事件在模态框已经显示出来(并且同时在 CS...原创 2017-12-30 23:42:43 · 2148 阅读 · 0 评论 -
setInterval设置停止和循环
[code="java"]var timesRun = 0;var interval = setInterval(function(){timesRun += 1;if(timesRun === 60){clearInterval(interval);}//do whatever here..}, 2000);[/code][code="java"]var st...原创 2017-02-07 15:34:01 · 161 阅读 · 0 评论 -
微信小程序读取本地数据
[size=medium]在utils这个文件夹下,我们可以把本地的数据写进去,封装成.js文件,提供对外暴露的接口,然后读取本地数据。[/size]util.js:[code="java"]function data(){ let arr = [1,2,3] return arr}module.exports = { data:data} [/...原创 2017-09-06 12:27:29 · 1736 阅读 · 0 评论 -
百度地图api-自定义覆盖物
[code="java"]function addMarker(map,point,index){ // 创建图标对象 var myIcon = new BMap.Icon("markers.png", new BMap.Size(23, 25), { offset: new BMap.Size(10, 25), image...原创 2017-01-18 16:58:20 · 352 阅读 · 0 评论 -
获取鼠标选中文本内容
[code="java"]$(document).on('mouseup',function(){ console.log(window.getSelection().toString());});[/code]补充:将选中内容标识出来[code="java"]$(document).on('mouseup',function(e){ let a =...原创 2017-07-25 14:51:02 · 2551 阅读 · 0 评论 -
正则表达式中的g,i,m修饰符
[size=medium]g 全局匹配(会查找所有匹配,不会在查找到第一个匹配时就停止)i 执行对大小写不敏感的匹配m 执行多行匹配[/size]...原创 2017-07-17 11:42:09 · 139 阅读 · 0 评论 -
前端面试题
[size=medium]1.window.onload和$(document).ready()的区别①执行时机;前者是在网页所有元素完全加载到浏览器后才执行,后者是DOM加载完就可以执行;②多次使用;前者一次只能保存对一个函数的引用2.事件绑定和普通事件的区别普通添加事件的方法:var btn = document.getElementById("hello"...原创 2017-06-21 11:11:40 · 73 阅读 · 0 评论 -
js解析json几种方式(含ES6结构赋值)
[size=medium]1.首先,最普通的js解析JSON方法:[/size][size=medium][code="java"]var jsonData = {"name":"小埋","age":18}; for(var key in jsonData){ console.log(key);//json对象的key console.log(jsonData...原创 2017-03-20 18:54:43 · 2093 阅读 · 0 评论 -
获取准确的滚动条宽度
[size=large][code="java"]/*! * 获取浏览器竖向滚动条宽度 * 首先创建一个用户不可见、无滚动条的DIV,获取DIV宽度后, * 再将DIV的Y轴滚动条设置为永远可见,再获取此时的DIV宽度 * 删除DIV后返回前后宽度的差值 * * @return Integer 竖向滚动条宽度 */function getScr...原创 2017-03-14 21:34:44 · 179 阅读 · 0 评论