前端
学习
打八阿哥
让我研究一哈
展开
-
js对象学习总结
创建方式:字面量方式:属性和方法都是静止的,不够灵活 var obj = { name:"test", sex:"male", run:function(){ console.log("run"); } }使用object创建属性和方法都是object的成员 var obj = new Object();原创 2021-07-04 19:22:03 · 254 阅读 · 2 评论 -
js数据类型总结
javascript的变量是松散类型的,可以用来保存任何类型的数据。js拥有动态类型,相同的变量可以用作不同的类型。javascript变量均为对象,当声明一个变量时,就创建了一个新的对象。类型检测instanceof用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上,即instanceof 只能用来判断两个对象是否属于实例关系,也就是说,instanceof后面的参数是引用型对象=需要判断的是值类型就应该用typeof。返回布尔值。 var tes..原创 2021-06-26 15:20:07 · 86 阅读 · 0 评论 -
web div绑定键盘事件
方法一:如果是实现页面元素移动,不需要键盘导航$(document).keydown(function(e){console.log(e.which);});方法二:用tabindex绑定<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a>tabindex规定元素的tab键控制次序,需要先用tab聚焦到该属性,再进行操作。也可以先给该元素聚焦,去掉聚焦的虚线,即可直接使用键原创 2021-05-27 17:38:04 · 106 阅读 · 0 评论 -
web单双击冲突
代码: $(function(){ var timer = ''; $(document).click(function(){ clearTimeout(timer); timer = setTimeout(() => { console.log("单机"); }, 300); }) $(document).dblclick原创 2021-05-27 15:11:25 · 148 阅读 · 0 评论 -
jquery课堂笔记
对象windownavigatorscreenhistorylocationdocument文档就绪函数$(document).ready(function(){ $("#test")...;});$(function(){ //与上面相同,称为文档就绪函数 xxxxxxxx});jquery主要做的事情:找到它,操作它语法:$(selector).action()用美元符定义jq...原创 2021-05-21 15:50:58 · 66 阅读 · 0 评论 -
H5图形转换
使用transform将元素移动、旋转、缩放、倾斜移动translatetransform:translate(100px,50px); // x,ytransform:translateX(100px)translateY(50px);旋转rotatetransform:rotate(10deg); // 角度为正数值,按照顺时针旋转,否则逆时针缩放scaletransform:scale(1.2);tran...原创 2021-05-17 09:17:11 · 258 阅读 · 0 评论 -
flex布局实例-待更新
原创 2021-05-10 19:47:42 · 62 阅读 · 0 评论 -
h5 应用程序缓存&cookie
// 应用程序缓存// 通过创建cache manifest文件,创建web应用的离线版本// 离线浏览、速度、减少服务器负载// <html manifest="demo.appache">---启动应用程序缓存// manifest文件是简单是文本文件,它告知浏览器被缓存的内容// cookie// 客户端需要与服务器进行交互的场景// 是一种进行网络会话状态跟踪的技术,由服务器生成,保存在客户端的一种信息载体// 数据保存在客户端、以键值对存储数据、随HTTP请求头提交.原创 2021-04-19 16:52:39 · 305 阅读 · 0 评论 -
localStorage示例
// 业务场景:用户临时登录信息、用户页面配置、当前临时数据// local适合存储需要长期保存到本地的数据-用户页面配置// session适合关闭浏览器及时清除缓存的场景-页面直接传递的参数// 本地存储localStorage&sessionStorage,不可跨域跨浏览器// length:返回存储的数据项数量// setitem(key,value):新增键值对,如果键名已存在则更新// getitem(key):返回键名对应的值// removeitem(key):从存储.原创 2021-04-19 16:26:54 · 275 阅读 · 0 评论 -
indexedDB示例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2021-04-19 11:40:14 · 361 阅读 · 0 评论 -
webstorage示例
<style> .but{ float: left; margin-right: 20px; } form{ width: 300px; } .inp{ width: 250px; } </style><body> <!-- 示例 --&g...原创 2021-04-18 21:01:01 · 140 阅读 · 0 评论 -
canvas 画板
用canvas画布制作画板,包括修改线条颜色,画布颜色,线条粗细,清除画布等功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width原创 2021-04-03 15:46:03 · 236 阅读 · 0 评论 -
canvas 生成饼图
用canvas根据输入数据生成一个饼图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2021-04-01 22:57:52 · 110 阅读 · 0 评论 -
canvas学习 太阳轨道
原文地址:https://blog.csdn.net/u012468376/article/details/73350998不使用图片版本<body><canvas id="can" width="300" height="300" style="background-color: black;"></canvas><script> function draw(){ // sun() var can = d原创 2021-03-31 10:42:04 · 133 阅读 · 0 评论 -
js执行机制学习
仅仅是笔记,不是原创不是原创不是原创javascript是一门单线程语言,所以js是按照语句出现的顺序执行的。h5提出web-worker,但是js的多线程都是由单线程模拟出来的。为解决单线程时间等待的问题,将任务分为同步任务/异步任务。同步任务:在主线程上排队执行的任务,前一个任务执行完毕,才能执行下一个任务异步任务:不进入主线程,进入任务队列。异步任务必须指定回调函数,当主线程开始执行异步任务,就是执行对应的回调函数。任务队列:是先进先出的数据结构所有同步任务都在主线程上执行,形成一个执行栈原创 2021-03-29 14:35:31 · 100 阅读 · 0 评论 -
js简单操作video
包括上图中的视频播放时长/总时长、播放、暂停、静音、加速、减速、快进、后退等操作。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt..原创 2021-03-27 14:23:43 · 6587 阅读 · 0 评论 -
用js写一个空心菱形,竖线、横线、斜线
由于星号与空格宽高不一样,所以使用文字填充。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1...原创 2021-03-20 16:50:21 · 600 阅读 · 0 评论 -
js学习日记6-窗口与框架
防止页面显示在框架中使用脚本防止页面被拦截,迫使页面总是单独显示在浏览器窗口中。防止你的页面被加载进别人站点上的框架中。if(top.location != self.location){//检查当前页面的位置是否处于浏览器窗口层次结构的最顶层 top.location.replace(self.location);//将顶层页面替换为当前页面的位置,迫使当前页面窗口显示我们的页面,且只显示我们的页面}//这样做用户无法再使用back按钮,如果尝试单击back按钮返回前一个页面,就会自动原创 2020-08-26 23:27:50 · 152 阅读 · 0 评论 -
JavaScript学习日记5-处理图像2
创建循环的广告条 <head> <script src="js.js"></script> <style> img{ width: 200px; height: 200px; } </style> </head> <body>原创 2020-08-24 20:56:14 · 126 阅读 · 0 评论 -
JavaScript学习日记4-处理图像1
翻转器:当用户将鼠标移动到图像上时会改变网页上的图像,从而对用户的操作及时做出反应。创建翻转器翻转器原理:有原始图像和替换图像,当用户将鼠标移动到第一个图像上时,浏览器快速将第一个图像替换为第二个图像,这样就产生了运动或动画效果。<!DOCTYPE html><html> <head> <style> img{ width: 200px;原创 2020-08-24 15:20:54 · 189 阅读 · 0 评论 -
js学习日记-Bingo Card
用循环进行重复操作例做一个Bingo Cardhtml部分...<table><tr> <td id="s0"> </td> <td id="s5"> </td> <td id="s10"> </td> <td id="s14"> </td>原创 2020-08-22 19:33:00 · 422 阅读 · 0 评论 -
JavaScript学习日记--开始2
重定向基于链接的重定向<a href="#"></a>将重定向功能嵌入代码中原创 2020-08-21 15:08:51 · 93 阅读 · 0 评论 -
HTML学习日记-表单标签
output-定义一个计算结果<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0<!--不限加法--> <input type="range" id="a" value="50">100 +<input type="number" id="b" value="50"> =<output name="x" for="a b"></output>标题原创 2020-08-14 15:23:48 · 109 阅读 · 0 评论 -
JavaScript学习日记--开始1
存放位置头脚本放在<head></head>之间体脚本放在<body></body>之一个页面中可以由任意数量的script脚本编写第一个脚本 <body> <script> document.write("Hello World!");//表示向页面写入Hello World! </script> </body&g原创 2020-06-07 21:45:45 · 306 阅读 · 0 评论 -
JavaScript初了解--基础知识
JavaScript是一种可以用来给网页增加交互性的编程语言。JavaScript可以做许多事情,使网页具有交互性,给站点的用户提供更好的体验。JavaScript可以创建活跃的用户界面,当用户在页面间导航时向他们提供反馈。JavaScript不能做什么不允许写服务器机器上的文件。不能关闭不是由它自己打开的窗口。这避免了一个站点关闭其他任何站点的窗口,从而独占浏览器。不能从来自另一个服务器的已经打开的网页中读取信息。点号语法JavaScript中使用点号语法将对象、属性和方法组合在一起。原创 2020-06-06 23:37:18 · 136 阅读 · 0 评论