JS
文章平均质量分 85
W_jin
间歇性踌躇满志,持续性混吃等死
展开
-
【HTTP】Request Header 和 Response Header字段详解
Request HeaderHeader 解释 示例 Accept 指定客户端能够接收的内容类型 Accept: text/plain, text/html Accept-Charset 浏览器可以接受的字符编码集。 Accept-Charset: iso-8859-5 Accept-Encoding 指定浏览器可以支持的web服务器返回内容压缩编码类型。 Accept-Encoding: compress, gzip Accept-Lan转载 2021-05-10 17:37:09 · 2028 阅读 · 0 评论 -
Event Loop 事件循环
全文:https://juejin.cn/post/6844903968292749319JS 运行机制JS 的执行是单线程的,所谓的单线程就是事件任务要排队执行,前一个任务结束,才会执行后一个任务,这就是同步任务,为了避免前一个任务执行了很长时间还没结束,那下一个任务就不能执行的情况,引入了异步任务(js 的异步事件就是依赖于事件循环机制)的概念。JS 运行机制步骤所有同步任务都在主线程上执行,形成一个执行栈(execution context stack)。 主线程之外,还存在一个.转载 2021-03-05 15:10:34 · 141 阅读 · 0 评论 -
JSON.parse() 的坑!
相信大部分人都知道或者去百度检索都会得到将js中的字符串转化成json对象常见的3种方法举例:var str = '{"name":"小明","age":18}';将字符串转化json对象:1. var json = JSON.parse(str);2. var json = eval("(" + str + ")");3. var json = (new Function...原创 2019-01-31 10:53:52 · 32510 阅读 · 0 评论 -
地理定位
1、地理位置:定位的4种方式:GPS:主要用于室外等空旷的位置移动基站Wi-Fi或蓝牙:用在室内IP 地址:进度不高,一般在几百米到几公里范围设备本身是不能定位的,需要将与位置相关的信息,如wifi,ip地址等发送到特定的服务器中,通过服务器的计算,最后将结果返回给设备,实现定位功能。地理位置是用户的隐私,只有获得用户的许可,浏览原创 2017-10-04 15:00:57 · 397 阅读 · 0 评论 -
JSONP
1、跨域:一个域名下的文件, AJAX 去请求另外一个域名下的文件就跨域了,它是由浏览器的同源策略造成的是浏览器对 JavaScript 施加的安全限制怎么看当前界面是不是属于其他网站,主要是从这几个参数看是否同源:所谓同源是指域名、协议、端口均相同(任意一个不同都属于跨域)2、JSONP 解决跨域:① JSONP:JSON with Padding /原创 2017-10-04 14:41:29 · 411 阅读 · 0 评论 -
AJAX(JSON)
1、什么是 AJAX:AJAX 是一种用于创建快速动态网页的技术(局部更新数据)传统的网页(不使用AJAX)如果需要更新内容,必须重载整个网页面AJAX 通过在后台与服务器进行少量的数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。2、AJAX的使用:(前端代码)1)请求对象的创建(做浏原创 2017-10-04 14:38:17 · 254 阅读 · 0 评论 -
JQuery
1、Jquery:Jquery是一个 js 函数库,又常常被叫做 jq 里面代码很多,但是用的时候代码很少,是目前 js 的主流框架。下载地址:两个版本,开发测试用的,实际网站用的(都一样)http://jquery.com/然后在代码里面引入后用 2、CDN(内容分发网络):不下载也可以通过CDN:内容分发网络引用(就是有的网站服务器存的有 jquery 库,原创 2017-10-04 14:28:00 · 299 阅读 · 0 评论 -
兼容性写法(部分)
1:判断用户输入事件正常浏览器 : oninput Ie 678 支持的 : onpropertychange$("txt").oninput = $("txt").onpropertychange = function(){if(this.value == ""){$("message").style.display = 'block';}原创 2017-10-04 14:24:00 · 524 阅读 · 0 评论 -
JavaScript:DOM总结
1、文档树:1)HTML DOM将HTML文档视作树结构。这种结构被称为节点树HTML文档中的所有内容都是节点:a、整个文档是一个文档节点b、每个HTML元素是元素节点c、HTML元素内的文本是文本节点d、每个HTML属性是属性节点e、注释是注释节点2)节点树中的节点彼此拥有层级关系:父(paren原创 2017-10-04 14:17:07 · 397 阅读 · 0 评论 -
JavaScript:canvas
1、canvas标签:canvas是HTML5提供的一个标签,我们可以在这个盒子区域绘画CanvasRendderingContext2D 对象给我们提供了在canvas盒子上画图的功能浏览器不支持的时候,它就像个 p 标签的功能1)线:设置宽高不要通过 css 设置,通过canvas 对象的属性来设置:获取画笔的方法原创 2017-10-04 14:11:51 · 325 阅读 · 0 评论 -
JavaScript:scroll、client、阻止冒泡
1、模拟垂直滚动条:红色盒子高度的计算公式: 容器的高度 / 内容的高度 * 容器的高度红色方块移动一像素,内容盒子移动的像素:(内容盒子高度 -容器的高度) / (容器的高度 - 红色盒子的高度)// 计算倍数(内容盒子高度 -容器的高度) / (容器的高度 - 红色盒子的高度)* 红色盒子移动的数值2、scroll家族:滚原创 2017-10-04 14:05:42 · 1131 阅读 · 0 评论 -
JavaScript:offset、event
1、网址编码:一个网址有自己的网址,不同页面也有自己的id网址,我们常常会把网址送到后台,但是后台再处理有不认识的比如换行等特殊符号。所以我们要实现编码然后再传到后台:encodeURIComponment( )函数可以把字符串作为URI组件进行编码decodeURIComponment( )函数可以把字符串作为URI组件进行解码2、操作字符串:原创 2017-09-18 22:41:45 · 464 阅读 · 0 评论 -
JavaScript:DOM(重点),封装类
1、DOM:Js是由三部分组成的: ECMAscript 、DOM 、BOMECMAscript(核心欧洲计算机制造商协会):描述了JS的语法和基本对象DOM(文档对象模型):处理网页内容的方法和接口BOM(浏览器对象模型):与浏览器交互的方法和接口DOM为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构,目的就是为了能让JS操作 htm原创 2017-09-18 22:26:55 · 574 阅读 · 0 评论 -
JavaScript:前端基本功
1、console控制台输出:2、事件:3、入口函数:window.onload = function( ) {内部方 js}4、隐藏样式:display : none; 隐藏 display:block;显示visibility :hidden;隐藏 visibility:visible;显示disp原创 2017-09-18 22:20:45 · 714 阅读 · 0 评论 -
日历,带时钟的日历
1、日历2、带时钟的日历原创 2017-09-14 22:48:09 · 561 阅读 · 0 评论 -
JavaScript:原型、闭包、JSON、错误、调试
构造函数的弊端:方法功能相同,但是却存在不同的内存空间,浪费了内存空间1、原型任何一个函数对象,都有一个 prototype 属性,指向一个对象----原型对象。原型对象是用来存放对象们共同的属性和方法。原型对象默认会有一个属性 constructor ,指向的是一个函数:任何对象都有一个属性 [[ pro原创 2017-09-14 22:40:40 · 254 阅读 · 0 评论 -
JavaScript:对象、this
1、对象:无序属性的集合,其属性可以包含基本值、对象或者函数//面向对象编程,首要任务是创建对象。创建任何对象,都需要一个模板。模板表示创建的对象应该具备什么样的基本功能和共同属性。在传统的面向对象语言中,是用 ”类“ 来当作创建对象的模板的。JS在ES6之前,都没有 ”类“的概念。JS是用 构造函数 和 原型 来当作创建对象原创 2017-09-14 22:35:10 · 251 阅读 · 0 评论 -
JavaScript:数据类型转换
1、强制类型转换(显示转换)由程序员调用方法转换全局对象中提供的类型强制转换方法:parseInt( );parseFloat( );Number( );String( );Boolean( );1)Number( );方法a、基本数据类型转换为数值:数值:转换后还是原来的值原创 2017-09-14 22:33:32 · 239 阅读 · 0 评论 -
JavaScript:Date类型、基本包装类型、内置对象
1、引用数据类型:Object类型、Function类型、Array类型、Date类型、基本包装类型、内置对象2、调用函数时:如果实际参数是引用数据类型,那么传递给形式参数的是改引用数据类型的内存地址;如果实际参数是基本数据类型,那么传递给形式参数的是这个数据的复制。(形式参数是局部变量)原创 2017-09-14 22:19:51 · 480 阅读 · 0 评论 -
JavaScript:Object类型、Function类型、Array类型
1、引用数据类型:Object类型、Function类型、Array类型、Date类型、基本包装类型、内置对象instanceof 操作符用于测试某个变量是否属于某种引用数据类型2、Object类型:(js中,任何引用数据类型都属于object)创建object类型:创建对象方式一:使用原创 2017-09-13 22:29:21 · 1904 阅读 · 0 评论 -
JavaScript:JavaScript基础语法,流程控制等
1、 javascript:javascript是主流浏览器默认的一种脚本编程语言(脚本语言);javascript是web开发的核心技术;javascript在网页开发中的作用是处理一些与用户交互相关的操作,提升用户的浏览体验。TIPs:ECMAS是javascript的一个标准。1)浏览器中完整的javascript应该包括:原创 2017-08-03 19:26:44 · 328 阅读 · 0 评论 -
JavaScript:排他思想、下拉菜单
1、判断用户输入事件(检查用户表单输入内容)正常浏览器:oninputIE 678支持:onpropertychangelable:2、反选3、排他思想:首先干掉所有人,剩下我自己 Tab栏切换:4、下拉菜单事件: onchange selectsele .原创 2017-09-18 22:36:59 · 886 阅读 · 2 评论 -
JS-splice()、slice()、substring()、substr()
一句话概括:array.slice(start, end); //从哪到哪开始删(不影响原数组) array.splice(start, length, index1, index2); //从什么位置开始,删几个?删了后插入什么新元素?string.substring(start, end); //截取从start到end(不包括)之间的字符(下标必须为正整数)string.substr(start, length); //截取从start位置开始提取length个字符slice(原创 2020-10-13 10:38:04 · 122 阅读 · 0 评论 -
JS-window.open()
window.open(url, [name], [configuration])原创 2020-10-13 10:32:18 · 147 阅读 · 0 评论 -
数组去重:[false, true, undefined, null, NaN, 0, 1, {}, {}, ‘a‘, ‘a‘, NaN]
var ary = [false, true, undefined, null, NaN, 0, 1, 1, "1", "1", {}, {}, "a", "a", NaN];1、indexOf 方法,无法识别NaNArray.prototype.uniq = function() { return this.filter(function(item, pos) { return this.indexOf(item) == pos; });};2、hasOw.转载 2020-09-02 11:17:47 · 343 阅读 · 0 评论 -
.map() .filter() .reduce()区别及用法
.map()对数组的每个元素都遍历一次,同时返回一个新的值。记住一点是返回的这个数据的长度和原始数组长度是一致的。例:收到一组包含多个对象的数组,每个对象是一个 person。最终你只希望得到一个只包含 id 的数组。var officers = [ { id: 20, name: 'Captain Piett' }, { id: 24, name: 'General Veers' }, { id: 56, name: 'Admiral Ozzel' }, { id: 88,转载 2020-09-01 14:14:05 · 833 阅读 · 0 评论