- 博客(15)
- 收藏
- 关注
原创 canvas太阳系动画
<!DOCTYPE html><html><body> <canvas id="canvas" width="300" height="300" style="border:1px solid"> Your browser does not support the canvas element. </canvas> <script type="text/javascript">
2020-09-27 15:47:05
252
原创 利用canvas绘制图形验证码
思路:通过随机获取指定字符串的指定数的字符,通过canvas绘制出来返回指定范围的随机整数 //指定范围的随机函数:返回指定范围内的随机整数 function rand(min, max) { /* max=10 min=1 Math.random()=0 最小取到1 Math.random()=0.9999*10=Math.floor(9.9)=>+1=10 */
2020-09-20 15:43:17
428
原创 html画布初学
canvas元素可被用来通过JavaScript来绘制图形及图形动画属性height 该元素所占用的高度,以css像素px表示,默认为150moz-opaque 设置是否半透明width 该元素所占用空间的宽度 ,默认是300使用canvas绘制直线ctx,linejoin:指定两条交点的样式可选值;round,miter,bevelctx.lineCap:设置线条末端的类型可选值:square,round<canvas width="600" hei
2020-09-17 16:20:57
727
原创 跨域访问
实现跨域访问同源策略同源策略的目的:为了保证用户信息的安全,防止恶意的网站窃取数据。如果非同源,共有三种行为受到限制:Cookie、LocalStorage和IndexDB无法读取DOM无法获取AJAX请求不能发送同源:三个相同(协议、域名、端口号)域名是什么又称网域访问的URL网址:网络协议 + 域名(IP地址) + 端口号 + 资源路径同源:网络协议相同、域名以及端口号相同不同源:域名不相同,完全跨域域名相同,端口号不同:跨子域互联网默认原则
2020-09-08 20:08:11
134
原创 JSON数据格式
json是什么JSON是JavaScript Object Notation的缩写,是一种轻量级的数据交换格式。JSON是独立于任何语言的文本格式。易于程序员阅读和编写,同时也易于计算机解析和生成。json语法规则JSON格式的构建比较简单,主要为两种结构:“名称/值”对的集合(A collection of narme/value pairs )。不同的语言中,它被理解为对象( object ),纪录(record),结构(struct),字典( dictionary ),哈希表( has
2020-09-06 10:25:22
271
原创 同步交互与异步交互
同步交互与异步交互同步交互 发送一个请求,需要等待返回,才能发送下一个请求,同步交互相当于排队,轮到下一个的情况会因为前一个有所不同注意:同步交互就是第二次请求必须等待第一次结束之后才可以开始异步交互发送一个请求,不需要等待返回,随时可以再发送下一个请求,同步与异步的区别:同步需要等待结果,异步不需要等待注意:异步交互就是第二次请求不需要等待第一次结束就可以开始异步交互的优势用户操作无需等待结果异步交互需要与服务端交换必要的数据内容,而不是将数据全部更新异步交互对带宽造成的压力比
2020-09-02 16:27:08
350
原创 跨域资源共享
跨域资源共享最大作用:跨域访问CORS是什么全称Cross-Origin Resource Sharing ,译为跨域资源共享,新增了一组http首部字段,允许服务器声明哪些源站有权限访问哪些资源跨域资源共享机制的工作原理主要应用于三个场景:简单请求预检请求(得到服务器的认证)认证请求简单请求是什么满足所有下述条件,则该请求可视为‘简单请求使用下列方法之一:get,head或者post不得人为设置下列集合之外的其他首部字段:Accept,Accept-Langu
2020-08-26 22:33:53
141
原创 cookie
cookie是什么Cookie是服务器发送到用户浏览器井保存在本地的一小块数据,会在浏览器下次向同–服务器再发起请求时被携带并发送到服务器上。通常,Cookie用于告知服务端两个请求是否来自同- -浏览器,如保持用户的登录状态。Cookie使基于无状态的HTTP协议记录稳定的状态信息成为了可能。Cookie技术产生源于HT TP协议在互联网上的急速发展。Cookie曾一度用于客 户端数据的存储,因当时井没有其它合适的存储办法而作为唯一的存储手段。 但现在随着现代浏览器开始支持各种各样的存储方式,Coo
2020-08-26 22:32:15
91
原创 基于HTTP的组件系统
基于HTTP的组件系统概述请求通过一个实体被发出, 实体也就是用户代理。大多数情况下,这个用户代理都是指浏览器。每一个发送到服务器的请求,都会被服务器处理并返回一个消息,也就是响应。在这个请求与回应之间,还有许许多多的被称为Proxies的实体,他们的作用与表现各不相同。客户端user-agent就是任何能够为用户发起行为的工具。这个角色通常都是由浏览器来扮演。-些例外情况,比如是工程师使用的程序,以及Web开发人员调试应用程序。浏览器总是作为发起一个请求的实体(近几年已经出现一些机制能够模
2020-08-17 09:53:58
170
原创 HTTP是什么
HTTP是什么HTTP全称为Hyper Text Transfer Protocol,被译为超文本传输协议,是互联网上应用最为广泛的一种网络协议。HTTP协议是在Web上进行数据交换的基础,是一种“客户端-服务器端”协议。也就是说,请求通常是由像浏览器这样的接受方发起的。一个完整的Web文档通常是由不同的子文档拼接而成的,像文本、布局描述、图片、视频、脚本等等。设计HTTP最初的目的是为了提供一-种发布和接收HTML页面的方法。HTTP协议历史与标准HTTP/0.9: 1991年制定,有严重
2020-08-17 09:30:28
635
原创 ejs的使用
EJSEJS是什么“E” 代表什么?可以表示 “可嵌入(Embedded)”,也可以是“高效(Effective)”、“优雅(Elegant)”或者是“简单(Easy)”。EJS 是一套简单的模板语言,帮你利用普通的 JavaScript 代码生成 HTML 页面。EJS 没有如何组织内容的教条;也没有再造一套迭代和控制流语法;有的只是普通的 JavaScript 代码而已。安装$ npm install ejs用法将模板字符串和一些数据作为参数传递给 EJS,,HTML 出来了let ej
2020-08-13 15:53:40
466
原创 跨域问题
什么是跨域浏览器使用ajax时,如果请求的接口地址和当前打开的页面 地址 不同源 称之为跨域ajax:浏览器只有使用ajax发送请求才会出现跨域,href属性雨src属性不会出现跨域接口地址:ajax请求的url打开的页面:当前页面的window.location.href不同源:浏览器使用ajax,向不同源的接口发送请求,称之为跨域访问同源同源定义:两个url地址的协议与主机与端口一致协议:http,https,file主机:域名或者ip地址端口:3000,4399不同源
2020-07-12 14:56:29
223
1
原创 node.js的fs,http,path模块的使用
内置模块fs的使用内置模块的基本使用//01引入,导包const fs = require('fs');//调用unlink方法删除方法//第一个参数。删除的文件路径//第二个参数,回调函数fs.unlink('./tmp/hello.txt', (err) => { if (err) throw err; console.log('已成功地删除文件');});读文件//导包const fs = require('fs')//使用readfile方法读
2020-07-05 18:17:57
291
原创 狂拍灰太狼小游戏
1 狂拍灰太狼静态页面布局首页布局和静态效果其他页面布局和静态效果游戏规则页面游戏结束页面(重新开始页面)2 . 狂拍灰太狼图片随机位置生成随机位置需要三个数组分别保存灰太狼和小灰灰的图片以及所有可能出现的位置 //1.定义两个数组保存所有灰太狼和小灰灰的图 var wolf_1 = ['./imgs/h0.png', './imgs/h1.png', './imgs/h2.png', './imgs/h3.png', './imgs/h4.
2020-06-22 15:08:16
363
1
原创 初学jQuery
jQuery是什么一款javaScript库,主要的用途是查询(js+query),使我们的操作更简单jq入口函数和原生js入口函数的区别原生js和jq入口函数的加载模式不同原生js会等到DOm元素加载完毕,并且图片也加载完毕才会执行jq会等到dom元素加载完成,但不会等到图片也加载完成原生的js如果编写了多个入口函数,后面编写的会覆盖前边写的jq编写多个入口函数,后边的不会覆盖前面的jq入口函数的写法 //1.第一种写法 $(document).rea
2020-06-17 16:34:11
164
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人