JavaScript
dadeity
这个作者很懒,什么都没留下…
展开
-
源生JS 对Cookie 读取、设置、清除
封装 Cookie 方法 /** * 设置Cookie * @param cname * @param cvalue * @param exdays */ function setCookie(cname,cvalue,exdays){ var d = new Date(); d.setTime(d.getTime()+(exdays*24*60*60*1000)); var expires = "e原创 2020-06-16 16:10:29 · 256 阅读 · 0 评论 -
getElementsByClassName()获取元素后onclick事件无效解决办法
问题描述今天使用源生js实现 点击按钮关闭对应div功能(有多个按钮,相同class名),出现onclick无效情况。问题原因使用getElementById获取元素的结果是:当前元素使用getElementsByClassName获取元素的结果是:相同class名元素数组。解决办法 var div = document.getElementById("div"); console.log("getElementById: "); console.log(div);原创 2020-05-15 17:01:42 · 8861 阅读 · 0 评论 -
JS 捕获浏览器焦点事件
方法一监听 window.onfocus() 和window.onblur()事件实现当前窗口得到焦点window.onfocus = function() { // 开始计时或者播放};当窗口失去焦点window.onblur = function() { //停止计时或者播放};缺点由于是判断焦点,如果是在当前页面上铺上一个小窗口,那当前页面就暂停了...原创 2020-01-06 09:58:55 · 5193 阅读 · 0 评论 -
Vue-cli3.0搭建如何搭建项目
Vue-cli3.0搭建如何搭建项目Vue Cli 介绍环境准备1.1 安装Node.js1.2 nrm安装及npm registry设置1.3 安装yarn1.4 安装vue-cli 3.0vue-cli搭建脚本文件2.1选择 Manually select features2.2. 选择项目需要的一些特性(此处我们选择需要Babel编译、使用Vue路由、Vue状态管理器、CSS预处理...原创 2019-11-28 19:58:58 · 765 阅读 · 0 评论 -
json对象和json字符串之间的转换
文章目录1 JSON类型1.1 对象1.2 字符串2 转换函数2.1 JSON.parse()2.2 JSON.stringify()3 JSON对象 <一> JSON字符串3.1 JSON对象 一> JSON字符串3.2 JSON字符串 一> JSON对象1 JSON类型1.1 对象codevar jsonObj = {"name": "jeck", "age...原创 2019-07-18 10:08:53 · 265 阅读 · 3 评论 -
5 种JavaScript编码规范
文章目录什么是编码规范我们为什么需要编码规范编码规范Airbnb JavaScript Style GuideGoogle JavaScript Style GuideIdiomatic JavaScript Style GuideJavaScript Standard Style GuidejQuery JavaScript Style Guide什么是编码规范编码规范就是指导如何编写和组...转载 2019-08-23 17:21:58 · 369 阅读 · 0 评论 -
iframe嵌套网页使用window.postMessage()跨域通信
文章目录1. 什么是跨域2. postMessage()语法3. demo3.1 子窗口 一> 父窗口传递信息3.2 父窗口 一> 子窗口传递信息1. 什么是跨域跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器施加的安全限制。所谓同源是指相同的域名、协议和端口,只要其中一项不同就为跨域。举几个例子:地址1地址2协议域名端口...原创 2019-09-05 16:53:32 · 1285 阅读 · 0 评论 -
Promise
Promise是什么?主要用于异步计算可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果可以在对象之间传递和操作promise,帮助我们处理队列Promise 基本用法我们定义了三个方法 runAsync1 runAsync2 runAsync3例如,我们现在的需求是,调用 runAsync1(),使用返回的值当做参数调用runAsync2(),使用返回的值当做参数调用...原创 2019-09-06 17:52:50 · 142 阅读 · 0 评论 -
iframe src 加载失败
问题描述网址在浏览器可以直接打开。http://aaa.com/index.html 页面 iframe src 里面,无法加载,并且控制台抛出如下错误:Refused to display “http://testing.avg.163.com/embedGamePlayer” in a frame because an ancestor violates the following...原创 2019-09-11 17:31:32 · 6840 阅读 · 0 评论 -
Chrome 调试工具【DevTools】详解
前言2 认识DevTools3 Source面板 3.1 资源区 3.2 工作区 3.3 控制区4 调试小技巧 4.1 格式化调试代码 4.2 设置Blackbox 4.2.1 开始配置 4.2.2 查看效果5 参考文档认识DevTools选项卡【Elements】 元素面板,查看Web页面的HTML与CSS,最重要的是可以双击元素,对当前页面进行修改【Consol...原创 2019-06-25 20:40:45 · 5658 阅读 · 1 评论 -
JS的底层原理
JS 的底层运行原理每调用一个函数就会生成一个执行环境(俗称执行上下文),执行上下文环境数量没有限制每调用一个函数就会生成一个执行环境(俗称执行上下文),执行上下文环境数量没有限制单线程同步执行,只有栈顶的上下文处于执行中,其他上下文需要等待每次某个函数被调用,就会有个新的执行上下文为其创建,即使是调用的自身函数,也是如此。...原创 2019-06-25 20:03:01 · 12336 阅读 · 0 评论 -
HTML中屏蔽Enter键
HTML直接在HTML中加入脚本<input "if(event.keyCode==13){event.keyCode=0;event.returnValue=false;}">JavaScript在JavaScript中建立函数<body><input type="text" "kDown()"></body></html&...原创 2019-04-15 16:26:00 · 1849 阅读 · 0 评论 -
JavaScrip刷新页面的方法
JavaScrip刷新页面的方法文章目录JavaScrip刷新页面的方法1、history.go(0)2、location.reload()3、location=location4、location.assign(location)5、location.replace(location)1、history.go(0)go() 方法可加载历史列表中的某个具体的页面。语法history....原创 2018-09-26 16:49:49 · 330 阅读 · 0 评论 -
JS 判断数组是否包含某个元素方法集合
JS 判断数组是否包含某个元素方法集合文章目录JS 判断数组是否包含某个元素方法集合1、JavaScript indexOf() 方法2、jQuery.inArray()方法3、JavaScript find() 方法4、JavaScript findIndex() 方法5、for 循环和 if 判断1、JavaScript indexOf() 方法定义和用法indexOf() 方法可返...原创 2018-10-16 15:52:44 · 15680 阅读 · 0 评论 -
JavaScript 最简单实现隐藏和显示元素
JavaScript 最简单实现隐藏和显示元素通过按钮点击实现的隐藏与显示HTML代码&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;title&amp;amp;gt;js 显示/隐原创 2018-10-19 14:28:31 · 2286 阅读 · 0 评论 -
JavaScript 鼠标事件
鼠标事件事件描述mousedown鼠标按钮被按下(左键或者右键)时触发。不能通过键盘触发。mouseup鼠标按钮被释放弹起时触发。不能通过键盘触发。click单击鼠标左键或者按下回车键时触发。这点对确保易访问性很重要,意味着onclick事件处理程序既可以通过键盘也可以通过鼠标执行。dblclick双击鼠标左键时触发。mouseover鼠标移...原创 2018-11-15 16:54:23 · 2190 阅读 · 0 评论 -
input内容改变的触发事件
onchange定义和用法onchange 事件会在域的内容改变时发生。onchange 事件也可用于单选框与复选框改变后触发的事件。语法HTML 中:&amp;amp;amp;lt;input onchange=&amp;amp;quot;SomeJavaScriptCode&amp;amp;quot;&amp;amp;amp;gt;JavaScript 中:object.onchange=func原创 2018-11-26 10:45:41 · 30130 阅读 · 0 评论 -
js轮询及踩过的坑
背景下午四点,天气晴朗,阳光明媚,等着下班产品:我希望页面上的这个数据实时变化开发:···,可以,用那个叫着WebSocket的东西,再找一个封装好框架,如:mqtt(感觉自己好机智)产品:要开发好久开发:嗯,三天,五天,还是···产品:我希望今天上线开发:···,···,···(不能描述的语言,话说segmentfault为什么不支持表情)开发:果断选择轮询开发中<...转载 2018-12-04 11:03:53 · 4522 阅读 · 2 评论 -
Bootstrap Table表格插件的使用及数据导出
1、介绍Bootstrap Table介绍见官网:http://bootstrap-table.wenzhixin.net.cn/zh-cn/Bootstrap 中文网:http://www.bootcss.com/Bootstrap Table Demo:http://issues.wenzhixin.net.cn/bootstrap-table/index.htmlBootstrap...转载 2019-02-25 17:13:45 · 2656 阅读 · 0 评论 -
JS 触发 validate 校验方法
调用valid()方法JS代码if ($("#fromId").valid()) { console.log("校验通过")}else { return false;}注意:选中表单,直接调用valid()方法即可原创 2019-03-05 15:31:18 · 3635 阅读 · 0 评论 -
JavaScript 定时器
JavaScript 定时器文章目录JavaScript 定时器setTimeout()setInterval()取消定时器JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。setTimeout()setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后...原创 2018-09-26 15:21:21 · 740 阅读 · 0 评论