qq_44681872的博客

H5学习推荐网站：https://www.runoob.com/html/html5-websocket.html一、Canvas介绍canvas为H5新增元素，其本身为一个画布，但是用js当做画笔动态渲染，画笔工具为getContext(‘2d’)标签,默认用行内样式设置样式，若用style进行设置，会发生变形。其本身默认宽高为300*150 <canvas id="mycanvas" width="500" height="500" style="border: 1px soli

Nginx服务器1、基本介绍​ 首先介绍一下服务器，我们可以将服务器看做工厂的运行机器，将原料放在机器中，不用加工，直接由传送机制送到必须的场地。服务器就是一个信息、操作、传送的总和，我们在己方浏览器请求访问服务器。Nginx是一款轻量级的服务器。其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、网易、淘宝等。兼容Linux系统、Windows NT系统、mac OS系统.完全由C语言写成，且有自己的函数库。我们借用n

一、H5拖拽和js拖拽1、js拖拽 // 此处是改变盒子的位置来实现拖拽，所以css样式要设置盒子的position为absolute let app = document.querySelector(`#app`) app.onmousedown = function(e){ // 鼠标按下 // this.offsetLeft表示盒子关于浏览器左边的位置 // e.clientX表示鼠标相对于浏览器左边的位置

1、移动端、PC端常用事件对比方式PC端移动端点击onclick无按下onmousedownontouchstart移动onmousemoveontouchmove抬起onmouseupontouchendPC 端1). 用on来添加touch事件在谷歌浏览器下无效2). 用on方式添加事件的话会被覆盖3). 鼠标事件在移动端也可使用，但有300毫秒延迟移动端1). 要用addEventListener引入touch事件，ad