- 博客(17)
- 收藏
- 关注
原创 vue自定义指令
// 单个注册使用// Vue.directive('imgerror', {// inserted(el, binding) {// // el指令所在的元素节点// // console.log(el, "指令节点");// // console.log(binding, "绑定的相关信息");// el.onerror = function() {// // 出错情况下图片路径就换成指令的value//
2022-06-14 18:06:31
77
原创 js高级11
1.面向过程与面向对象 1.1面向过程 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现, 使用的时候再一个一个的依次调用就可以了。 1.2面向对象 面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。 1.3面向过程与面向对象对比 2.对象与类 2.1对象 对象是由属性和方法组成的:是一个无序键值对的集合,指的是一个具体的事物 属性:事物的特征,在对象中用属性来表示(常用名词) 方法:事物的行为,在对象中用方法来表示(常用动词)
2022-06-14 18:05:08
129
原创 JS 高级day01
1.面向过程与面向对象 1.1面向过程 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现, 使用的时候再一个一个的依次调用就可以了。 1.2面向对象 面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。 1.3面向过程与面向对象对比 2.对象与类 2.1对象 对象是由属性和方法组成的:是一个无序键值对的集合,指的是一个具体的事物 属性:事物的特征,在对象中用属性来表示(常用名词) 方法:事物的行为,在对象中用方法来表示(常用动词)
2022-06-14 18:04:42
67
原创 Vue路由
什么是路由? 路径与组件的映射就是路由。 .vue文件分2类, 一个是页面组件, 一个是复用组件 .vue文件本质无区别, 方便大家学习和理解, 总结的一个经验 src/views(或pages) 文件夹 和 src/components文件夹 使用vue-router 1. 安装 yarn add vue-router@3 (vue2.0适配路由3.版本) ......
2022-06-14 18:04:04
71
原创 gitDay02
Git 的基本使用(在Git Bash中操作) 1. 配置全局信息(每个电脑只需要配置一次) 在提交的记录上,可以查看到配置的用户名和邮箱地址 git config --global user.name "用户名" // 配置用户名的 git config --global user.email "邮箱地址" // 配置邮箱地址 查看已经配置好的信息 在 c:\users\用户名\.gitconfig 中 git config --list --global // 查看全.
2022-03-22 21:36:55
824
原创 gitDay01
git的三个区域:1.工作区 2.暂存区 3 .git仓库 git文件的三种状态:1.已修改 modified 2.已暂存staged 3.已提交committed 1. 配置全局信息(每个电脑只需要配置一次) 在提交的记录上,可以查看到配置的用户名和邮箱地址 git config --global user.name "用户名" // 配置用户名的 git config --global user.email "邮箱地址" // 配置邮箱地址 查看已经配置好的信息 在 c
2022-03-21 15:00:00
116
原创 JS高级 day05
ES6语法 能够说出使用let关键字声明变量的特点 能够使用解构赋值从数组中提取值 能够说出箭头函数拥有的特性 能够使用剩余参数接收剩余的函数参数 能够使用拓展运算符拆分数组 能够说出模板字符串拥有的特性 什么是ES6 ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化 规范。 为什么使用 ES6 ? 每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人...
2022-03-02 19:13:49
70
原创 jQuery 笔记day03
学习目标: 能够说出4种常见的注册事件 能够说出 on 绑定事件的优势 能够说出 jQuery 事件委派的优点以及方式 能够说出绑定事件与解绑事件 能够说出 jQuery 对象的拷贝方法 能够说出 jQuery 多库共存的2种方法 能够使用 jQuery 插件 1.1. jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制,是开发人员抑郁操作优缺点如下: 优点: 操作简单,且不用担心事件覆盖等问题。 缺点: 普通的事件注册不能做事件委托,且无法实现事件解绑,需要借助.
2022-02-23 18:51:53
80
原创 jQuery 笔记day02
学习目标: 能够操作 jQuery 属性 能够操作 jQuery 元素能够操作 jQuery 元素尺寸、位置 1.1. jQuery 属性操作 jQuery 常用属性操作有三种:prop() / attr() / data() ; 1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 <a> 元素里面的 href ,比如 <input> 元素里面的 type。 语法 注意:prop() 除了普通属性操作,更..
2022-02-21 21:31:06
87
原创 jQuery 笔记day01
学习目标: 能够说出什么是 jQuery 能够说出 jQuery 的优点能够简单使用 jQuery能够说出 DOM 对象和 jQuery 对象的区别能够写出常用的 jQuery 选择器 能够操作 jQuery 样式能够写出常用的 jQuery 动画 能够操作 jQuery 属性能够操作 jQuery 元素能够操作 jQuery 元素尺寸、位置 1.1. jQuery 介绍 1.1.1 JavaScript 库 JavaScript库:即 library,是一个封装好的特定的集合(方法和函数).
2022-02-21 21:04:38
75
原创 web API 笔记day07
学习目标: 能够写出移动端触屏事件能够写出常见的移动端特效能够使用移动端开发插件开发移动端特效能够使用移动端开发框架开发移动端特效能够写出 sessionStorage 数据的存储以及获取能够写出 localStorage 数据的存储以及获取能够说出它们两者的区别 1.1. 触屏事件 1.1.1 触屏事件概述 移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android .
2022-02-18 21:35:46
98
原创 web API 笔记 day06
学习目标: 能够封装简单动画函数 能够理解缓动动画的封装 能够使用动画函数 能够写出网页轮播图案例 能够写出移动端触屏事件 1.1. 动画函数封装 1.1.1 缓动效果原理 缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来 思路: 让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。 核心算法: (目标值 - 现在的位置) /10 做为每次移动的距离步长 停止的条件是: 让当前盒子位置等于目标位置就停止定时器 注意步长值需...
2022-02-18 21:05:51
96
原创 web API day05
学习目标: 能够说出常见 offset 系列属性的作用 能够说出常见 client 系列属性的作用 能够说出常见 scroll 系列属性的作用 能够封装简单动画函数 1.1. 元素偏移量 offset 系列 1.1.1 offset 概述 offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 ..
2022-02-18 20:34:10
91
原创 day04 - Web APIs
学习目标: 能够说出常用的3-5个键盘事件 能够知道如何获取当前键盘按下的是哪个键 能够知道浏览器的顶级对象window 能够使用window.onload事件 能够使用window.onresize事件 能够说出两种定时器的区别 能够使用location对象的href属性完成页面之间的跳转 能够使用location对象获取url中的参数部分 能够使用history提供的方法实现页面刷新 1.1. 常用的键盘事件 1.1.1 键盘事件 &l...
2022-02-14 21:33:33
142
原创 web API day03
day03 - Web APIs 学习目标: 能够使用removeChild()方法删除节点 能够完成动态生成表格案例 能够使用传统方式和监听方式给元素注册事件 能够说出事件流执行的三个阶段 能够在事件处理函数中获取事件对象 能够使用事件对象取消默认行为 能够使用事件对象阻止事件冒泡 能够使用事件对象获取鼠标的位置 能够完成跟随鼠标的天使案例 1.1. 节点操作 1.1.1 删除节点 正在上传…重新上传取消 node.removeChild() 方法从 node节点中删除一个
2022-02-13 21:54:06
94
原创 web API 笔记 day02
day02 - Web APIs 学习目标: 能够说出排他操作的一般实现步骤 能够使用html5中的dataset方式操作自定义属性 能够根据提示完成百度换肤的案例 能够根据提示完成全选案例 能够根据提示完成tab栏切换案例 能够区分元素节点、文本节点、属性节点 能够获取指定元素的父元素 能够获取指定元素的所有子元素 能够说出childNodes和children的区别 能够使用createElement创建页面元素 1.1. 排他操作 1.1.1 排他思想 如.
2022-02-11 20:00:38
258
原创 web API 笔记day01
学习目标: 能够通过ID来获取元素能够通过标签名来获取元素能够通过class来获取元素能够通过选择器来获取元素能够获取body和html元素能够给元素注册事件能够修改元素的内容能够区分innerText和innerHTML的区别能够修改像div这类普通元素的属性能够修改表单元素的属性能够修改元素的样式属性 1.1. Web API介绍 1.1.1 API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与.
2022-02-10 18:43:13
92
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人