- 博客(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
176
原创 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
404
原创 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
238
原创 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
146
原创 4、移动端触摸事件
移动端事件触摸事件touch屏幕触摸事件，PC端的鼠标移动时是无效的,模拟器时，鼠标点击就会变成触摸事件。允许多点触控，事件触发的位置就在touches属性。var body = document.querySelector('body');//触摸开始事件 body.ontouchstart = function (event) { console.log(event); ...
2019-11-11 10:20:57
124
原创 3、Ajax笔记
AjaxAjax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。同步1个队列去麦当劳买东西，一个人点完订单后，服务员会去取相关的餐品，将相关的餐品打包好，递给这个人，完成一次服务后，才为下一个人服务。Ajax同步请求操作js发送1个请求...
2019-11-11 10:19:40
101
原创 2、本地存储
本地存储将WEB页面中的数据存放到本地当清除浏览器缓存的时候，均删除数据localStorage可以永久存放到本地，但是只要清除浏览器的缓存，即可删除数据按照域名和端口号进行存放的可以跨页面进行调用1、如何存储数据2、如何获取数据3、如何清除数据//1存放数据,在别的页面输出localStorage也能输出存放的数据//按照域名和端口号进行存放//比如常见的搜索历史记录等,...
2019-11-11 10:18:32
128
原创 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
411
原创 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
137
原创 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
229
原创 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
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人