07 2022 档案
摘要：querystring 从字面上的意思来看就是查询字符串的模块，一般用于对http请求所带的数据上进行解析。总共有4个方法，每两个之间是相反的。 querystring.parse（将一个字符串反序列化为为一个对象） var querystring=require("querystring") //
阅读全文
摘要：url url就是网址，比如http://www.baidu.com/20220728/news/page1/index.html?count=20&maxid=123456#top1等等都是url。 url的组成 网址的组成：协议、域名、pathname（路径）、querystring（查询字符串
阅读全文
摘要：在之前的随笔中已经列举了一些方法，现在将对里面重要的方法进行讲解。 readFile（读取文件） 当文件夹里面有这个文件时 var fs=require("fs") //首先依旧是引入fs模块 fs.readFile(__dirname+"/src/movie.mp4",(err,data)=>{
阅读全文
摘要：全局变量 在Node.js中，有两个全局变量，分别是__dirname __filename。 __dirname 这个变量指的是当前js文件所在的目录名。 console.log(__dirname) //打印当前js所在的目录 __filename 这个变量指的是当前的目录。 console.l
阅读全文
摘要：fs模块(file system) fs模块，一个可以操作文件的模块。 fs模块的一些方法 fs.stat 读取文件检测是文件还是目录 fs.mkdir 创建目录 fs.writeFile 创建写入文件 fs.appendFile 追加文件 fs.readFile 读取文件 fs.readdir 读
阅读全文
摘要：http服务器 浏览器是http(s)的客户端,目的是连接远程的http服务器,然后服务器返回浏览器数据.浏览器接收数据解析数据之后展现出来.我们看到的外在表现就是,浏览器访问一个url,然后就得到相应的web页面. 今天就举例用node.js搭建一个简单的http服务器 搭建步骤 var http
阅读全文
摘要：Node.js Node.js是基于Chrome的V8 JavaScript引擎构建的JavaScript运行时环境,使用事件驱动的非阻塞I/O模型,它拥有全世界最大的开源库生态系统npm. 作用 node.js是一个软件,它是js的代码运行环境,可以运行js代码然后实现服务器的功能 特点 1.模块
阅读全文
摘要：要利用canvas绘画，首先要在HTML中添加canvas标签 <body> <canvas> 明天不放假！！！！！ </canvas> </body> 在JavaScript中获取节点并得到“绘制上下文”对象 var canvas = document.querySelector("canvas"
阅读全文
摘要：绘图方法 在HTML中的绘画方法有两种： 第一种利用canvas画布，这种方法基于像素，提供2D绘画函数，依赖于HTML，通过脚本绘画图案； 第二种医用SVG矢量图，主要是提供一系列图形元素，适合静态图片展示，高保证文档查看和打印的应用场景 Canvas 是H5新增的组件，就像一块幕布，可以使用脚本
阅读全文
摘要：节点 在学习DOM操作时，DOM的作用就是将网页转换为一个对象模型，而这个对象模型又被称为文档树（ducument object model）。节点就是这个模型里的最小组成单位，而节点又分为十二种。 节点的基本属性 一般来说节点至少拥有nodeType、nodeName和nodeValue这三个基本
阅读全文
摘要：事件 元素在某种状态（浏览器实现的也叫事件触发）达成时，要执行的提前设定好程序，又被称之为事件句柄 事件要素 三大事件要素：事件源、事件类型、事件处理程序（handler） 事件绑定方式 1.行内式：标签的属性值是事件，触发时执行代码，也就是在标签里面绑定事件 <div class="box" on
阅读全文
摘要：1.absolute + 负margin <style> .container { position: relative; width: 500px; height: 500px; border: 1px solid #465468; } .box { position: absolute; top
阅读全文
摘要：文档树 所谓的文档树就是整个HTML文档，学习DOM后我们可以用js对整个文档树进行操作 1.添加 var box=document.querySelector("#box") //首先先获取ID为box的节点 var box2=document.createElement("div") //创建一
阅读全文
摘要：<div id="box1">hello <div class="box2" id="box4">2</div> <div class="box2"> <div class="box3" id="box5"></div> </div> <div class="box2" id="box6">4</d
阅读全文
摘要：H5之前的方法 <div id="box1" class="box2" title="123"> <div class="box2">hello</div> <div class="box2">hello</div> <div class="box2">hello</div> <div class=
阅读全文
摘要：DOM DOM是英文document object model 的缩写，是W3C产业联盟制定的浏览器对程序员提供的对HTML文档操作的接口。 节点对象 把文档中的代码翻译成一个对象模型，在这个模型中，所有相关的标签属性注释文本等等12种数据都翻译为一种类型的对象，统称节点对象。 节点对象事项 1.只
阅读全文
摘要：ES6新增关键字let和const let 声明的变量只在 let 命令所在的代码块内有效（块级作用域、局部作用），ES6 推荐在函数中使用 let 定义变量，而非 var。 const 声明一个只读的常量，在声明时就要赋值。一旦声明，常量的值就不能改变。 （1）let命令 基本用法： //{}括起
阅读全文
摘要：ES6数组对象的方法 find() 接收⼀个函数作为筛选器，返回通过函数内部条件的第⼀个值，该⽅法不会改变原数组。相较于filter⽅法，该⽅法只执⾏到预计满⾜的第⼀个元素时就停⽌后⾯的执⾏。 findIndex() 查找数组中符合条件的元素索引，若有多个符合条件的元素，则返回第一个元素索引。 fi
阅读全文
摘要：ES5数组对象的方法 indexOf() 搜索数组中的元素，并返回它所在的位置，若不包含则返回-1。 lastIndexOf() 搜索数组中的元素，并返回它最后出现的位置，若不包含则返回-1。 join() 把数组的所有元素放入一个字符串，返回一个包含数组所有元素的字符串，各元素之间用逗号分隔开。
阅读全文
摘要：ES6 所谓的ES6指的是从2015年发布的版本之后的版本都统称为ES6，每年TC36都会发布新的规范，包括在之前版本之上新加的属性、语法等。 ES6版本的更新步骤 步骤一 ： 任何尚未提交为正式提案的讨论，想法，改变或对已有规范的补充建议都被认为是一个稻草人草案（“strawman” propos
阅读全文
摘要：什么是ES5？ ES5全称ECMAScript5，又称ECMAScript2009。 什么是ES6？ ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，于2015年06 月发版。 ES6 主要是为了解决 ES5 的先天不足，目前浏览器的 JavaScript
阅读全文
摘要：浏览器相关的知识 浏览器要渲染出网页给用户看,必须加载html编码和js脚本,渲染引擎渲染页面的UI和js执行引擎操作内存,就是浏览器的的重要组成程序:内核。 渲染引擎 简单的来说就是：就是实现了一系列渲染技术的框架。 js执行引擎 主要对JS代码进行语法、语法等分析,通过编译器将代码编译成可行的机
阅读全文
