自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 W13-AJAX

1.AJAX简介 AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。 有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。 2.创建对象 创建 XMLHttpRequest 对象的语法:variable=new XMLHttp

2021-06-30 23:18:42 59

原创 W12-vue2

1.Vue.js 事件处理器 事件监听可以使用 v-on 指令: <div id="app"> <button v-on:click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ counter }} 次。</p> </div> <script> new Vue({ el: '#app', data: { counter: 0 } }) </sc

2021-06-30 23:01:41 88 2

原创 W11-vue1

1.vue语法 插值 文本 数据绑定最常见的形式就是使用 {{…}}(双大括号)的文本插值:<div id="app"> <p>{{ message }}</p></div> Html 使用 v-html 指令用于输出 html 代码: <div id="app"> <div v-html="message"></div> </div> <script> new Vue({ el

2021-06-30 22:44:43 81

原创 W10-JSON2

这是一个天气预报 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title></title> <script src="https://cdn.staticf

2021-06-30 22:03:59 77

原创 W9-JSON

JSON1.JSON简介2.JSON 语法规则JSON 值3.实例 1.JSON简介 JSON: JavaScript Object Notation(JavaScript 对象表示法) JSON 是存储和交换文本信息的语法,类似 XML。 JSON 比 XML 更小、更快,更易解析。 为什么使用 JSON? 对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用: 使用 XML读取 XML 文档 使用 XML DOM 来循环遍历文档 读取值并存储在变量中 读取 JSON 字符串 用 eval(

2021-06-30 21:47:32 79

原创 W8-JQuery常用效果+Vue初步

W8-JQuery常用效果+Vue初步8.1JQuery常用效果8.1.1操作css8.1.2添加元素8.1.3删除元素8.2安装和简介8.3VUE起步和模板语法Vue.js 起步Vue.js 模板语法8.4 条件语句和循环语句8.5样式绑定8.6事件处理器 8.1JQuery常用效果 8.1.1操作css jQuery 拥有若干进行 CSS 操作的方法。 addClass() - 向被选元素添加一个或多个类 $("button").click(function(){ $("h1,h2,p").ad

2021-06-30 21:12:13 115

原创 W5-HTML DOM

HTML DOM5.1DOM简介查找 HTML 元素5.2 使用DOM改变HTML5.2.1改变 HTML 输出流5.2.2改变 HTML 内容5.2.3改变 HTML 属性5.3 使用DOM改变CSS5.3.1改变 HTML 样式5.3.2使用事件5.3 DOM事件 5.1DOM简介 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM 模型被构造为对象的树。 通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。

2021-06-30 18:38:29 69

原创 W4-JavaScript基础

JavaScript基础4.1JavaScript简介和用法4.2JavaScript基本语法和语句4.2.1JavaScript 字面量4.2.2JavaScript 变量4.2.3JavaScript 操作符4.2.4JavaScript 语句4.2.5JavaScript 关键字4.2.6JavaScript 注释4.2.7JavaScript 数据类型4.3JavaScript对象、函数和事件4.3.1对象的定义和访问4.3.2函数的定义和调用4.3.3事件和事件属性 4.1JavaScript简介

2021-06-24 16:50:18 153

原创 W3-BootStrap初步

BootStrap初步3.1BootStrap简介和环境安装3.2BootStrap样式3.2.1Bootstrap 表格3.2.1.1表格元素3.2.1.2表格类(使用实例)3.2.2Bootstrap 按钮3.2.3Bootstrap 图片3.3BootStrap组件和插件3.3.1BootStrap组件和插件3.3.2Bootstrap 页面标题(Page Header)3.3.3Bootstrap 列表组3.3.4Bootstrap 多媒体对象(Media Object) 3.1BootStrap简

2021-06-24 15:55:31 194

原创 W7-jQuery基础

W8-jQueryjQuery1 jQuery简介2 jQuery安装3 jQuery语法jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。4 jQuery选择器5 jQuery事件6 jQuery效果6.1 jQuery 1 jQuery简介 jQuery 是一个 JavaScript 函数库。 jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。 2 jQuery安装 有两种方法: 下载jQuery jQuery 库是一个 JavaScript 文件,您

2021-06-24 15:04:19 59

原创 W2-CSS基础

CSS基础2.1CSS概念、语法和选择器2.1.1CSS概念2.1.2CSS语法2.1.3CSS id,class(类)选择器2.2CSS的创建2.2.1如何插入样式表2.2.2外部样式表2.2.3内部样式表2.2.4内联样式表2.2.5多重样式2.2.6多重样式优先级2.3CSS常用属性2.3.1背景2.3.2颜色2.3.3尺寸2.3.4对齐2.3.5边框2.3.6显示 2.1CSS概念、语法和选择器 2.1.1CSS概念 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义

2021-06-24 00:12:25 153 1

原创 W6-Javascript基础2-事件、表单

W6-Javascript基础2-事件、表单1.[JavaScript HTML DOM 事件](https://www.runoob.com/js/js-htmldom-events.html)onclick事件2.[JavaScript 表单验证](https://www.runoob.com/js/js-validation.html)3.列表全选、列表左右选择 1.JavaScript HTML DOM 事件 onclick事件 对点击事件做出反应 当我们对元素进行点击想要引发相应的事件时,请向一个

2021-06-10 17:41:08 103 1

原创 W1-漂漂亮亮的网站从这里就开始啦-HTML安装和基本标签使用

目录HTML软件安装资源网页设计的步骤布局 HTML软件安装 点此进入HBuilderX下载 下载文件为压缩包,解压即安装完成。 资源 点此进入HTML教程 菜鸟教程可以找到HTML中可能用到的元素。 网页设计的步骤 布局 ...

2021-03-18 12:37:51 666 2

空空如也

空空如也

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

TA关注的人

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