- 博客(16)
- 收藏
- 关注
原创 学习周记16
小程序初步实例学习1.图片轮播2、底部导航栏实例学习1.图片轮播index.js文件中Page({ data: { circular: true, //是否显示画板指示点,根据图片数量自动生成多少个圆点 indicatorDots: true, //选中点的颜色 //是否竖直 vertical: false, //是否自动切换 autoplay: true, //自动切换的间隔 interval: 3000, //滑动动画时长毫秒 duration: 1000
2021-06-30 23:03:46
112
原创 学习周记15
小程序初步一、微信小程序的相关文件类型二、逻辑层(App Service)三、相关处理代码1、注册程序处理代码2、注册页面处理代码一、微信小程序的相关文件类型微信小程序项目结构主要有四个文件类型1、WXML是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件。2、WXSS是一套样式语言,用于描述 WXML 的组件样式,3、js 逻辑处理,网络请求4、json 小程序设置,如页面注册,页面标题及tabBar。在目录中还有app.json这个文
2021-06-30 22:54:57
113
原创 学习周记14
Vue初步Vue.js 样式绑定class 属性绑定Vue.js style(内联样式)Vue.js 事件处理器Vue.js 样式绑定Vue.js classclass 与 style 是 HTML 元素的属性,用于设置元素的样式,可以用 v-bind 来设置样式属性。class 属性绑定为 v-bind:class 设置一个对象,从而动态的切换 class:实例<!DOCTYPE html><html><head><meta charset="
2021-06-29 23:43:54
132
2
原创 学习周记13
Vue初步Vue.js 条件语句1.v-if2.v-else3.v-else-ifVue.js 循环语句1.v-for 指令2.v-for 迭代对象Vue.js 条件语句1.v-if条件判断使用 v-if 指令在元素 和 template 中使用 v-if 指令:实例<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script
2021-06-28 03:44:43
74
原创 学习周记12
Vue初步Vue.js 起步Vue.js 模板语法1.插值2.HtmlVue.js 起步每个 Vue 应用都需要通过实例化 Vue 来实现。语法格式var vm = new Vue({ // 选项})实例<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <scrip
2021-06-28 03:23:24
343
原创 学习周记11
AJAX基础AJAX 简介AJAX 实例AJAX XHR1.XHR创建对象2.XHR请求XHR响应AJAX 简介AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。应用程序案例:新浪微博、Google 地图等等。AJAX 实例此AJAX 应用程序包含一个 div 和一个按钮。<html><bo
2021-06-27 12:15:03
80
原创 学习周记10
JQuery JSON使用实验实验一实验二实验一根据所给实验所给代码片段得到以下代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>JQuery </title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/boots
2021-06-06 21:07:29
122
原创 学习周记9
JSON基础一、JSON简介1、什么是 JSON ?2、实例3、与XML对比二、JSON 语法1、JSON 语法规则2、JSON 名称/值对3、JSON值JSON 数字JSON 对象JSON 数组JSON 文件一、JSON简介1、什么是 JSON ?JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)JSON 是轻量级的文本数据交换格式JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和
2021-05-26 22:18:09
116
1
原创 学习周记8
JQuery初步一、jQuery简介二、jQuery语法三、jQuery 选择器1、元素选择器2、#id 选择器3、.class 选择器其他语法四、jQuery 事件1、click()2、focus()3、blur()五、jQuery 效果1、隐藏和显示2、淡入淡出jQuery fadeIn() 方法jQuery fadeOut() 方法一、jQuery简介jQuery 是一个 JavaScript 函数库。jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。jQuery 库
2021-05-05 21:21:52
66
原创 学习周记7
JavaScript HTML DOM一、DOM简介HTML DOM (文档对象模型)二、HTML DOM - 改变 HTML1、改变 HTML 输出流2、改变 HTML 内容3、改变 HTML 属性三、HTML DOM - 改变CSS1、改变 HTML 样式2、使用事件四、HTML DOM 事件1、对事件做出反应2、使用 HTML DOM 来分配事件3、onload 和 onunload 事件4、onchange 事件5、onmouseover 和 onmouseout 事件6、onmousedown、o
2021-05-05 15:06:04
271
原创 学习周记6
JavaScript基础一、JavaScript 用法HTML 中的脚本必须位于 < script > 与 < /script > 标签之间。脚本可被放置在 HTML 页面的 < body > 和 < head > 部分中。浏览器会解释并执行位于 之间的 JavaScript 代码1.< body > 中的 JavaScript<!DOCTYPE html><html> <head> <
2021-05-04 15:07:12
134
原创 学习周记5
BootStrap初步一、 Bootstrap 简介Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。基于 HTML、CSS、JavaScript 。Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。二、Bootstrap 表格1、一些表格元素标签描述< table >为表格添加基础样式。< thead >表格标题行的容器元素(< tr >),用来标识表格列。< tbody
2021-04-09 16:49:34
284
原创 学习周记4
CSS常用属性CSS尺寸通过改变尺寸属性可以改变元素的高度和宽度,也可以改变行间距。属性描述height设置元素的高度line-height设置行高max-height设置元素的最大高度max-width设置元素的最大宽度min-height设置元素的最小高度min-width设置元素的最小宽度width设置元素的宽度注:将属性改变写入< style >标签,放于< head >下设置元素不同高度的实
2021-03-28 20:07:23
156
原创 学习周记3
CSS基础一、CSS的创建当读到一个样式表时,浏览器会根据它来格式化 HTML 文档。1.内部样式表将元素样式要求的CSS写入< style > 标签在文档头部定义内部样式表注:应用于单个文档需要特殊的样式时应用实例<html> <head> <style> h1 {color:blue;} p {margin-left:50px;} </style> </head> <body>
2021-03-22 21:55:31
89
原创 学习周记2
HTML布局div 元素是用于分组 HTML 元素的块级元素。也可以用 < table > 标签创建布局(较简单)应用实例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table width="350" border="0"> <t
2021-03-15 17:43:39
88
原创 学习周记1
学习周记1一些基础元素表格、列表、区块1.表格2.列表3.区块一些基础元素HTML 元素要以开始标签起始,以结束标签终止常用元素标签标题< h >< /h >段落< p >< /p>链接< a href=“链接内容”>名称< /a >图像< img src=“选择图片” width=“调整大小” height=“调整大小” />根据以上的基础标签,做一个简单的人物简介
2021-03-08 21:52:58
289
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人