随笔分类 -  js

摘要:网上查了很多没有遇到满意的,最后隐藏input的css样式解决。 <el-cascader placeholder="请输入" :options="data.typeList" :props="typeProps" v-model="id" collapse-tags filterable clea 阅读全文
posted @ 2022-12-16 15:54 chillylight 阅读(1317) 评论(0) 推荐(0)
摘要:数组的增删 push():添加到最后 pop():取出最后一个 shift():取出第一个 unshift():添加到第一个 splice() : 返回删除的数组,如果没有则为空数组,会改变原数组。可进行删除、插入、替换。 splice(0,2)删除前两项。 splice(2,0,"red","gr 阅读全文
posted @ 2021-05-21 14:34 chillylight 阅读(421) 评论(0) 推荐(0)
摘要:开发jquery多页应用,引入sass resources loader后报 查找后发现是由于引入的路径错误造成的, 最开始引入的时候是这样的 由于写的是相对路径,可能解析不了还是什么原因,然后试了下绝对路径 bingo,解决了。 阅读全文
posted @ 2019-10-12 11:38 chillylight 阅读(2993) 评论(0) 推荐(0)
摘要:由于ejs的升级,《node.js开发指南》中使用的 partial 函数已经摒弃,使用foreach,include代替 原来的代码是: 改成: 阅读全文
posted @ 2019-07-06 13:50 chillylight 阅读(211) 评论(0) 推荐(0)
摘要:在js中进行以元为单位进行浮点数计算时,会产生精度问题,例如: 大多数编程语言计算采用的是IEEE 754 标准,那么先来看下浮点数运算产生误差的原因,拿0.1+0.2=0.30000000000000004举例。 首先,站在计算机的角度思考 0.1 + 0.2 这个问题。我们知道,能被计算机读懂的 阅读全文
posted @ 2019-03-17 20:55 chillylight 阅读(9275) 评论(0) 推荐(1)
摘要:在做移动端开发时,常常会开发需要滚动的弹窗。例如 这时如果在手机上滚动弹窗里的内容,遮罩层底下的页面也会跟着滚动。给用户带来不太友好的用户体验。 在网上查阅了一些方法后,找到了一种: 在弹窗弹出来之后设置 在关闭弹窗后移除 当然前提是你没在body和html的style设置什么内联样式。不然移除的话 阅读全文
posted @ 2018-12-06 16:41 chillylight 阅读(2174) 评论(0) 推荐(0)
摘要:禁止鼠标右键保存图片 禁止鼠标拖动图片 文字禁止鼠标选中 禁止复制文本 jquery禁止文本复制和拷贝 jquery禁止图片拖拽 阅读全文
posted @ 2018-11-08 17:42 chillylight 阅读(8003) 评论(0) 推荐(0)
摘要:其中window.location.search为获取链接参数的方法,之前一直使用window.location.href然后使用split方法拆分。才发现window.location.search.substr(1)好像更方便。 substr() 方法可在字符串中抽取从 start 下标开始的指 阅读全文
posted @ 2018-08-30 13:38 chillylight 阅读(2209) 评论(0) 推荐(0)
摘要:先在body中添加一个ul标签,并添加类名test。 曾经很长一段时间都是通过这种方法来插入数据的,后来发现这种拼接方法效率比较低,不过是最简单可行的方法了。 2.先把数据推入数组,最后通过join拼接。 3.通过标签元素连接数据 目前知道的就是这三种方法了。 参考链接:https://zhidao 阅读全文
posted @ 2018-08-13 15:36 chillylight 阅读(872) 评论(0) 推荐(0)
摘要:在移动端测试倒计时,将时间转化为毫秒会在苹果手机上出现NaN 以下是实现代码 阅读全文
posted @ 2018-02-01 18:07 chillylight 阅读(1229) 评论(0) 推荐(0)
摘要:``` function closeWindow(){ window.opener = null; window.open(' ', '_self', ' '); window.close(); } setTimeout(function(){ closeWindow() ... 阅读全文
posted @ 2018-01-25 10:57 chillylight 阅读(246) 评论(0) 推荐(0)
摘要:1 . 给一个连字符串例如:get element by id转化成驼峰形式。 2 . 匹配二进制数字 3 . 非零的十进制数字 (有至少一位数字, 但是不能以0开头) 4 . 匹配一年中的12个月 5 . 匹配qq号最长为13为 6 . 匹配常见的固定电话号码 7 . 匹配ip地址 8 . 匹配用 阅读全文
posted @ 2018-01-13 17:05 chillylight 阅读(8064) 评论(4) 推荐(2)
摘要:根据API写网页的时候,每个页面都需要ajax请求,每次都写一大堆请求,配置什么的太麻烦,于是打算封装一个ajax函数,统一调用: 开始时是使用return返回ajax,如下: 在如下Ogoods变量中填好需要的参数内容,然后就可以直接调用了 变量data中保存着ajax请求返回的数据,但是这个方法 阅读全文
posted @ 2017-10-13 15:28 chillylight 阅读(1037) 评论(0) 推荐(0)
摘要:获取当前经纬度 利用HTML5(以及基于JavaScript的地理定位API),可以很容易地在页面中访问位置信息,下面代码,就可以简单的获取当前位置信息: 用到地理定位时,并不是每次都能成功,所以可以创建一个小的诊断测试。 需要申明的是getCurrentPosition可以接收三个参数naviga 阅读全文
posted @ 2017-06-22 22:46 chillylight 阅读(968) 评论(0) 推荐(0)
摘要:JS Bin if(!String.prototype.trim) { String.prototype.trim = function () { return this.replace(/^\s+|\s+$/g,''); }; } // var dom=document.querySelector("[name=username]"... 阅读全文
posted @ 2017-05-15 10:21 chillylight 阅读(1242) 评论(0) 推荐(0)
摘要:1.工厂模式 优点:解决了创建多个相似对象的问题。 缺点:没有解决对象识别问题(即怎样知道一个对象的类型) 2.构造函数模式 与工厂模式相比,这里没有显式地创建对象;直接将属性和方法赋给了this对象;没有return语句。按照惯例,构造函数始终都应该以一个大写字母开头,而非构造函数应该以一个小写字 阅读全文
posted @ 2017-04-08 15:51 chillylight 阅读(367) 评论(0) 推荐(0)
摘要:现如今,javascript无处不在,因此关于javascript的新知识也是层出不穷。javascript的特点在于,要学习它的语法入门简简单,但是要精通使用它的方式却是一件不容易的事。 来看看下面的这段代码,它来自于谷歌“名猿”Addy Osmani在几天前贴出的一段代码,它的作用是用来调试你的 阅读全文
posted @ 2017-03-14 14:31 chillylight 阅读(1247) 评论(0) 推荐(1)
摘要:HTML5新添了一些语义化标签,他们能让代码语义化更直观易懂,有利于SEO优化。但是此HTML5新标签在IE6/IE7/IE8上并不能识别,需要进行JavaScript处理。 解决思路就是用js创建html5中的新标签,代码如下: 对于上面的代码要初始化新标签的CSS.因为HTML5在默认情况下表现 阅读全文
posted @ 2017-02-27 17:44 chillylight 阅读(1804) 评论(0) 推荐(0)
摘要:js定时器主要有两个setTimeout和setInterval。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行 阅读全文
posted @ 2017-02-20 18:03 chillylight 阅读(699) 评论(0) 推荐(0)
摘要:常用的tab切换有四种 1.滑过切换(onmouseover) 2.点击切换(onclick) 下面代码显示了前两种情况,相对来说比较容易实现: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Tab 切换</title> 5 <meta charset=" 阅读全文
posted @ 2017-02-18 16:26 chillylight 阅读(310) 评论(0) 推荐(0)