- 博客(11)
- 收藏
- 关注
原创 初试微信小程序
tabBar如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。"tabBar": { "selectedColor": "#A58AEA", "color": "#A58AEA", "list": [ { "iconPath": "img/首页.png", "text": "首页", "sele
2021-06-27 15:22:38 177
原创 前端开发8-VUE2
关于VUE2条件语句和循环语句样式绑定事件监听两个实例条件语句和循环语句v-if指令 条件语句使用条件判断,根据数据值来控制元素的展示2.v-for指令 循环语句使用循环语句,根据数据集来展示元素<div class="err_content" v-if="errMsg.length"> <b>错误提示:</b> <ul> <li v-for="err in errMsg">{{err}}</li&g
2021-06-26 17:12:08 114
原创 前端开发8-VUE
关于VUEVUE安装和使用VUE起步二、使用步骤1.引入库2.读入数据总结VUE安装和使用用 script标签引入https://cdn.staticfile.org/vue/2.2.2/vue.min.jsVue的本质是将数据和内容展现的视图分开,即所谓的MV模式,代码可以分为三个板块:模型(Model),逻辑控制(*),视图(View),模型板块负责数据,视图板块负责样式,逻辑控制负责将视图和数据关联。这样的好处是,当需求发生变动时,只需要修改对应的板块。VUE起步每个 Vue 应用都需要通
2021-06-24 18:40:36 124
原创 前端开发7-JQuery
JQueryJQuery语法JQuery事件jQuery 效果两个例子点击跳转网页点击跳转网JQuery语法jQuery 选择器允许对 HTML 元素组或单个元素进行操作。基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头:$()。JQuery事件页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。比如:在元素
2021-06-24 18:40:09 183
原创 前端开发6-HTML DOM
HTML DOMHTML DOM定义改变HTML内容和属性HTML DOM定义当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM 模型被构造为对象的树:JavaScript 能够改变页面中的所有 HTML 元素JavaScript 能够改变页面中的所有 HTML 属性JavaScript 能够改变页面中的所有 CSS 样式JavaScript 能够对页面中的所有事件做出反应改变HTML内容和属性<body><s
2021-06-24 14:40:29 56
原创 JavaScript练习
日历<script>window.onload=function (){ var oTab=document.getElementById('tab'); var aTxt=oTab.getElementsByTagName('div')[0]; var aLi=oTab.getElementsByTagName('li'); var aArr=[ '这是一月活动内容', '这是二月活动内容', '这是三月活动内容', '这是四月活动内容', '这是五月活动内容',
2021-06-20 21:01:39 151
原创 前端开发5-JavaScript
这里写自定义目录标题一、JavaScript 用法一、JavaScript 用法HTML 中的脚本必须位于 script 与 /script标签之间。脚本可被放置在 HTML 页面的 body 和 head 部分中。
2021-06-20 20:38:56 70
原创 前端开发-4 BoodStrap
基本结构Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框表格内容<table> 为表格添加基础样式。<thead> 表格标题行的容器元素(<tr>),用来标识表格列。<tbody> 表格主体中的表格行的容器元素(<tr>)。<tr> 一组出现在单行上的表格单元格的容器元素(<td> 或 <th>)。<
2021-06-16 22:56:13 200
原创 前端开发学习-3
CSS样式表内部样式表:<style> hr {color:sienna;} p {margin-left:20px;} body {background-color:#b0c4de;}</style>CSS常用属性颜色、颜色、尺寸、对齐、边框、显示边框:<style> p.one { border-style:solid; border-color:black; }</style> <p class="o
2021-05-05 18:38:32 69
原创 前端开发学习-2
CSS id选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。<style> #para1 { text-align:center; color:lightblue; } </style> </head> <body> <p id="para1">戳一戳</p> <p>戳
2021-04-11 18:54:31 76
原创 前端开发学习-1
HBuilder学习第一周整体代码&预览<!DOCTYPE html><html> <head> <title>个人介绍-SHP</title> </head> <body> <div id="content" style=height:200px;width:400px;float:left;"> </div> <h1 style="tex
2021-03-09 20:26:31 551 7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人