javascript
关注
分享
扫一扫
snow zhao
这个作者很懒，什么都没留下…
展开
-
GreasyMonkey脚本学习笔记
Hello world// ==UserScript==// @name Pig // @namespace Violentmonkey Scripts// @match *://*/*// @grant none// @version 1.0// @author Snow Zhao// @description say Hello world!// ==/UserScript==alert("Hello world!");原创 2020-12-24 13:37:23 · 2075 阅读 · 2 评论 -
Javascript学习笔记（十二）——最佳实践
最佳实践可维护性可理解性直观性可适应性可拓展性可调试性注释命名变量类型透明因为Javascript中变量是松散类型的，所以要合适的表示变量数据类型避免将Javascript与HTML和CSS耦合过于紧密APIrequestAnimationFrame()function updateProgress(){ var div = document.getElementById("status"); div.style.width = (parseInt(div.s原创 2020-09-01 08:45:21 · 299 阅读 · 0 评论 -
Javascript学习笔记（十一）——高级技巧
高级技巧高级函数安全的类型检测alert(Object.prototype.toString.call(value))惰性载入函数避免对浏览器支持能力的多次判断函数绑定let handler = { message: "Event handled", handleClick: function (event) { alert(this.message); }}let btn = document.getElementsByTagName("inpu原创 2020-09-01 08:43:50 · 675 阅读 · 0 评论 -
Javascript学习笔记（十）——Ajax与Comet
Ajax与CometAjax技术的核心是XMLHttpRequest对象（简称XHR）XMLHttpRequest对象新建XMLHttpRequest对象let xhr = new XMLHttpRequest();XHR的用法使用XHR 对象要调用open()方法，它接受3 个参数：要发送的请求的类型（“get”、"post"等）、请求的URL 和表示是否异步发送请求的布尔值xhr.open("get", "example.php", false);调用open()方法并不会真正发送请原创 2020-09-01 08:41:59 · 250 阅读 · 0 评论 -
Javascript学习笔记（九）——Javascript与XML
Javascript与XML浏览器对XML DOM的支持DOM2级核心创建一个新的、文档元素为<root>的XML文档： let xmldom = document.implementation.createDocument("", "root", null); alert(xmldom.documentElement.tagName); let child = xmldom.createElement("child"); xmldom.document原创 2020-09-01 08:40:10 · 406 阅读 · 0 评论 -
Javascript学习笔记（八）——HTML5脚本编程
HTML5脚本编程跨文档消息传递简称XDM。核心是postMessage()方法，接收两个参数：一条消息和一个表示消息接收方来自哪个域的字符串let iframeWindow = document.getElementById("myframe").contentWindow;iframeWindow.postMessage("A secret", "http://www.wrox.com");收到XDM消息时，会触发window对象的message事件，传递给onmessage处理程序的事件对原创 2020-09-01 08:37:49 · 358 阅读 · 0 评论 -
Javascript学习笔记（详）（七）——Canvas绘图
使用Canvas绘图基本用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas</title></head><body><canvas id="drawing" width="200" height="200">A drawing of something.</canv原创 2020-08-31 08:43:57 · 552 阅读 · 0 评论 -
Javascript学习笔记（详）（六）——表单
表单脚本表单的基础知识在javascript中，表单对应的是HTMLFormElement类型，继承自HTMLELement类型。独特的属性与方法：acceptCharset：服务器能够处理的字符集；等价于HTML 中的accept-charset 特性。action：接受请求的URL；等价于HTML 中的action 特性。elements：表单中所有控件的集合（HTMLCollection）。enctype：请求的编码类型；等价于HTML 中的enctype 特性。length：表单中控原创 2020-08-03 01:10:09 · 517 阅读 · 0 评论 -
Javascript学习笔记（详）（五）——DOM拓展与事件
DOM扩展选择符API核心方法：querySelector()和querySelectorAll()querySelector()方法：接收一个CSS选择符，返回与该模式匹配的第一个元素//取得body元素var body = document.querySelector("body");//取得ID为"myDiv"的元素var myDiv = document.querySelector("#myDiv");//取得类为"selected"的第一个元素var selected原创 2020-08-03 01:04:41 · 287 阅读 · 0 评论 -
Javascript学习笔记（详）（四）——DOM
DOMNode类型javascript中所有节点类型都继承自Node类型每个节点都有一个nodeType属性，表明节点类型：Node.ELEMENT_NODE(1)；Node.ATTRIBUTE_NODE(2)；Node.TEXT_NODE(3)；Node.CDATA_SECTION_NODE(4)；Node.ENTITY_REFERENCE_NODE(5)；Node.ENTITY_NODE(6)；Node.PROCESSING_INSTRUCTION_NODE(7)；Nod原创 2020-08-03 00:57:05 · 359 阅读 · 0 评论 -
Javascript学习笔记（详）（三）——函数表达式与DOM
函数表达式函数声明语法function functionName(arg0, arg1,...){ //content} function functionName(arg1) { alert(arg1); } alert(functionName.name);//functionName函数声明提升：执行代码之前会先读取函数声明函数表达式：let functionName = function(arg0, arg1, ...){ //con原创 2020-07-21 18:46:41 · 306 阅读 · 0 评论 -
Javascript学习笔记（详）（二）——面向对象的程序设计
面向对象的程序设计1. 创建对象let person = Object();person.name = "nicholas";person.job= "Software Engineer";person.age = 18;person.sayName = function (string) { alert(string + " " + this.name);}//或者let person = { name : "Nicholas", job: "Software原创 2020-07-20 10:24:53 · 203 阅读 · 0 评论 -
Javascript学习笔记（详）（一）
在HTML中使用Javascript<script>元素的六个属性：属性作用async可选。表示应该立即下载脚本charset可选。表示通过src属性指定的代码的字符集defer可选。表示脚本可以延迟到文档被完全解析和显示后再执行language已废弃。src可选。表示包含要执行代码的外部文件type可选。表示编写代码使用的脚本语言的内容类型<script> function sayHi() {原创 2020-07-20 08:50:21 · 177 阅读 · 0 评论