- 博客(11)
- 收藏
- 关注
原创 36 JavaScript高级 面向对象 类面向对象tab栏切换删除添加编辑
1.面向对象面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。
2020-08-30 16:34:39 177
原创 ToDoList:本地存储知识最简单的代办事项列表
$(function () { // alert(11); // 1.按下回车 把完整数据 存储到本地存储里面 // 存储的数据格式 var = todolist = [{title:'xxx',done:false}] load(); $("#title").on("keydown", function (event) { if (event.keyCode === 13) { if ($(this).val() === "") { alert(
2020-08-29 18:52:38 247
原创 35 jQuery 事件注册 处理 事件对象 拷贝对象 多库共存 瀑布流 懒加载 todolist
1.1. jQuery 事件注册演示代码<body> <div></div> <script> $(function() { // 1. 单个事件注册 $("div").click(function() { $(this).css("background", "purple"); }); $("di
2020-08-27 22:24:26 176
原创 34-1 jQuery 属性操作 内容操作 元素操作 尺寸位置操作
1.1. jQuery 属性操作 jQuery 常用属性操作有三种:prop() / attr() / data() ;1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 a元素里面的 href ,比如 元素里面的 type。 注意:prop() 除了普通属性操作,更适合操作表单属性:disabled / checked / selected 等。1.1.2 元素自定义属性值 attr() 用户自己给元素添加的属性,我们称为自定义属性。 比如
2020-08-27 22:20:08 142
原创 33-1 jQuery 顶级对象$ 对象转换 选择器 样式操作
1. jQuery的入口函数 jQuery中常见的两种入口函数:// 第一种: 简单易用。$(function () { ... // 此处是页面 DOM 加载完成的入口}) ; // 第二种: 繁琐,但是也可以实现$(document).ready(function(){ ... // 此处是页面DOM加载完成的入口}); 总结:等着 DOM 结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成,jQuery 帮我们完成了封装。相当于原生 js
2020-08-19 22:09:18 316
原创 31-1 WebAPIs 动画函数封装 轮播图 节流阀 触屏事件
1.1. 动画函数封装1.1.1 缓动效果原理缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路:让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。核心算法: (目标值 - 现在的位置) / 10 做为每次移动的距离步长停止的条件是: 让当前盒子位置等于目标位置就停止定时器注意步长值需要取整1.1.2 动画函数多个目标值之间移动可以让动画函数从 800 移动到 500。当我们点击按钮时候,判断步长是正值还是负值 1.如果是正值,则步长往大了取整 2
2020-08-16 22:14:53 184
原创 30-1 WebAPIs 元素偏移量 offset 元素可视区 client 模态款 放大镜 动画函数封装
**1.1. 元素偏移量 offset 系列1.1.1 offset1.1.2 offset 与 style 区别offsetoffset 可以得到任意样式表中的样式值offset 系列获得的数值是没有单位的offsetWidth 包含padding+border+widthoffsetWidth 等属性是只读属性,只能获取不能赋值所以,我们想要获取元素大小位置,用offset更合适...
2020-08-15 23:21:47 132
原创 29-1 WebAPIs 键盘事件 BOM location对象
1.1. 常用的键盘事件1.1.1 键盘事件 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) //3. keypress 按键按下的时候触发 不能识别功能键 比如 ctrl shift 左右箭头啊
2020-08-12 22:46:21 228
原创 28-1 WebAPIs 删除, 复制节点 二维数组 事件高级
1.节点操作1.1 删除节点node.removeChild() 方法从node节点zho-ng删除一个子节点,放回删除的节点. ul.removeChild(ul.children[0]);
2020-08-07 23:22:48 144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人