随笔列表第6页 - 花溪月影

2024年6月21日

摘要：在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如可能会有相同的头部导航。但是如果每个页面都独自开发，这无疑增加了开发的成本。所以会把页面的不同部分拆分成独立的组件，然后在不同页面就可以共享这些组件，避免重复开发。可以将通用或者公用的页面模块抽取成vue组件，在阅读全文

posted @ 2024-06-21 15:42 花溪月影阅读(55) 评论(0) 推荐(0)

2024年6月20日

Vue31_指令3

摘要：一、什么是指令？指令 (Directives) 是带有 v- 前缀的特殊属性。例如在入门案例中的v-model，代表双向绑定。二、插值表达式 1、花括号格式： {{表达式}} 说明：该表达式支持JS语法，可以调用js内置函数（必须有返回值）表达式必须有返回结果。例如 1 + 1，没有结果的阅读全文

posted @ 2024-06-20 18:07 花溪月影阅读(50) 评论(0) 推荐(0)

Vue31_实例2

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

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

Vue31_入门1

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

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

Ajax30

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

posted @ 2024-06-20 11:10 花溪月影阅读(36) 评论(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 花溪月影阅读(30) 评论(0) 推荐(0)

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

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

posted @ 2024-06-19 17:52 花溪月影阅读(35) 评论(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 花溪月影阅读(38) 评论(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 花溪月影阅读(20) 评论(0) 推荐(0)

JQuery基础28_DOM操作3

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

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