大前端-javascript
天空影
此生多磨难,此身越重洋
展开
-
IE下GET请求,url和参数相同的话,将不会重复发起请求
发现问题在做兼容ie11兼容得时候发现修改了数据但是返回回来的数据还是上一次的,跟chrome表现差太多了。后面上网查找资料发现:IE浏览器下使用GET发送请求时,如果两次请求的地址和参数相同,在不刷新页面的情况下,浏览器会缓存第一次请求的内容,服务端更新后浏览器仍然显示第一次的内容。解决1、在接口后面加个时间戳例:$.get('/mgmt/getWan.do?t='+ new Date...原创 2019-10-21 10:43:32 · 685 阅读 · 0 评论 -
原生cookie的封装
cookie的封装使用 设置、读取、删除原创 2017-12-27 20:39:20 · 529 阅读 · 0 评论 -
无缝轮播(二)
上一篇:无缝轮播(一)哎,其实早就做出来了,但是这几天一直在玩绝地求生手游版,结果就一直没拿出时间来写这篇进阶版(姑且算是进阶吧)。 先放效果吧:这里最主要就是加了下面小圆点和定时器功能<ul class="carousel_index"> <!-- 其实这里的都应该用js动态生成 因为不确定轮播的个数 可以根据下方信息的itemNum来生成 li ...原创 2018-03-21 16:18:04 · 350 阅读 · 0 评论 -
js获取css属性值
因为之前用惯了jq来获取和设置css属性,然后在做demo不使用jq的情况下,竟然在这一点上碰到了问题,然后就自个搜了搜为什么,在查看了很多文档和博客之后才终于搞明白了。<style>.box{ width:200px; height:200px; border:1px solid red; text-align: center;}</s...原创 2018-03-21 16:40:59 · 21705 阅读 · 1 评论 -
递归遍历树
其实就是业务驱动成长,因为昨天给的一个接口是涉及多级架构的,也就是一级结构下面可以有多个二级架构,二级下面还可以有多个三级,因为不能确定下面到底有多少级,而又需要把所有组织遍历出来放在表格中展示。类似这种:{ "retCode": "0", "orgList": [{ "orgCode": "000-0000-00000002026500",...原创 2018-04-10 10:20:10 · 250 阅读 · 0 评论 -
js获取当前地址栏参数
URL:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成:scheme://host:port/path?query#fragment scheme:通信协议常用的http,ftp,maito等host:主机服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port:端口号整数,可选,省略时使用方...原创 2018-04-03 16:26:09 · 556 阅读 · 0 评论 -
javascript事件冒泡和事件捕获
定义冒泡:作用于子元素上的事件会一级一级向上传递,类似于冒泡的形式。 捕获:作用于父元素的事件会一级一级向下传递到最终的子元素。使用方法EventTarget.addEventListener()语法:element.addEventListener(event, function, useCapture)//event:click,mousedown,mouseup,...原创 2018-04-24 10:50:26 · 326 阅读 · 0 评论 -
javascript深入浅出——this
转载作者:sunshine小小倩 链接:this、apply、call、bind 来源:掘金this 的指向在 ES5 中,其实 this 的指向,始终坚持一个原理:this 永远指向最后调用它的那个对象,来,跟着我朗读三遍:this 永远指向最后调用它的那个对象,this 永远指向最后调用它的那个对象,this 永远指向最后调用它的那个对象。记住这句话,this 你已经了解一半了...转载 2018-04-24 14:39:36 · 374 阅读 · 0 评论 -
网页屏蔽f12、右键菜单等操作(防小白而已)
1、屏蔽f12document.onkeydown = function(){ if(window.event && window.event.keyCode == 123) { alert("F12被禁用"); event.keyCode=0; event.returnValue=false; } if(...原创 2018-05-17 09:53:44 · 4432 阅读 · 0 评论 -
zTree(二)树状图下拉框
需求添加、修改终端需要选择组织,组织是多级架构(树状图显示)。思路1、因为下拉框需要树状图显示,所以排除使用select做下拉框,改用input 模拟下拉框 2、树状图采用zTree插件开工1、布局&amp;lt;script src=&quot;https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js&quot;&amp;gt;&amp;lt;/script原创 2018-05-22 11:10:20 · 14495 阅读 · 2 评论 -
ES6模板字符串不识别script标签
做项目的时候用到了ES6的模板字符串,然后我就想直接在里面写js,然后就写了<script></script>,然后在这里面写js代码,结果发现竟然报错了,然后才知道没有转义</script>这个标签,所以如果想要使用的话应该这样写`<script> //js代码<\/script>`...原创 2018-03-22 16:01:51 · 2689 阅读 · 0 评论 -
禁止滚动条滚动和移除禁止
这个东西的需求是我做的一个类轮播点击切换的时候用到的,具体是这个切换功能在底部,然后我每次点击他喵的滚动条会自己滚上去,然后我也不知道什么问题,所以就简单粗暴的用禁止滚动条滚动,等切换完成了再移除禁止。//禁止滚动条滚动function unScroll() { var top = $(document).scrollTop(); $(document).on('scroll...原创 2018-03-22 13:42:30 · 6265 阅读 · 1 评论 -
javascript深入浅出——闭包
简单的对闭包做一个理解:闭包产生是:函数内嵌套函数;闭包函数在外面被调用,访问;闭包可以访问外部的变量,但是外部的变量不能访问内部;闭包可以保持对定义时的作用域的引用,使之不被销毁,长生不老。在看闭包之前我们还需要理解作用域。作用域主要分为两种:全局变量和局部变量。全局变量&局部变量局部变量:只能用于定义它函数内部。对于其他的函数或脚本代码是不可用的。 这里定义原创 2018-01-12 13:40:41 · 875 阅读 · 0 评论 -
javascript深入浅出——原型&原型链
原型原型是js中实现继承的过程中产生的一个概念继承:指在一个对象的基础上创建新对象的过程,原型指在这过程中作为基础的对象。创建对象var o = { f:function(){ return this.a+this.b; }}var p = Object.create(o);p.a=1;p.b=2;console.log(p.f(原创 2018-01-21 14:58:23 · 815 阅读 · 0 评论 -
javascript基础(公有方法、私有方法、特权方法)
一:公有方法公有方法就是能被外部访问并调用的方法// 对象中var test1 = { name:'大白', getName:function(){ console.log(this.name); }}//调用test1.getName();//大白// 构造函数中function test2(name,age){ this.n原创 2018-01-21 20:48:33 · 2079 阅读 · 2 评论 -
获取data-*属性值
获取data-*属性值c原创 2017-12-29 14:45:41 · 50730 阅读 · 7 评论 -
js数组去重
方法一:遍历数组思路:新建一数组,遍历传入数组,若元素不在新数组中就添加到新数组中。function unique1(arr) { var newArr = []; //新建一个数组 for (var i = 0, len = arr.length; i < len; i++) { if (newArr.indexOf(arr[i]) == -1) {转载 2017-09-20 21:17:17 · 461 阅读 · 0 评论 -
字符串常用方法
字符串常用方法一:charAt() str.charAt(n)返回字符串的第 n 个字符,如果不在 0~str.length-1之间,则返回一个空字符串var str = "javascript";str.charAt(2); //'v'str.charAt(12); //''二:indexOf()indexOf(substr[,start])返回 subs原创 2018-01-27 14:13:13 · 728 阅读 · 0 评论 -
javascript中事件委托(事件代理)
转载作者:凌云之翼地址:js中的事件委托或是事件代理详解事件委托JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们讲事件委托基本上都用了同一个例子,就是取快递来解释这个现象,我仔细揣摩了一下,这个例子还真是恰当,我就不去想别的例子来解释了,借花献佛,我摘过来,大家认转载 2018-01-28 15:20:19 · 290 阅读 · 0 评论 -
无缝轮播(一)
轮播器算是前端er喜欢做的一个小demo,我也被师兄说过能不能随手写一个轮播出来,然后乘着项目可能需要一个高度自定义的轮播图,我就自己看了一下网上的说明,然后自己捣鼓了一个最简单的,只是一种思路!!思路一般是定义一个可视窗口作为轮播主体,然后在定义一个轮播内容,这个内容是轮播主体宽度的n倍开工HTML<div class="carousel_warp...原创 2018-03-08 15:09:18 · 293 阅读 · 0 评论 -
百度音乐api
转载:http://67zixue.com/home/article/detail/id/22.html百度音乐全接口 会利用使用接口找歌简单又快捷http://tingapi.ting.baidu.com/v1/restserver/ting?获取方式:GET参数:format=json或xml&calback=&from=webapp_music&...转载 2018-03-09 14:18:08 · 429 阅读 · 0 评论 -
ajax加载html文件
受到单页面应用的触发,想着传统的jquery能不能实现这样一个应用,然后在ajax这里发现了新大陆(请原谅我的无知)分析加载一个html的话是可以分为加载其中某个块(div)和加载整个页面,而不管加载其中任何一种都是需要本页面的一个块(div)来进行加载展示。加载的方法可以是$(ajax{}) 方法也可以是 $('#div').load() 方法,下面为大家演示一下实操in...原创 2018-06-06 10:42:23 · 32841 阅读 · 16 评论 -
sort()根据对象值排序
一:根据对象值(数字大小)var arr = [{ 'name': 'abc', 'age': 20 }, { 'name': 'cde', 'age': 19 }, { 'name': 'dfc', 'age': 25 }, { '...原创 2018-07-26 11:27:00 · 5750 阅读 · 0 评论 -
前端路由实现(history)
了解HTML5 history新增了两个API:history.pushState和history.replaceState两个API都接收三个参数:状态对象(state object):一个JavaScript对象,与用pushState()方法创建的新历史记录条目关联。无论何时用户导航到新创建的状态,popstate事件都会被触发,并且事件对象的state属性都包含历史记录条目的...原创 2018-06-07 17:34:10 · 11671 阅读 · 0 评论 -
jQuery对象和DOM对象的相互转换
jQuery对象和DOM对象的相互转换原创 2017-10-01 22:36:32 · 331 阅读 · 0 评论 -
apply()和call()的简单使用
介绍JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法语法:/*apply()方法*/function.apply(thisObj[, argArray])/*call()方法*/function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);定义apply:调用一个对象的一个方法,用另一...原创 2018-10-24 13:59:20 · 463 阅读 · 0 评论 -
自定义绑定右键事件显示菜单
布局<ul style="display:none" id="contextMenu" class="contextMenu"> <li> <i class="icon icon-term-call"></i> <span>呼叫</span> &原创 2018-11-29 17:42:26 · 1185 阅读 · 0 评论 -
前端上传文件修改文件名
在change事件中写//第二个参数必须要加new Date().getTime()才能实时读写var file = new File([files[0]], new Date().getTime() + "_pic.jpg", { type: files[0].type});原创 2018-12-12 14:26:12 · 10775 阅读 · 0 评论 -
removeEventListener解绑不了使用了bind()事件
这个算是我在偶尔中发现的一个问题,因为最近都喜欢使用class来写,所以这个里面的this感觉乱飞,最近就因为一个绑定事件让我搞不懂,我这里就写了一个简单的demo来表示html<button onclick="add()">绑定事件</button><button onclick="removeEvent()">解绑事件</button>...原创 2018-12-13 18:20:46 · 1958 阅读 · 1 评论 -
获取当前月的总天数
简单记录一下dateObject.setMonth(month,day)month:一个表示月份的数值,该值介于 0(一月) ~ 11(十二月) 之间。day:一个表示月的某一天的数值,该值介于 1 ~ 31 之间(以本地时间计)设置month按照实际月份设置的时候其实是往前加了一个月。设置day为0其实是设置为了上一个月的最后一天所以一加一减下来就相当于是设置为当前月份的最后一天...原创 2018-12-24 16:09:06 · 2403 阅读 · 0 评论 -
axios下载excel(后台返回文件流)
因为公司安全系统策略问题,以后的博客基本会以代码为主,就很难详细的一个一个步骤讲解了(或者说是我碰到问题后思考解决问题的思路),因为太难还原步骤了。axios配合后台接口返回文件流下载excel(因为我项目是excel)文件,这里也可以使用post请求,我写get请求只是因为我项目是get请求//url:api地址//params:参数axios.get(url, params, {...原创 2019-05-07 17:41:42 · 8914 阅读 · 4 评论 -
js循环处理 async await
需求因为最近的项目上有一个显示历史记录的需求,然后因为其中的创建人等都需要通过接口去获取具体的数据,这就造成了我需要循环遍历历史记录并同时处理其中的字段显示问题。思路我在网上看到的一些对于循环处理async await的方法是这样的let list = [1,2,3,4,5,6]function fun(item){ //这里其实是调用接口,所以时间完全无法把握 return...原创 2019-05-27 17:54:02 · 4461 阅读 · 0 评论 -
websocket(二)消息发送后回调
基于 websocket使用需求例:发送登录请求后及时获取返回值,然后根据返回值处理接下来的事件,类似http请求,不过需求是要用websocket做到这一点。思考我们在websocket 介绍上能够充分认知到websocket的所有回调函数都是异步执行的,也就是说我发送send(msg)之后我要读取信息是在onmessage()里面读取,这显然不符合我们的要求。解决dispatch....原创 2018-10-17 16:00:38 · 25805 阅读 · 0 评论 -
地图经纬度坐标相互转换度分秒
经纬度坐标转换度分秒function changeToDFM(du) { const arr1 = du.split(&amp;amp;quot;.&amp;amp;quot;); const d = arr1[0]; let tp = &amp;amp;quot;0.&amp;amp;quot; + arr1[1] tp = String(tp * 60); //这里进行了强制类型转换 const a原创 2018-10-19 14:11:54 · 9174 阅读 · 0 评论 -
websocket(一)封装使用
介绍WebSocket用于在Web浏览器和服务器之间进行任意的双向数据传输的一种技术。WebSocket协议基于TCP协议实现,包含初始的握手过程,以及后续的多次数据帧双向传输过程。其目的是在WebSocket应用和WebSocket服务器进行频繁双向通信时,可以使服务器避免打开多个HTTP连接进行工作来节约资源,提高了工作效率和资源利用率。API介绍构造函数WebSocket(url, ...原创 2018-10-16 14:39:30 · 17166 阅读 · 16 评论 -
做一个后台管理系统tab标签功能
前言因为以前会经常在一些后台系统中看到这种tab功能,如下:(随便截得一个图) 刚好我也想做点东西,我就想着自己能不能写出来,项目地址在后面需求分析1、技术因为我一开始是自己查的资料,然后很多资料都指向jquery ui,但是因为是自己造一个,所以我就看了一下他的写法。2、功能1、左边点击新增页面和tab标签(不能重复添加) 2、tab标签过多会自动隐藏并且左侧...原创 2018-07-17 17:53:05 · 13141 阅读 · 3 评论 -
json导出excel(条数受限)
写在前面:因为是后台系统,所有有很多页面都是记录表格,然后想提供一个导出excel的功能,前期实验了bootstrap-table-export和tableExport,但是这些都只能导出本页数据(因为是服务器分页),然后就跟后台讨论了两种实现方式。第一种是我发送请求后由后台生成excel再让我下载,第二种是我发送请求后给我json数据,我来生成excel并下载。第一种的缺点就是后台不知道什么时候...原创 2018-07-05 14:22:28 · 1843 阅读 · 3 评论 -
formData上传文件并显示进度
jq封装的xhrfunction upgrade() { var file = $('.file')[0].files[0]; var formdata = document.getElementById("upgrade"); var formData = new FormData(formdata); // console.log(formData, fil...原创 2018-07-19 15:50:58 · 2299 阅读 · 0 评论 -
a标签绑定页面跳转事件不生效
原因: a标签的href跳转会执行在window.location.href设置的跳转之前解决:window.event.returnValue=falsewindow.location.href = ip + 'html/pub/login.html'原创 2018-07-21 14:54:56 · 1851 阅读 · 0 评论 -
addEventListener绑定带参函数
因为以前一直使用的jquery,然后刚刚在使用原生dom绑定带参的时候出现了一些问题。初始代码片段<button class="addEvent">绑定事件</button><script> const addEvent = document.querySelector('.addEvent') addEvent.addEventLi...原创 2018-09-13 16:53:04 · 2801 阅读 · 0 评论