js
Let dreams fly
一定要学习,才能提高自己!
展开
-
js字符输入效果
js字符输入效果1.html<div id="code" class="content"> <p>相遇、相识、相知、相伴</p> <p>往后余生,请多指教</p></div>2.jsvar typewriter = function(e) { e.each(function() { var $ele = $(e), str = $ele.html(), progress = 0; $.原创 2020-05-22 16:52:14 · 421 阅读 · 0 评论 -
添加、获取、删除、清空全部cookie缓存数据
添加、获取、删除、清空全部cookie缓存数据1.添加$.cookie('keys', "11");$.cookie('user_id', "1113", { path: "/"});$.cookie('user_name', "张三", { path: "/", expires: 30});2.获取console.log($.cookie('keys'))co...原创 2020-04-29 11:36:01 · 1396 阅读 · 0 评论 -
根据生日判断是否大于18岁
根据生日判断是否大于18岁1.js /* * 判断平年闰年 * y:年份数字,四位 * */ function isOrdinaryYear(y) { if ((y % 4 === 0 && y % 100 !== 0) || y % 400 === 0) { return false } return true; } /* * 判...原创 2020-03-23 19:13:44 · 1670 阅读 · 0 评论 -
js计时时分秒
js计时时分秒1.jsvar TimeBar = { timer: 0, hour: 0, minute: 0, second: 0, dateContent: "00:00:00", creatHtml: function() { var content = '<p class="timeBar">' + TimeBar.dateContent + '<...原创 2019-12-17 16:01:57 · 989 阅读 · 0 评论 -
if (! +"\v1")什么意思?
if (! +"\v1")什么意思?if (! +"\v1")判断是否为IE浏览器。IE里不能把 "\v" 处理成垂直符,所以在IE里它就是表示"\v"这个字符串,所以"\v1"为字符串。前面的+号把后面的字符串转换成数字,由于"\v1"在IE里为字符串,所以 +"\v1" 转换失败,其值为NaN。所以 !+"\v1"的值为 true,所以在IE里 if(!+"\v1")。(目前...原创 2019-12-05 16:14:24 · 790 阅读 · 0 评论 -
clearInterval不起作用?肯定是用法不对
clearInterval不起作用?肯定是用法不对1.场景当一个定时器可能会被多次调用的时候,只清理一次肯定会出现没有清理完全的情况,这时候给你的错觉就是“clearInterval不起作用”。2.用法var timer = null;var timerList = [];function intervalStart() { intervalEnd(); timer =...原创 2019-12-03 15:40:18 · 14765 阅读 · 2 评论 -
window.close()失效
window.close()失效1.Chrome以及其他浏览器window.opener = null;window.open(' ','_self');window.close();2.Firefoxwindow.open("about:blank", "_self").close();原创 2019-11-14 14:33:17 · 1246 阅读 · 0 评论 -
js一切皆对象
一切皆对象咱们经常听到JS中“一切皆对象”? 有没有问想过这是什么意思? 其它语言也有“一切皆对象”之说,如Python。 但是Python中的对象不仅仅是像JS对象这样的存放值和值的容器。Python中的对象是一个类。 JS中有类似的东西,但JS中的“对象”只是键和值的容器:var obj = { name: "Tom", age: 34 }实际上,JS中的对象是一种“哑”类型...转载 2019-10-15 14:24:08 · 632 阅读 · 0 评论 -
js禁止图片拖动
js禁止图片拖动 1.js for (i in document.images) document.images[i].ondragstart = imgdragstart; function imgdragstart() { return false; };原创 2019-01-23 11:29:11 · 3052 阅读 · 0 评论 -
前端常见知识总结
前端常见知识总结1.盒模型盒模型由margin、border、padding、content组成。盒模型有两种标准,一个是标准模型,一个是IE模型。标准盒模型的宽高只是内容(content)的宽高,而在IE中盒模型的宽高为边框(border)+填充(padding)+内容(content)的总宽高。2.sessionStorage、localStorage和cookie的区别共同点...原创 2019-03-26 09:23:08 · 453 阅读 · 1 评论 -
js判断数组中对象是否存在某个值
js判断数组中对象是否存在某个值var arr = [{ name: "回锅肉", value: "0"}, { name: "小炒肉", value: "1"}]var result = arr.some(function(item) { if (item.name == "小炒肉") { return true; }...原创 2019-01-16 10:02:28 · 23389 阅读 · 0 评论 -
js调用angularjs内部方法,$scope.$apply()强制更新
js调用angularjs内部方法,$scope.$apply()强制更新1.html<div id="food" ng-cloak ng-app="food" ng-controller="FoodCtrl"> <button type="button" onclick="isShow()">点击</button&原创 2019-01-15 13:37:13 · 2673 阅读 · 0 评论 -
js数组求和的方法
js数组求和的方法var array = [1, 2, 3, 4, 5];var sum = 0;1.for循环 for (let i = 0; i < array.length; i++) { sum += array[i]; }2.forEach array.forEach(ele => { sum ...原创 2018-12-25 15:15:31 · 43089 阅读 · 0 评论 -
js数组排序
js数组排序 var values = [5, 10, 0, 15, 1, 20]; console.log(values.sort()); //[0, 1, 10, 15, 20, 5] //sort()方法根据测试字符串的结果改变原来的顺序。 //因为数值 5 虽然小于 10,但在进行字符串比较时, "10"则位于"5"的前面,于是数组的顺序...原创 2018-12-21 13:58:53 · 930 阅读 · 0 评论 -
防止window.scroll多次执行调用
防止window.scroll多次执行调用在移动端网站开发过程中,经常会用到上拉加载分页数据,这是会通过监听滚动事件来实现。(在ios上滚动事件会被频繁请求)jsvar vum = new Vue({ el: "#List", data: { pageIndex:1, pageSize:10, list:[], ...原创 2018-12-07 13:36:33 · 4228 阅读 · 2 评论 -
根据数组中对象的某一属性排序
根据数组中对象的某一属性排序var newArray = [{ name: "aaa", value: 0},{ name: "ddd", value: 3},{ name: "bbb", value: 1},{ name: "eee", value: 4},{ name: "ccc", valu...原创 2018-12-19 17:53:14 · 778 阅读 · 0 评论 -
jquery比较提取两个数组不重复的元素
jquery比较提取两个数组不重复的元素1.jsvar array = [0, 1, 2, 3, 4, 'age', 6, 7, 8, 9];var array2 = [0, 1, 'age', 6, 7, 8, 9];var arr3 = [];for (key in array) { var stra = array[key]; var count = 0; ...原创 2018-05-21 10:03:29 · 8250 阅读 · 0 评论 -
js禁止浏览器后退按钮
js禁止浏览器后退按钮1.js//禁止浏览器后退按钮function BanBack(ele) { //禁止浏览器后退按钮 if (window.history && window.history.pushState) { $(window).on('popstate', function () { window.histo...原创 2018-05-22 10:40:28 · 6803 阅读 · 0 评论 -
js获取ip地址等
js获取ip地址等1.引入外部js文件http://pv.sohu.com/cityjson?ie=utf-82.调用<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script><script"> console.log(returnCitySN);</script&...原创 2019-09-05 18:57:04 · 390 阅读 · 0 评论 -
什么是Ajax以及ajax请求的步骤
什么是Ajax以及ajax请求的步骤1.Ajax是什么?Asynchronous JavaScript & XML。Ajax是web开发的一种技术。2.Ajax请求的步骤(1)创建`XMLHttpRequest`对象,也就是创建一个异步调用对象;(2)创建一个新的`HTTP`请求,并指定该`HTTP`请求的方式、`URL`及验证信息;(3)设置响应`HTTP`请求状...原创 2019-04-18 15:56:10 · 15159 阅读 · 0 评论 -
JS前端渲染大批量数据
前端渲染大批量数据这里会提出三种方法<ul></ul>1.最简单的const number = 99999;let ul = document.querySelector("ul");for (var i = 0; i < total; i++) { let li = document.createElement('li'); ...原创 2019-09-11 16:18:25 · 9075 阅读 · 2 评论 -
div模拟input/textarea实现输入文字图片
div模拟input/textarea实现输入文字图片1.css.div-edit { font-size: 15px; width: 100%; height: 40px; line-height: 20px; padding: 10px 15px; border: 1px solid #9f9f9f; border-radius: 8px; margin: 0; d...原创 2019-09-10 13:24:51 · 1373 阅读 · 0 评论 -
iframe+postMessage实现跨域通信
window方法:postMessage()该window.postMessage()方法安全地启用Window对象之间的跨源通信;例如,在页面和它产生的弹出窗口之间,或者在页面和嵌入其中的iframe之间。通常,当且仅当它们源自的页面共享相同的协议、端口号和主机(也称为“同源策略”)时,允许不同页面上的脚本相互访问。window.postMessage()提供一种受控制的机制来安全地规...原创 2019-08-22 10:57:45 · 501 阅读 · 0 评论 -
js 数组中的常用事件
js 数组中的常用事件 var oldArray = [{ name: "李晨", age: 21 }, { name: "王晓", age: 22 }, { name: "赵四", age: 23 }];目录js 数组中的常用事件1.添加2.删除...原创 2019-06-24 14:57:47 · 956 阅读 · 0 评论 -
解决js、vue、小程序对象引用的问题
解决js、vue、小程序对象引用的问题当我们在做数据处理的时候,不管是使用js、vue,或者是在小程序中,经常会碰到数据引用的问题。拿vue举例:1.在data中初始两个对象data:{ defaultObject:{ value:"123" }, newObject:"",}2.把defaultObject的内容赋值给newObje...原创 2018-12-05 18:02:21 · 1353 阅读 · 0 评论 -
前端禁止F12审查元素、禁止右键、禁止保存
前端禁止F12审查元素、禁止右键、禁止保存1.禁止F12审查元素 document.onkeydown = function() { var e = window.event || arguments[0]; if (e.keyCode == 123) { alert("F12被禁用"); return...原创 2018-11-27 15:09:28 · 5789 阅读 · 2 评论 -
video.js视频高度自适应解决方法
video.js视频高度自适应解决方法1.引入两个外部文件,或者下载到本地<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet"><script src="https://unpkg.com/video.js/dist/video.js"></script>..原创 2018-10-30 14:32:59 · 18345 阅读 · 2 评论 -
js替换全部斜杠为“-”
js替换全部斜杠为“-”1.js只是用replace("/","-")并不能替换掉字符串中的所有斜杠replace(/\//g, '-')效果:原创 2018-05-29 17:54:03 · 22134 阅读 · 1 评论 -
jquery字符串转日期
jquery字符串转日期$(function() { //字符串转日期格式,strDate要转为日期格式的字符串 function getDate(strDate) { var date = eval('new Date(' + strDate.replace(/\d+(?=-[^-]+$)/, function(a) { return parseInt(...原创 2018-05-24 10:56:55 · 22843 阅读 · 0 评论 -
js判断pc端移动端,js判断ios和Android,js判断微信浏览器
js判断pc端移动端,js判断ios和Android,js判断微信浏览器js判断pc端移动端,js判断ios和Androidvar ua = navigator.userAgent; var ipad = ua.match(/(iPad).*OS\s([\d_]+)/), isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\...原创 2018-05-22 11:09:29 · 2169 阅读 · 0 评论 -
jquery获取url最后一个斜杠前、后的内容
jquery获取url最后一个斜杠前、后的内容1.js//验证通过 汉字不解析 $(function() { // content css3 var htmlHref = window.location.href; htmlHref = htmlHref.replace(/^http:\/\/[^/]+/, ""); var addr = htmlHref.subst...原创 2018-05-22 11:02:56 · 11845 阅读 · 0 评论 -
error图片处理成默认图
error图片处理成默认图1.html<img src="" onerror="errorIcon()" height="90" />2.jsfunction errorIcon(ele) { var img = event.srcElement; img.src = "images/default.png"; img.onerror = null;}当动态图...原创 2018-05-22 10:40:48 · 2944 阅读 · 0 评论 -
js上传图片并压缩
js上传图片并压缩1.html<input type="file" name="file" onchange="showPreview(this)" /> <img id="portrait" src="" width="70" height="75">2.jsfunction showPreview(sour原创 2018-05-21 10:39:07 · 1605 阅读 · 0 评论 -
js去除字符串空格,转化为数组,并判断数组元素位置
trim()方法并不能去除字符串中间的空格,只能去除两边空格原创 2018-05-21 09:34:41 · 3493 阅读 · 0 评论 -
js计算N天后的日期并给日期自动补0
js计算N天后的日期并给日期自动补01.jsfunction date_count(date) { var date1 = new Date(); var date2 = new Date(date1); date2.setDate(date1.getDate() + parseInt(date)); var times = date2.getFullYear() ...原创 2018-05-21 09:18:44 · 1165 阅读 · 0 评论 -
js获取url传值
js获取url传值例如:https://www.baidu.com/?id=1231.方法1function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if(url.indexOf("?") != -1) { var str = url...原创 2018-05-21 09:12:24 · 2380 阅读 · 2 评论 -
js实现适配移动端的拖动效果
js实现适配移动端的拖动效果1.html<div id="div1"> <div id="div2"></div> </div>2.jsvar flag = false; var cur = { x: 0, y: 0 } var nx, ny, dx, dy, x, y; function down...原创 2018-05-18 11:25:01 · 2515 阅读 · 0 评论 -
js定时弹框,循环调用
js定时器弹框,自动计时1.jsfunction getTime() { var myDate = new Date(); var h = myDate.getHours(); var m = myDate.getMinutes(); var myTime = ""; if(h < 10) myTime += "0"; myTime += h + ":"; ...原创 2018-06-06 13:54:49 · 2122 阅读 · 0 评论 -
weui 多列选择器实现
weui 多列选择器实现,在单列选择器上多加一列,样式weui中已经实现demo:实现选择时间的两列选择器1.html<a class="weui-cell weui-cell_access font14" href="javascript:;" onclick="ShowTimePicker()"> <div class="weui-cell__hd">原创 2018-06-21 09:18:03 · 10517 阅读 · 1 评论 -
js遍历26个字母
js遍历26个字母1.jsfor (var i = 0; i < 26; i++) { console.log(String.fromCharCode((65 + i))); }效果:原创 2018-06-22 17:52:48 · 8565 阅读 · 0 评论