花溪月影 - 博客园

2024年6月20日

摘要：目标：了解Vue实例生命周期，生命周期的钩子函数及created函数常用场景分析：在创建vue实例的时候可以制定模板id、数据和方法；而如果要在实例化、模板渲染的过程中需要执行一些其它操作的话，那么可以使用钩子函数。一、创建Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vu 阅读全文

posted @ 2024-06-20 16:41 花溪月影阅读(1) 评论(0) 推荐(0) 编辑

Vue31_入门1

摘要：一、概述 1、前言先了解一下前端开发模式的发展。静态页面最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容。异步刷新，操作DOM 1995年，网景工程师Brendan Eich 花了10天时间设计了JavaScript 阅读全文

posted @ 2024-06-20 13:38 花溪月影阅读(1) 评论(0) 推荐(0) 编辑

Ajax30

摘要：一、概念 ASynchronous JavaScript And XML 异步的JavaScript 和 XML 1. 异步和同步：客户端和服务器端相互通信的基础上同步：客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。异步：客户端不需要等待服务器端的响应。在服务器处理请求的过程中阅读全文

posted @ 2024-06-20 11:10 花溪月影阅读(2) 评论(0) 推荐(0) 编辑

2024年6月19日

JQuery高级29_案例3

摘要：一、广告的自动显示与隐藏需求：1.当页面加载完，3秒后，自动显示广告 2.广告显示5秒后，自动消失。分析： 1.使用定时器来完成。setTimeout(执行一次定时器) 2.分析发现JQuery显示隐藏动画效果其实就是控制display 3.使用 show/hide方法来完成广告的显示 <!DO 阅读全文

posted @ 2024-06-19 18:41 花溪月影阅读(2) 评论(0) 推荐(0) 编辑

JQuery高级29_事件绑定&插件2

摘要：一、jquery标准的绑定方式 jq对象.事件方法(回调函数)；注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。表单对象.submit();//让表单提交 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jqu 阅读全文

posted @ 2024-06-19 17:52 花溪月影阅读(2) 评论(0) 推荐(0) 编辑

2024年6月18日

JQuery高级29_动画&遍历1

摘要：一、动画三种方式显示和隐藏元素 1、默认显示和隐藏方式 1. show([speed,[easing],[fn]]) 参数： 1. speed：动画的速度。三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如：1000) 2. easing：用来指定切换效果阅读全文

posted @ 2024-06-18 16:49 花溪月影阅读(1) 评论(0) 推荐(0) 编辑

JQuery基础28_案例4

摘要：一、隔行换色需求：将数据行的奇数行背景色设置为 pink，偶数行背景色设置为 yellow <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3.1 阅读全文

posted @ 2024-06-18 16:39 花溪月影阅读(1) 评论(0) 推荐(0) 编辑

JQuery基础28_DOM操作3

摘要：一、属性内容操作 1、html()：获取/设置元素的标签体内容 <a>内容</a> --> 内容　2、text()：获取/设置元素的标签体纯文本内容 <a>内容</a> --> 内容　3、val()：获取/设置元素的val 阅读全文

posted @ 2024-06-18 16:36 花溪月影阅读(1) 评论(0) 推荐(0) 编辑

JQuery基础28_选择器2

摘要：一、作用筛选具有相似特征的元素(标签) 二、基本操作学习 1、事件绑定 //1.获取b1按钮 $("#b1").click(function(){ alert("abc"); }); 2、入口函数 jquery入口函数，dom文档加载完成之后执行该函数中的代码 $(function () { }) 阅读全文

posted @ 2024-06-18 12:52 花溪月影阅读(2) 评论(0) 推荐(0) 编辑

JQuery基础28_入门1

摘要：一、概念一个JavaScript框架。简化JS开发　jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多阅读全文

posted @ 2024-06-18 12:02 花溪月影阅读(2) 评论(0) 推荐(0) 编辑