- 博客(12)
- 收藏
- 关注
RSS订阅原创 视频学习ES6+jQuery制作俄罗斯方块 代码
1、HTML代码 <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>瓜娃子</title> <meta name="viewport" content="width=device-width,initial-sca...
2019-11-12 09:17:23
196
原创 7、try和catch错误解决和throw错误抛出
1、try和catch错误 <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>瓜娃子</title> </head> <body> <script> function abc() { ...
2019-11-11 10:26:03
438
原创 6、scroll家族
1、scroll家族 1、兼容性问题 正常使用pageOffset获取滚动位置 //兼容性问题 scrollTop scrollLeft 获取位置 function getScroll() { var scroll = { x: window.pageXOffset || document.body.scrollLeft || document.documentElemen...
2019-11-11 10:24:45
268
原创 5、offset家族
1、offset家族 1、offsetLeft //如果父级没有定位 则以到浏览器的距离为准 //如果父级是body 则offsetLeft = d1的border外边算到父元素body的border外边. 包含父元素body的border //但是如果父元素不是body的话 offsetLeft 则等于 d1的border外边算到父元素d2的border内边. 不包含父元素d2的borde...
2019-11-11 10:22:15
173
原创 4、移动端触摸事件
移动端事件 触摸事件touch 屏幕触摸事件，PC端的鼠标移动时是无效的,模拟器时，鼠标点击就会变成触摸事件。允许多点触控，事件触发的位置就在touches属性。 var body = document.querySelector('body'); //触摸开始事件 body.ontouchstart = function (event) { console.log(event); ...
2019-11-11 10:20:57
144
原创 3、Ajax笔记
Ajax Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 同步 1个队列去麦当劳买东西，一个人点完订单后，服务员会去取相关的餐品，将相关的餐品打包好，递给这个人，完成一次服务后，才为下一个人服务。 Ajax同步请求操作 js发送1个请求...
2019-11-11 10:19:40
118
原创 2、本地存储
本地存储 将WEB页面中的数据存放到本地 当清除浏览器缓存的时候，均删除数据 localStorage 可以永久存放到本地，但是只要清除浏览器的缓存，即可删除数据 按照域名和端口号进行存放的 可以跨页面进行调用 1、如何存储数据 2、如何获取数据 3、如何清除数据 //1存放数据,在别的页面输出localStorage也能输出存放的数据 //按照域名和端口号进行存放 //比如常见的搜索历史记录等,...
2019-11-11 10:18:32
141
原创 1、htmlCSS笔记
1、html的基础标签 1、表单标签 <form action="" method="get"> <input type="text" autocomplete="off" name="userName" placeholder="请输入用户名" id="" value=""/> <input type="password" auto...
2019-11-11 10:16:53
441
原创 03-Vue动态属性的绑定 代码
1、V-bind指令的使用 <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>瓜娃子</title> </head> <body> <div id="app"> <!--错误的做法:这里...
2019-11-11 09:33:13
163
原创 2-Vue插值的操作
1、mustache语法 mustache语法中,不仅仅可以直接写变量,也可以写一些简单的表达式 <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>瓜娃子</title> </head> <body> <...
2019-11-09 21:13:06
271
原创 1-Vue的初体验
1、Vue简单介绍 <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>瓜娃子</title> <script src="../js/vue.js"></script> </head> <bo...
2019-11-09 20:59:41
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人