- 博客(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关注的人