- 博客(16)
- 收藏
- 关注
RSS订阅原创 学习周记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
81
原创 学习周记15
小程序初步一、微信小程序的相关文件类型二、逻辑层(App Service)三、相关处理代码1、注册程序处理代码2、注册页面处理代码 一、微信小程序的相关文件类型 微信小程序项目结构主要有四个文件类型 1、WXML是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件。 2、WXSS是一套样式语言，用于描述 WXML 的组件样式， 3、js 逻辑处理，网络请求 4、json 小程序设置，如页面注册，页面标题及tabBar。 在目录中还有 app.json这个文
2021-06-30 22:54:57
71
原创 学习周记14
Vue初步Vue.js 样式绑定class 属性绑定Vue.js style(内联样式)Vue.js 事件处理器 Vue.js 样式绑定 Vue.js class class 与 style 是 HTML 元素的属性，用于设置元素的样式，可以用 v-bind 来设置样式属性。 class 属性绑定 为 v-bind:class 设置一个对象，从而动态的切换 class: 实例 <!DOCTYPE html> <html> <head> <meta charset="
2021-06-29 23:43:54
91
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
63
原创 学习周记12
Vue初步Vue.js 起步Vue.js 模板语法1.插值2.Html Vue.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
307
原创 学习周记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
71
原创 学习周记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
95
原创 学习周记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
100
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
61
原创 学习周记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
140
原创 学习周记6
JavaScript基础 一、JavaScript 用法 HTML 中的脚本必须位于 < script > 与 < /script > 标签之间。 脚本可被放置在 HTML 页面的 < body > 和 < head > 部分中。 浏览器会解释并执行位于 之间的 JavaScript 代码 1.< body > 中的 JavaScript <!DOCTYPE html> <html> <head> <
2021-05-04 15:07:12
116
原创 学习周记5
BootStrap初步 一、 Bootstrap 简介 Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。基于 HTML、CSS、JavaScript 。 Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。 二、Bootstrap 表格 1、一些表格元素 标签 描述 < table > 为表格添加基础样式。 < thead > 表格标题行的容器元素（< tr >），用来标识表格列。 < tbody
2021-04-09 16:49:34
266
原创 学习周记4
CSS常用属性 CSS尺寸 通过改变尺寸属性可以改变元素的高度和宽度，也可以改变行间距。 属性 描述 height 设置元素的高度 line-height 设置行高 max-height 设置元素的最大高度 max-width 设置元素的最大宽度 min-height 设置元素的最小高度 min-width 设置元素的最小宽度 width 设置元素的宽度 注：将属性改变写入< style >标签，放于< head >下 设置元素不同高度的实
2021-03-28 20:07:23
115
原创 学习周记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
84
原创 学习周记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
81
原创 学习周记1
学习周记1一些基础元素表格、列表、区块1.表格2.列表3.区块 一些基础元素 HTML 元素要以开始标签起始，以结束标签终止 常用元素 标签 标题 < h >< /h > 段落 < p >< /p> 链接 < a href=“链接内容”>名称< /a > 图像 < img src=“选择图片” width=“调整大小” height=“调整大小” /> 根据以上的基础标签，做一个简单的人物简介
2021-03-08 21:52:58
253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人