前端
文章平均质量分 87
吴大喜
这个作者很懒,什么都没留下…
展开
-
jQuery03
一、事件注册优点: 操作简单,且不用担心事件覆盖等问题。缺点: 普通的事件注册不能做事件委托,且无法实现事件解绑,需要借助其他方法<body> <div></div> <script> $(function() { // 1. 单个事件注册 $("div").click(function() { $(this).css("backgro.原创 2022-01-26 15:13:29 · 157 阅读 · 0 评论 -
jQuery02
一、jQuery属性操作jQuery 常用属性操作有三种:prop() / attr() / data() ;1、元素固有属性值:prop()所谓元素固有属性就是元素本身自带的属性,比如 元素里面的 href ,比如 元素里面的 type。(1)语法:注意:prop() 除了普通属性操作,更适合操作表单属性:disabled / checked / selected 等。2、元素自定义属性值 attr() 用户自己给元素添加的属性,我们称为自定义属性。 比如给 div 添加 index .原创 2022-01-26 11:37:27 · 238 阅读 · 0 评论 -
jQuery01
一、jQyery介绍1、JavaScript库:JavaScript库:即library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等;常见的JavaScript 库:jQuery、Prototype、YUI、Dojo、Ext JS、移动端的zepto等,这些库都是对原生JavaScript 的封装,内部都是用 JavaScript 实现的,我们主要学习的是 jQ.原创 2022-01-26 10:48:33 · 138 阅读 · 0 评论 -
前端开发基础-(WebAPIs08)
一、触屏事件1、触屏事件概述:移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。常见的触屏事件:2、触摸事件对象(TouchEvent):TouchEvent是一类描述手指在触摸平面(触摸屏、触摸板等)的状态原创 2022-01-25 15:11:12 · 128 阅读 · 0 评论 -
前端开发基础-(WebAPIs07)
一、动画函数封装1、动画概述核心原理:通过定时器 setInterval() 不断移动盒子位置步骤:获得盒子当前位置让盒子在当前位置加上1个移动距离利用定时器不断重复这个操作加一个结束定时器的条件注意此元素需要添加定位,才能使用element.style.left2、动画函数给不同元素记录不同定时器如果多个元素都使用这个动画函数,每次都要var 声明定时器。我们可以给不同的元素使用不同的定时器(自己专门用自己的定时器)核心原理:利用 JS 是一门动态语言,可以很方便的给当前对象添加原创 2022-01-25 14:21:30 · 85 阅读 · 0 评论 -
前端开发基础-(WebAPIs06)
一、元素偏移量 offset 系列1、offset概述:offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等;获得元素距离带有定位父元素的位置;获得元素自身的大小(宽度高度)注意:返回的数值都不带单位2、offset 与 style 区别(1)offset:offset 可以得到任意样式表中的样式值offset 系列获得的数值是没有单位的offsetWidth 包含padding+border+widthoffsetW原创 2022-01-25 13:55:59 · 169 阅读 · 0 评论 -
前端开发基础-(WebAPIs05)
一、BOM1、什么是BOM:BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是Netscape浏览器标准的一部分。BOM 比 DOM 更大,它包含 DOM2、顶级对象windows3、windows常见事件:原创 2022-01-25 11:17:04 · 107 阅读 · 0 评论 -
前端开发基础-(WebAPIs04)
一、鼠标事件1、常用鼠标事件(1)案例:禁止选中文字和禁止右键菜单<body> 我是一段不愿意分享的文字 <script> // 1. contextmenu 我们可以禁用右键菜单 document.addEventListener('contextmenu', function(e) { e.preventDefault(); }) // 2. 禁止选中文字 s原创 2022-01-21 16:35:01 · 800 阅读 · 0 评论 -
前端开发基础-(WebAPIs03)
11原创 2022-01-21 15:47:54 · 96 阅读 · 0 评论 -
前端开发基础-(WebAPIs02)
一、排他思想1、排他思想:如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法所有元素全部清除样式(干掉其他人)给当前元素设置样式 (留下我自己)注意顺序不能颠倒,首先干掉其他人,再设置自己(1)示例代码<button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4<原创 2022-01-21 11:30:12 · 105 阅读 · 0 评论 -
前端开发基础-(WebAPIs01)
一、WebAPI简述Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。现阶段我们主要针对于浏览器讲解常用的 API , 主要针对浏览器做交互效果。比如我们想要浏览器弹出一个警示框, 直接使用 alert(‘弹出’)MDN 详细 API二、DOM简介...原创 2022-01-21 10:30:11 · 249 阅读 · 0 评论 -
前端开发基础(JavaScript基础三)
一、作用域原创 2022-01-20 14:15:33 · 118 阅读 · 0 评论 -
前端开发基础(JavaScript基础二)
一、循环1、for循环for(初始化变量; 条件表达式; 操作表达式 ){ //循环体 }| 名称 | 作用 || ---------- | ------------------------------------------------------------ || 初始化变量 | 通常被用于初始化一个计数器,该表达式可以使用 var 关键字声明新的变量,这个变量帮我们来原创 2022-01-19 16:07:56 · 100 阅读 · 0 评论 -
前端开发基础(CSS进阶二)
一、定位定位:将盒子定在某一个位置,所以定位也是在摆放盒子, 按照定位的方式移动盒子浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子。定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。1、定位的组成:定位 = 定位模式 + 边偏移(1)定位模式:选择器 { position: 属性值; }值 语义static 静态定位relative 相对定位absolute 绝对定位fixed原创 2022-01-11 15:41:34 · 431 阅读 · 0 评论 -
HTML5和CSS3的新特性
一、Html5的新特性:1、语义化标签:以前布局,我们基本用 div 来做。div 对于搜索引擎来说,是没有语义的,发展到了HTML5后,新增了一些语义化标签,这样的话更加有利于浏览器的搜索引擎搜索,也方便了网站的seo(Search Engine Optimization,搜索引擎优化),下面就是新增的一些语义化标签<header> 头部标签<nav> 导航标签<article> 内容标签<section> 定义文档某个区域<aside&原创 2022-01-11 15:40:55 · 993 阅读 · 0 评论 -
前端开发基础(CSS进阶)
一、CSS三大特性:1、层叠性: 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式样式不冲突,不会层叠2、继承性子元素可以继承父元素的样式: (text-,font-,line-这些元素开头的可以继承,以及color属性行高的继承性body { font:12px/1.5 Microsoft YaHei; }行高可以跟单位也可以不跟单位如果子元素原创 2022-01-06 14:24:28 · 211 阅读 · 0 评论 -
前端开发基础(css基础)
一、CSS简介CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。 CSS 让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS 可以美化 HTML , 让 HTML 更漂亮, 让页面布局更简单。 CSS 最原创 2022-01-06 14:24:04 · 358 阅读 · 0 评论 -
前端开发基础(html)
一、网页说明1.网页是图片、链接、文字、声音、视频等元素组成, 其实就是一个html文件(后缀名为html)2.网页生成制作: 有前端人员书写 HTML 文件, 然后浏览器打开,就能看到了网页.3.HTML: 超文本标记语言, 用来制作网页的一门语言. 有标签组成的. 比如 图片标签 链接标签 视频标签等…二、浏览器浏览器是网页显示、运行的平台。常用的浏览器有 IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。平时称为五大浏览器三、web标准(1)web标准原创 2022-01-06 09:23:52 · 791 阅读 · 0 评论