js
蚁族的奋斗1
幸福是需要奋斗的,而奋斗本身也是一种幸福
展开
-
top 和 window.top, iframe 默认高度
在嵌套iframe的页面中,每个iframe 都是一个 window (因为firame的 src 地址就是一个html页面)其中top 和 window.top 都是一样的,都是指向最顶层的window原创 2020-06-04 13:11:48 · 1406 阅读 · 0 评论 -
Chrome报错系列01:Unchecked runtime.lastError: The message port closed before a response was received
转载 2020-06-04 12:56:26 · 894 阅读 · 1 评论 -
正则的方法如何区分谁在前面
有时候在写正则的时候总是会忘记谁在前面,其实这个简单呐正则的方法:1. test 2.exec字符串的方法 :1. replace 2.match 3. search 4.原创 2020-06-03 10:41:15 · 158 阅读 · 0 评论 -
跨域的几种方式
1. jsop 利用javascipt 标签队进行请求2. cors 跨域资源共享,一般需要后台对请求头进行配置,前端如何在在请求头上传递一些东西,也需要后台进行配置。如果是非简单请求会发送两遍,第一遍进行预检3. 代理,跨域限制针对的是浏览器,但是对服务起是没有限制的,前端可以用node最为同域服务器,由node代为请求跨域的接口,axios 在服务端 node 也是可以使用的...原创 2020-06-03 10:35:45 · 140 阅读 · 0 评论 -
fetch 和 axios
fetch 是 js 原生的,可以直接使用,但是兼容行较差,可以对请求进行拦截,但是使用起来也比较方便,rn官方推荐,但是不支持文件上传axios 需要下载安装,但是更为强大,可以对request和repo你色的做拦截,而且可以在服务端使用,所以也可以用作代理来跨域,因为跨域针对的是浏览器,在服务器没有限制,所以可以用node 作为服务器,请求node 的接口,由node 在用axios 进行代理转发到其他跨域的服务器...原创 2020-06-03 10:30:20 · 198 阅读 · 0 评论 -
类数组变为真数组的几种方式
let str="sff";let arr=[...str]console.log(arr) //第一种方式 ["s", "f", "f"]console.log(Array.from(str)) //第二种方式 ["s", "f", "f"]原创 2020-06-01 16:05:59 · 116 阅读 · 0 评论 -
不要使用eval
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/eval官方的文档转载 2020-05-29 16:56:44 · 124 阅读 · 0 评论 -
onload 和 DOMContentLoaded 的区别
DOM完整的解析过程:解析HTML结构。 加载外部脚本和样式表文件。 解析并执行脚本代码。//js之类的 DOM树构建完成。//DOMContentLoaded 加载图片等外部文件。 页面加载完毕。//load 在第4步的时候DOMContentLoaded事件会被触发。 在第6步的时候load事件会被触发。触发1、当 DOMContentLoaded 事件触发时,仅...原创 2020-03-19 16:15:55 · 435 阅读 · 0 评论 -
深浅拷贝和 clone(deep)
深拷贝只是拷贝了元素的引用,一个改变另外的也会改变clone() 如果不加deep 的话是浅拷贝,只是拷贝本元素,如果(deep)的话,还会拷贝后代的元素...原创 2020-03-10 15:33:28 · 399 阅读 · 0 评论 -
深浅拷贝的克隆
浅拷贝:复制引用,一个变化另外一个也会变化深拷贝:复制的不是引用clone() 只是克隆当前节点clone(true) 只是克隆当前节点和子节点原创 2020-03-09 17:58:28 · 97 阅读 · 0 评论 -
getElementById和querySelector方法的区别
<ul> <li>aaa</li> <li>ddd</li> <li>ccc</li></ul> //demo1var ul = document.getElementsByTagName('ul')[0], lis = ul.getElementsByTa...原创 2020-02-29 17:47:50 · 195 阅读 · 0 评论 -
onclick 和 click 的区别
onclick是绑定事件 (告诉浏览器在鼠标点击的时候要做什么)click是触发事件 (模拟了鼠标点击操作)原创 2020-01-03 16:17:16 · 338 阅读 · 0 评论 -
document.body 与 document.documentElement区别介绍
什么是document.body?返回html dom中的body节点 即<body>什么是document.documentElement?返回html dom中的root 节点 即<html>document.documentElement 与 document.body的应用场景获取 scrollTop 方面的差异...转载 2019-12-25 15:19:54 · 101 阅读 · 0 评论 -
移动端键盘遮挡问题
可以总结为:fix会被遮挡,有定位只顶定位元素(absolute)没有定位顶整个都顶在移动端布局,尽量不要用fixed定位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...原创 2019-12-25 10:47:40 · 165 阅读 · 0 评论 -
Content-Type的理解;
https://www.cnblogs.com/tugenhua0707/p/8975121.html转载 2019-12-21 13:38:40 · 107 阅读 · 0 评论 -
es6 兼容性问题
各大浏览器对es6的兼容性是不一样,谷歌基本支持(所以有的不需要bale来转化成es5,比如let等),ie大部分不支持 let num=1; let str=`我是数字${1}` console.log('str',str ); let obj={name:"qps",age:28} var fun=()=>{ cons...原创 2019-12-18 14:23:45 · 813 阅读 · 0 评论 -
xxx 在ie 打开的时候 报错 未定义
<body> <div class="wrap"> <div class="son" onclick="aa()">点击</div> </div> </body><script> function aa(){ let num=1 let str...原创 2019-12-17 11:47:28 · 609 阅读 · 0 评论 -
jQuery语句必须放在$(function(){});里面吗 和 onload 事件
如上面注释中说明的,js在浏览器渲染页面时是按照在文档中出现的顺序来顺序执行的。因此如果js文件在<header>部分引入,那么文件中的js代码会在dom元素渲染完毕前就执行。假设js代码中有类似$('#elementId').click(function(){...});这样的语句,那么就会因为dom没有渲染完,导致根本找不到elementId这个对象,从而导致事件绑定失败。但是...原创 2019-12-13 18:33:33 · 317 阅读 · 1 评论 -
mouseout与mouseleave区别
简单总结如下:(1).如果在A元素注册mouseleave事件,那么必须鼠标指针完全移出A元素事件才会触发。(2).如果在A元素注册mouseout事件,不但鼠标指针完全移出A元素会触发事件,鼠标指针从A元素移入它的子元素和鼠标指针从子元素移入A元素也会触发事件。所以以后再用的过程当中呢,最好是用mouseleave事件,要不会用mouseout事件会一直闪(原因2)...原创 2019-12-13 15:41:08 · 349 阅读 · 0 评论 -
js 设置元素行内样式 都是驼峰
可以打印事件对象的target ,去看style这个属性原创 2019-12-04 14:25:42 · 523 阅读 · 0 评论 -
vue 路径
1. 一般的路径http://localhost:2019/register.html2.vue 的路径http://localhost:2019/#/3. 在当前页面引入 打包后 vue ,则路经变为http://localhost:2019/register.html#/...原创 2019-11-29 10:31:04 · 231 阅读 · 0 评论 -
formData
formData.append("username", "Groucho"); formData.append("userfile", file);如果用formdata ,必须所有的数据都是formData.append 进来的,不能要不然会是下面的 request payload,formData 不能通过... 的数据,因为他打印是没有数据的,只有在...原创 2019-11-28 14:36:58 · 379 阅读 · 0 评论 -
axios 如何只请求一次
去掉请求头的认证就可以了原创 2019-11-28 09:24:03 · 821 阅读 · 0 评论 -
js中的点击事件(click)的实现方式
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>js中的点击事件(click)的实现方式</title></head><body> <!-- 第三种方式--> &...原创 2019-11-25 09:55:21 · 4384 阅读 · 0 评论 -
fetch请求两次接口问题
https://www.w3cways.com/2280.htmlhttps://segmentfault.com/q/1010000008693779原创 2019-11-21 16:41:17 · 909 阅读 · 0 评论 -
js中关于逻辑符号的连续使用问题
如图:按照正常的数学逻辑来说这个式子是不对的。 但是在js中,分成了两部分计算。第一是false 第二就变成了false<3 ,false 默认在计算的时候变为了0<3,所以最后返回true解决方法:分开写...原创 2019-11-09 15:44:59 · 223 阅读 · 0 评论 -
removeEventListener 无法清除
https://www.jianshu.com/p/0fe0b8bc186d1.removeEventListener 和addEventListener 的参数是必须致得,funciton 公用,可以提取出来2. 至少是2个参数,前面2个参数都是必填的...原创 2019-11-09 15:11:28 · 948 阅读 · 0 评论 -
import 的知识
https://blog.csdn.net/u013970232/article/details/89355321原创 2019-10-28 10:29:07 · 85 阅读 · 0 评论 -
理解JS 模块化
https://www.jianshu.com/p/8573cdcde863https://www.cnblogs.com/polk6/p/js-ES6-module.htmlmodule.exports与exports,export与export default之间的关系和区别# js 模块化规范## 最早是闭包的写法,防止变量的污染 ,多个js 用 defer 和 async...原创 2019-10-26 17:58:08 · 259 阅读 · 0 评论 -
require.js的用法-阮一峰
模块化js 的产生的原因1. js如果放在body前面会有阻塞的副作用,js加载不完,html 也是加载不出来的,除非是放在头部2.require是amd ,按需加载,相应跟快3. js模块可以重复利用,便于代码段的维护和管理https://blog.csdn.net/p312011150/article/details/83504255https://blog.csdn.net...原创 2019-10-21 18:37:26 · 298 阅读 · 0 评论 -
点击事件和失去焦点事件的顺序
描述:输入框上面有blur事件,s是,东方闪电有点击事件,如果先聚焦输入框,那么blur事件和点击事件哪个执行<body> <input type="text"> <a> s是,东方闪电 </a></body><script> let inputel=document.querySelector("i...原创 2019-10-12 09:20:10 · 1001 阅读 · 0 评论 -
jQuery中position()与offset()区别
http://www.cnblogs.com/tianguook/p/4079542.html转载 2017-06-30 14:26:44 · 218 阅读 · 0 评论 -
前端下载excel文件功能的三种方法
1 从后端接收json数据,前端处理生成excel下载JsonExportExcel的github地址:https://github.com/cuikangjie/JsonExportExcel这种方式比较适用于该数据需要能够导出下载并且同时要展现在页面的场景2 通过form表单接收文件如果后端已经处理成了excel,就不需要前端在处理生成,但是Ajax能够返回的数据格式只能为html,scrip...转载 2018-05-19 18:06:18 · 12752 阅读 · 0 评论 -
angular2 checbox 中checked 的问题
两种解决方法:1.通过双向绑定来解决2.通过dom节点来处理 在点击的时候可以获取到当前点击事件的checked的值是true还是false,所以可以通过设置或者是获取dom对象(jquery对象有问题,看如下代码,有大神能帮忙解决一下这是为啥)的checked的值来处理,let arr = $("input[name='courseGeneralType']");if(arr.l...原创 2018-07-03 14:33:16 · 1957 阅读 · 0 评论 -
js时间戳与日期格式的相互转换
时间戳是自 1970 年 1 月 1 日(00:00:00 GMT)以来的秒数。它也被称为 Unix 时间戳(Unix Timestamp)。下面总结一下js中时间戳与日期格式的相互转换:1. 将时间戳转换成日期格式:function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);...原创 2018-07-26 11:46:14 · 338 阅读 · 0 评论 -
js 创建日期对象需要注意的点
new Date()参数可以传可以不传,如果不传是当前的。如果传格式如下如果是2中记住在月的时候要 -1比如 let aaaaa=new Date('7/26/2018 10:10:10') console.log(aaaaa) 打印 Thu Jul 26 2018 10:10:10 GMT+0800 (中国标准时间) let bb...原创 2018-07-26 15:42:27 · 678 阅读 · 0 评论 -
图片上传流程
之所以这么做的原因是图片上传比较忙,所以先上传其他的东西,都上传成功之后再上传图片一般来讲是4步,调用4个接口1.本地 用fileReader 来预览图片 <form class="form-horizontal" novalidate #studentInfo="ngForm" (ngSubmit)="modifyInfo(studentInfo)"><...原创 2018-08-09 09:29:10 · 2714 阅读 · 0 评论 -
浏览器请求和ajax请求(get方法)的区别
ajax在请求的时候还会把cookie的信息携带过去,在请求头里面,还是有区别的,可能有的时候后台会根据cookie存储的角色不同,返回不一样的数据,虽然请求的接口一样,但是cookie携带的信息不一样。...原创 2018-08-13 15:19:19 · 2804 阅读 · 0 评论 -
后台jAVA 无法清楚cookie,前台退出后cookie还在,需要刷新
后台设置域名的问题:1.一开始设置域名为null2.后来清楚时候是有了本地的域名比如(172.128.10.117或者localhost)不必配,所以删除不掉最好本地开发的时候不用加域名(localhost),因为有的浏览器不识别这个域名...原创 2018-08-13 16:43:04 · 2883 阅读 · 0 评论 -
npm 向pack.json 的script 的脚本传递参数
1.参考http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html2.参考https://www.angular.cn/guide/aot-compiler3.参考https://segmentfault.com/a/11900000076841564参考http://www.ruanyifeng.com/blog/2016/10/npm_...转载 2018-09-14 15:18:00 · 6458 阅读 · 1 评论