摘要: http服务器 浏览器是http(s)的客户端,目的是连接远程的http服务器,然后服务器返回浏览器数据.浏览器接收数据解析数据之后展现出来.我们看到的外在表现就是,浏览器访问一个url,然后就得到相应的web页面. 今天就举例用node.js搭建一个简单的http服务器 搭建步骤 var http 阅读全文
posted @ 2022-07-28 00:17 前端小白银 阅读(125) 评论(0) 推荐(0)
摘要: Node.js Node.js是基于Chrome的V8 JavaScript引擎构建的JavaScript运行时环境,使用事件驱动的非阻塞I/O模型,它拥有全世界最大的开源库生态系统npm. 作用 node.js是一个软件,它是js的代码运行环境,可以运行js代码然后实现服务器的功能 特点 1.模块 阅读全文
posted @ 2022-07-27 23:47 前端小白银 阅读(615) 评论(0) 推荐(0)
摘要: 要利用canvas绘画,首先要在HTML中添加canvas标签 <body> <canvas> 明天不放假!!!!! </canvas> </body> 在JavaScript中获取节点并得到“绘制上下文”对象 var canvas = document.querySelector("canvas" 阅读全文
posted @ 2022-07-22 19:16 前端小白银 阅读(297) 评论(0) 推荐(0)
摘要: 绘图方法 在HTML中的绘画方法有两种: 第一种利用canvas画布,这种方法基于像素,提供2D绘画函数,依赖于HTML,通过脚本绘画图案; 第二种医用SVG矢量图,主要是提供一系列图形元素,适合静态图片展示,高保证文档查看和打印的应用场景 Canvas 是H5新增的组件,就像一块幕布,可以使用脚本 阅读全文
posted @ 2022-07-22 18:46 前端小白银 阅读(192) 评论(0) 推荐(0)
摘要: 节点 在学习DOM操作时,DOM的作用就是将网页转换为一个对象模型,而这个对象模型又被称为文档树(ducument object model)。节点就是这个模型里的最小组成单位,而节点又分为十二种。 节点的基本属性 一般来说节点至少拥有nodeType、nodeName和nodeValue这三个基本 阅读全文
posted @ 2022-07-20 23:42 前端小白银 阅读(2319) 评论(0) 推荐(0)
摘要: 事件 元素在某种状态(浏览器实现的也叫事件触发)达成时,要执行的提前设定好程序,又被称之为事件句柄 事件要素 三大事件要素:事件源、事件类型、事件处理程序(handler) 事件绑定方式 1.行内式:标签的属性值是事件,触发时执行代码,也就是在标签里面绑定事件 <div class="box" on 阅读全文
posted @ 2022-07-18 19:28 前端小白银 阅读(282) 评论(0) 推荐(0)
摘要: 1.absolute + 负margin <style> .container { position: relative; width: 500px; height: 500px; border: 1px solid #465468; } .box { position: absolute; top 阅读全文
posted @ 2022-07-18 09:59 前端小白银 阅读(179) 评论(0) 推荐(0)
摘要: 文档树 所谓的文档树就是整个HTML文档,学习DOM后我们可以用js对整个文档树进行操作 1.添加 var box=document.querySelector("#box") //首先先获取ID为box的节点 var box2=document.createElement("div") //创建一 阅读全文
posted @ 2022-07-17 19:32 前端小白银 阅读(13) 评论(0) 推荐(0)
摘要: <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 阅读全文
posted @ 2022-07-14 19:23 前端小白银 阅读(25) 评论(0) 推荐(0)
摘要: 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= 阅读全文
posted @ 2022-07-14 18:36 前端小白银 阅读(274) 评论(0) 推荐(0)