- 博客(13)
- 收藏
- 关注
原创 W13-AJAX
1.AJAX简介AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。2.创建对象创建 XMLHttpRequest 对象的语法:variable=new XMLHttp
2021-06-30 23:18:42 67
原创 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 119 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 94
原创 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 91
原创 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 88
原创 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操作cssjQuery 拥有若干进行 CSS 操作的方法。addClass() - 向被选元素添加一个或多个类$("button").click(function(){ $("h1,h2,p").ad
2021-06-30 21:12:13 128
原创 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 78
原创 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 278
原创 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 208
原创 W7-jQuery基础
W8-jQueryjQuery1 jQuery简介2 jQuery安装3 jQuery语法jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。4 jQuery选择器5 jQuery事件6 jQuery效果6.1jQuery1 jQuery简介jQuery 是一个 JavaScript 函数库。jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。2 jQuery安装有两种方法:下载jQueryjQuery 库是一个 JavaScript 文件,您
2021-06-24 15:04:19 74
原创 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 173 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 128 1
原创 W1-漂漂亮亮的网站从这里就开始啦-HTML安装和基本标签使用
目录HTML软件安装资源网页设计的步骤布局HTML软件安装点此进入HBuilderX下载下载文件为压缩包,解压即安装完成。资源点此进入HTML教程菜鸟教程可以找到HTML中可能用到的元素。网页设计的步骤布局...
2021-03-18 12:37:51 682 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人