随笔分类 -  Javascript

摘要:ajax /** * Created by kjf on 2019-03-25. * * axios.request(config) axios.get(url[, config]) axios.post(url[, data[, config]]) axios.delete(url[, confi 阅读全文
posted @ 2019-06-06 09:45 耶梦加德 阅读(1756) 评论(0) 推荐(0)
摘要:TypeScript 包含的数据类型如下 0. void 类型 用于定义函数时,表示函数没有返回任何类型 function run(): void { console.log('Run Run Run!'); } 1. Any 类型 声明为 any 的变量可以赋予任意类型的值。 任意值 是 Type 阅读全文
posted @ 2019-06-03 15:21 耶梦加德 阅读(217) 评论(0) 推荐(0)
摘要:目录点这里 ts0715 仓库 git 代码 概论 TypeScript 是由微软开发的一款开源的编程语言 TypeScript 是 Javascript 的超集, 扩展了 JavaScript的语法,遵循最新的 ES6、Es5 规范。 推广: 谷歌的 angular2.x+ 就是基于 Typesc 阅读全文
posted @ 2019-06-03 13:52 耶梦加德 阅读(360) 评论(0) 推荐(0)
摘要:1. 对于高 index 元素的隐藏 与 显示 export const hideIndexEle = (cssStr)=>{ const player = getElementsByCss(cssStr)[0] if(player){ player.style.position = 'relati 阅读全文
posted @ 2019-04-25 14:38 耶梦加德 阅读(2140) 评论(0) 推荐(0)
摘要:GET 用于请求服务器数据 POST 用于上传数据到服务器,或者修改服务器数据 ajax 异步通信,实现页面的局部刷新,按需获取数据,节约带宽,带来更好的用户体验 客户端与服务器在不必刷新浏览器的情况下,与服务器进行异步通讯的技术 与后台进行 HTTP 通信,无需刷新整体页面, 而只是根据自己的需求 阅读全文
posted @ 2019-03-02 16:24 耶梦加德 阅读(302) 评论(0) 推荐(0)
摘要:相关基础知识点 // 可以让 任意函数/方法 成功临时指定成对象的方法进行调用 - call/apply // 1. 根据伪数组生成 真数组 const lis = document.getElementsByTagName("li"); const arr = [].slice.call(lis) 阅读全文
posted @ 2019-02-19 16:59 耶梦加德 阅读(450) 评论(0) 推荐(0)
摘要:当前窗口的浏览历史 window.history 对象 保存了当前窗口访问过的所有页面网址 由于安全原因,浏览器不允许脚本读取这些地址,但是允许在地址之间导航 history.back() 相当于 history.go(-1) 浏览器工具栏的 “前进” 和 “后退” 按钮,其实就是对 History 阅读全文
posted @ 2019-01-24 23:06 耶梦加德 阅读(422) 评论(0) 推荐(0)
摘要:Storage 接口 用于脚本在浏览器保存数据。 保存的数据都以“键值对”的形式存在。也就是说,每一项数据都有一个键名和对应的值。 所有的数据都是以文本格式保存 受同域限制 某个网页存入的数据,只有同域下的网页才能读取,如果跨域操作会报错 只有一个属性: Storage.length 返回保存的数据 阅读全文
posted @ 2019-01-24 17:26 耶梦加德 阅读(413) 评论(0) 推荐(0)
摘要:“同源政策”(same-origin policy) 浏览器安全的基石 协议相同 域名相同 端口相同 1995年,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行这个政策 A 网页设置的 Cookie,B 网页不能打开,除非这两个网页“同源” 浏览器同时还规定,提交表单不受同源政 阅读全文
posted @ 2019-01-21 21:31 耶梦加德 阅读(244) 评论(0) 推荐(0)
摘要:puppeteer 借助 puppeteer 库实现爬虫,puppeteer 提供了高级 api 接口来操作 chrome 来 npm install puppeteer --save-dev // 下载到开发依赖 很大 业务逻辑: 1. 打开浏览器网页 2. 新建标签页 3. 跳转到指定网址 4. 阅读全文
posted @ 2018-12-29 14:52 耶梦加德 阅读(766) 评论(0) 推荐(0)
摘要:AJAX Asynchronous JavaScript And XML 通过 AJAX 可以在 浏览器中向 服务器 发送异步请求 一种 使用现有标准的 新方法,而非新语言 XML 可扩展标记语言 被设计用来传输和存储数据 被 JSON 替代,JSON 内容更少,解析更方便 和 HTML 类似,不同 阅读全文
posted @ 2018-12-24 16:18 耶梦加德 阅读(412) 评论(0) 推荐(0)
摘要:XMLHttpRequest 对象 浏览器与服务器之间,采用 HTTP 协议 通信。 用户在浏览器地址栏键入一个网址,或者通过网页表单向服务器提交内容,这时浏览器就会向服务器发出 HTTP 请求 AJAX 2005.02 提出的概念 Asynchronous JavaScript and XML 通 阅读全文
posted @ 2018-12-24 11:47 耶梦加德 阅读(275) 评论(0) 推荐(0)
摘要:window.navigator 对象 包含浏览器和系统信息的 Navigator 对象。 通过这个属性 了解用户的环境信息 window.navigator.userAgent 返回浏览器的 User Agent 字符串,表示浏览器的厂商和版本信息 用户可以改变这个字符串。 这个字符串的格式并无统 阅读全文
posted @ 2018-12-23 20:39 耶梦加德 阅读(543) 评论(0) 推荐(0)
摘要:拖拉事件 拖拉 drag ,是指用户在某个对象上按下鼠标键不放,拖动它到另一个位置,然后释放鼠标键,将该对象放在那里。 一旦某个元素节点的 draggable 属性设为true,就无法再用鼠标选中该节点内部的 文字 或 子节点 了 拖拉的对象: 除了 元素节点 默认不可以拖拉,其他(图片、链接、选中 阅读全文
posted @ 2018-12-13 17:50 耶梦加德 阅读(144) 评论(0) 推荐(0)
摘要:触摸事件 只有触摸屏才会引发这一类事件 触摸事件 和 鼠标事件 同时触发,即使这个时候并没有用到鼠标。 这是为了让那些只定义鼠标事件、没有定义触摸事件的代码,在触摸屏的情况下仍然能用。 如果想避免这种情况,可以用 event.preventDefault 方法阻止发出鼠标事件 Touch 一个触摸点 阅读全文
posted @ 2018-12-13 14:08 耶梦加德 阅读(199) 评论(0) 推荐(0)
摘要:表单事件 input 事件 select 事件 change 事件 invalid 事件 reset 事件 submit 事件 input 事件 <input>、<select>、<textarea>的值发生变化时触发 对于 复选框(<input type=checkbox>)或单选框(<input 阅读全文
posted @ 2018-12-12 21:28 耶梦加德 阅读(307) 评论(0) 推荐(0)
摘要:进度事件 进度事件 用来描述资源加载的进度, 主要由 AJAX 请求、<img>、<audio>、<video>、<style>、<link>等外部资源的加载触发 注意,除了资源下载,文件上传也存在以下事件 abort 外部资源中止加载时(比如用户取消)触发。 如果发生错误导致中止,不会触发该事件。 阅读全文
posted @ 2018-12-11 21:30 耶梦加德 阅读(203) 评论(0) 推荐(0)
摘要:键盘事件 键盘事件由用户击打键盘触发 主要有 keydown、keyup 、keypress三个事件,它们都继承了 KeyboardEvent 接口。 keydown 按下键时 触发 keyup 松开键时 触发 keypress 按下有值的键时 触发 即按下 Ctrl、Alt、Shift、Meta 阅读全文
posted @ 2018-12-11 21:02 耶梦加德 阅读(213) 评论(0) 推荐(0)
摘要:鼠标事件 与鼠标相关的事件,继承了 MouseEvent 接口 分类: click 按下鼠标(通常是按下主按钮)时触发。 mousedown 首先触发,mouseup 接着触发,click 最后触发dblclick 在同一个元素上双击鼠标时触发。 在mousedown、mouseup、click 之 阅读全文
posted @ 2018-12-10 21:30 耶梦加德 阅读(140) 评论(0) 推荐(0)