自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 62

原创 js高级11

1.面向过程与面向对象 1.1面向过程 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现, 使用的时候再一个一个的依次调用就可以了。 1.2面向对象 面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。 1.3面向过程与面向对象对比 2.对象与类 2.1对象 对象是由属性和方法组成的:是一个无序键值对的集合,指的是一个具体的事物 属性:事物的特征,在对象中用属性来表示(常用名词) 方法:事物的行为,在对象中用方法来表示(常用动词)

2022-06-14 18:05:08 93

原创 JS 高级day01

1.面向过程与面向对象 1.1面向过程 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现, 使用的时候再一个一个的依次调用就可以了。 1.2面向对象 面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。 1.3面向过程与面向对象对比 2.对象与类 2.1对象 对象是由属性和方法组成的:是一个无序键值对的集合,指的是一个具体的事物 属性:事物的特征,在对象中用属性来表示(常用名词) 方法:事物的行为,在对象中用方法来表示(常用动词)

2022-06-14 18:04:42 51

原创 Vue路由

什么是路由?路径与组件的映射就是路由。.vue文件分2类, 一个是页面组件, 一个是复用组件.vue文件本质无区别, 方便大家学习和理解, 总结的一个经验src/views(或pages) 文件夹 和 src/components文件夹使用vue-router1. 安装 yarn add vue-router@3 (vue2.0适配路由3.版本) ......

2022-06-14 18:04:04 59

原创 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 788

原创 gitDay01

git的三个区域:1.工作区 2.暂存区 3 .git仓库git文件的三种状态:1.已修改 modified 2.已暂存staged 3.已提交committed1. 配置全局信息(每个电脑只需要配置一次)在提交的记录上,可以查看到配置的用户名和邮箱地址git config --global user.name "用户名" // 配置用户名的git config --global user.email "邮箱地址" // 配置邮箱地址 查看已经配置好的信息 在 c

2022-03-21 15:00:00 77

原创 JS高级 day05

ES6语法能够说出使用let关键字声明变量的特点 能够使用解构赋值从数组中提取值 能够说出箭头函数拥有的特性 能够使用剩余参数接收剩余的函数参数 能够使用拓展运算符拆分数组 能够说出模板字符串拥有的特性 什么是ES6 ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化 规范。 为什么使用 ES6 ? 每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人...

2022-03-02 19:13:49 60

原创 jQuery 笔记day03

学习目标:能够说出4种常见的注册事件 能够说出 on 绑定事件的优势 能够说出 jQuery 事件委派的优点以及方式 能够说出绑定事件与解绑事件 能够说出 jQuery 对象的拷贝方法 能够说出 jQuery 多库共存的2种方法 能够使用 jQuery 插件1.1. jQuery 事件注册jQuery 为我们提供了方便的事件注册机制,是开发人员抑郁操作优缺点如下: 优点: 操作简单,且不用担心事件覆盖等问题。 缺点: 普通的事件注册不能做事件委托,且无法实现事件解绑,需要借助.

2022-02-23 18:51:53 74

原创 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 80

原创 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 70

原创 web API 笔记day07

学习目标:能够写出移动端触屏事件能够写出常见的移动端特效能够使用移动端开发插件开发移动端特效能够使用移动端开发框架开发移动端特效能够写出 sessionStorage 数据的存储以及获取能够写出 localStorage 数据的存储以及获取能够说出它们两者的区别1.1. 触屏事件1.1.1 触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android .

2022-02-18 21:35:46 70

原创 web API 笔记 day06

学习目标:能够封装简单动画函数能够理解缓动动画的封装能够使用动画函数能够写出网页轮播图案例能够写出移动端触屏事件1.1. 动画函数封装1.1.1 缓动效果原理缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路: 让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。 核心算法: (目标值 - 现在的位置) /10 做为每次移动的距离步长 停止的条件是: 让当前盒子位置等于目标位置就停止定时器 注意步长值需...

2022-02-18 21:05:51 74

原创 web API day05

学习目标:能够说出常见 offset 系列属性的作用能够说出常见 client 系列属性的作用能够说出常见 scroll 系列属性的作用能够封装简单动画函数1.1. 元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 ..

2022-02-18 20:34:10 76

原创 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 108

原创 web API day03

day03 - Web APIs学习目标:能够使用removeChild()方法删除节点能够完成动态生成表格案例能够使用传统方式和监听方式给元素注册事件能够说出事件流执行的三个阶段能够在事件处理函数中获取事件对象能够使用事件对象取消默认行为能够使用事件对象阻止事件冒泡能够使用事件对象获取鼠标的位置能够完成跟随鼠标的天使案例1.1. 节点操作1.1.1 删除节点正在上传…重新上传取消node.removeChild() 方法从 node节点中删除一个

2022-02-13 21:54:06 87

原创 web API 笔记 day02

day02 - Web APIs学习目标:能够说出排他操作的一般实现步骤能够使用html5中的dataset方式操作自定义属性能够根据提示完成百度换肤的案例能够根据提示完成全选案例能够根据提示完成tab栏切换案例能够区分元素节点、文本节点、属性节点能够获取指定元素的父元素能够获取指定元素的所有子元素能够说出childNodes和children的区别能够使用createElement创建页面元素1.1. 排他操作1.1.1 排他思想如.

2022-02-11 20:00:38 222

原创 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 64

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除