HTML
文章平均质量分 51
HTML
Starzkg
你已经是一个成熟的程序猿了,要学会自己DEBUG了。
展开
-
《移动应用开发》实验报告——Vue
实验目标熟悉Vue开发工具,学会安装Vue-CLI脚手架工具。 学会使用Vue-CLI脚手架工具在自己的电脑上建立项目,并运行调试。实验内容使用Vue-CLI脚手架工具,用命令的方法搭建一个Web项目,项目名称为myvue01,在项目中创建一个页面(修改为首页),单击按钮,在Div中显示Hello World!。 使用Vue-CLI脚手架GUI工具,创建一个Web项目,项目名称为myvue02,编写一个简单的登录页面(修改为首页),点击登录按钮,可提示信息(或跳转到新的欢迎页面)。本题可以选择原创 2021-04-14 14:03:25 · 3131 阅读 · 1 评论 -
《移动应用开发》作业——HTML、CSS
一、内容及目标安装Web网站前端开发工具和服务器软件,推荐使用VSCode和Tomcat9。 掌握在本地计算机上发布网站的方法,使用手机通过局域网浏览自己的网站。不清楚Tomcat9虚拟目录设置的同学,可参考文件:配置虚拟目录-比较易于调试程序的方法.docx。第一步,将web源代码配置为web应用(虚拟目录),第二步,设置web应用的网站首页(默认文档)。 使用HTML5中<canvas> 元素完成一个比较复杂的图形绘制,形状自己定。 编辑1种便于在手机屏幕上使用的导航栏。 设计1原创 2021-03-19 19:26:01 · 591 阅读 · 0 评论 -
《移动应用开发》作业——了解Web应用开发技术
题目一:请查找资料,简单描述Web应用开发框架Vue.js、React.js、Angular.js的特点,及在移动应用方面的发展,每种400字至600字。Web应用开发框架——Vue.js:特点:易用已经会了 HTML、CSS、JavaScript?即刻阅读指南开始构建应用!灵活不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩。高效20kB min+gzip 运行大小、超快虚拟 DOM、最省心的优化在移动应用方面的发展和应用:Vue.js是如今经常被讨论到的原创 2021-03-19 19:14:14 · 597 阅读 · 0 评论 -
《Web项目实践》实验报告——Web项目实践基础
一、实验目的掌握Web前端开发的基础知识; 掌握Web前端工程开发的基本流程;二、实验内容1、使用VSCode开发工具完成"青木商城"网站个人中心页面和订单支付确认页面的编写,具体页面布局和内容参考大型电商网站;2、使用git进行代码管理并上传个人中心页面和订单支付确认页面到gitee或GitHub上;3、将青木商城的各页面的超链接关联起来,形成逻辑完整的界面,并将vue.js语法应用于购物车界面;4、设计青木商城的数据库表结构;5、调查问卷WebApp;6、设计青木商...原创 2020-10-24 16:51:16 · 10366 阅读 · 0 评论 -
Vue + Element UI——滚动条el-scrollerbar和无限滚动指令v-infinite-scroll整合解决方案
基本概念el-scrollbar:Element UI隐藏组件。注意事项:1.el-scrollbar的父层要有固定高度2.el-scrollbar的高度要设成100%3.如果出现横滚动条,添加overflow-x:hidden;无限滚动指令v-infinite-scroll:滚动至底部时,加载更多数据。官方文档https://element.eleme....原创 2020-04-28 12:26:52 · 10092 阅读 · 0 评论 -
JavaScript——易班优课YOOC课群在线测试自动答题解决方案(八)功能面板
前文JavaScript——易班优课YOOC课群在线测试自动答题解决方案(一)答案获取Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(二)答案储存Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(三)答案查询JavaScript——易班优课YOOC课群在线测试自动答题解决方案(四)答案显示JavaScript——易班优课YOOC课...原创 2020-04-28 00:06:29 · 1292 阅读 · 0 评论 -
Element UI——数字输入框解决方案
问题描述当我们开发项目时,常常想限制用户只能输入纯数字:官方文档https://element.eleme.cn/#/zh-CN/component/inputhttps://element.eleme.cn/#/zh-CN/component/input-number解决方案方法一:el-input + 正则表达式只需要在el-input标签添加代码,如下图所示...原创 2020-04-11 13:00:12 · 7093 阅读 · 0 评论 -
HTML/CSS——子元素相对于父元素固定定位解决方案
基本概念绝对定位(absolute):设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。https://www.w3school.com.cn/css/css_positioning_absolu...原创 2020-03-29 10:19:01 · 5820 阅读 · 0 评论 -
Element UI——滚动条组件(ElScrollBar)修改.el-scrollbar__wrap和el-scrollbar__view的CSS属性
基本概念el-scrollbar:Element UI隐藏组件。注意事项:1.el-scrollbar的父层要有固定高度2.el-scrollbar的高度要设成100%3.如果出现横滚动条,添加overflow-x:hidden;源代码// reference https://github.com/noeldelgado/gemini-scrollbar/blob...原创 2020-03-27 21:42:47 · 12648 阅读 · 4 评论 -
Vue + Element UI——对话框式登录框DEMO
源代码<template> <div class="login"> <el-button type="success" class="loginButton" @click="centerDialogVisible = true" >Login</el-button> <el-dialog t...原创 2020-03-24 14:25:42 · 827 阅读 · 0 评论 -
Vue + Bootstrap|Element UI——模态框被遮罩层遮盖问题解决方案
问题描述问题分析1)若dialog弹出框,它的遮罩层就会被插入到body标签下(即与组件所在的最外层div同一层级)Element UI中设置了modal-append-to-body='true'(默认)属性2)dialog的显示层和遮罩层都设置了position:fixed,当然显示层的z-index肯定要比遮罩层的大,才能正常的显示弹出框。问题就出在此处,若dia...原创 2020-03-21 19:44:46 · 2709 阅读 · 1 评论 -
微信小程序|QQ小程序——AppID不合法
问题描述问题分析原因一:AppID无法通过认证,前往微信小程序|QQ小程序管理后台,查询AppID。原因二:项目配置文件中的AppID与项目AppID不一致。解决方案对于原因一:前往微信小程序|QQ小程序管理后台,查询AppID。对于原因二:修改一致即可。参考文章https://developers.weixin.q...原创 2020-03-19 13:05:45 · 2899 阅读 · 0 评论 -
Vue 4.0——Vue与Bootstrap整合解决方案
解决方案1、安装jQuery、 Bootstrap、popper.js依赖npm install jquery --savenpm install bootstrap --savenpm install popper.js --save2、配置 main.js//main.js import Vue from "vue";import App from "./App...原创 2020-02-23 13:37:30 · 2596 阅读 · 0 评论 -
JavaScript——仿键盘打字输入动画效果DEMO
功能介绍jQuery仿键盘打字输入动画效果,支持设置字体为红色、设置背景色、暂停、开始、码字、退格功能。源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>键盘输入</title> <sty...原创 2020-02-17 15:04:06 · 1006 阅读 · 0 评论 -
Bootstrap——table标签使用横向滚动条解决方案
官方文档https://v4.bootcss.com/docs/content/tables/解决方案方法一:原生CSS给table标签添加CSS属性table显示滚t动条,要先把table放到一个div中,控制div 属性overflow值为scroll<div style="overflow:scroll;">············</di...原创 2020-02-15 19:14:38 · 12387 阅读 · 0 评论 -
Bootstrap + Thymeleaf——预约维修前端页面设计(UI + JS数据校验 + JSON序列化 + AJAX提交)DEMO
技术栈Bootstrap+ JavaScript + jQuery + AJAX +Thymeleaf源代码<!DOCTYPE html><html lang="en" xmlns:th="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> ...原创 2020-02-13 21:20:53 · 1134 阅读 · 1 评论 -
jQuery——封装form表单的数据为json对象
CDN<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>源代码 ...原创 2020-02-13 20:21:11 · 754 阅读 · 0 评论 -
Bootstrap4——字体大小根据屏幕改变解决方案
官方文档https://v4.bootcss.com/docs/content/typography/#responsive-font-sizes说明「自适应字体尺寸」,下简称 RFS,这也是 Bootstrap GitHub 仓库中的一个新项目。RFS根据访问者设备或浏览器窗口的尺寸自动计算合适的字体大小(font-size)。下面是它的工作过程:所有font-siz...原创 2020-02-13 10:21:48 · 12948 阅读 · 0 评论 -
Thymeleaf——访问静态资源(static)解决方案
官方文档https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#server-root-relative-urls解决方案Spring Boot在Thymeleaf结构模块很好提供了静态资源的引用方法可以使用其他语法来创建相对于服务器根目录的URL(而不是上下文根目录的URL),以便链接到同一服务器中的不同上下...原创 2020-02-12 20:38:32 · 14579 阅读 · 0 评论 -
Web Security——英语写作与教学评价系统(iWrite)解决写作时禁止复制粘贴问题解决方案
基本概念英语写作与教学评价系统(iWrite):英语写作教学与评阅系统基于对大学英语写作教学的深入研究而设计,能够实现语言、内容、篇章结构及技术规范四个维度的机器智能评阅,并将机评和人评深度结合,以机评促反馈,注重教学过程的师生深度互动,全面助力教师提升写作教学效果,帮助学生真正提高写作水平。官方介绍:https://book.yunzhan365.com/jivf/klfg/mobil...原创 2020-02-05 13:00:10 · 13251 阅读 · 1 评论 -
Thymeleaf——在不覆盖现有class属性的情况下动态添加CSS class解决方案
问题描述th:class动态添加CSS class会覆盖现有class属性,导致class较多时,表达式过长。官方文档https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#appending-and-prepending解决方案th:classappend:用于在不覆盖现有属性的情况下向元素添加CSS c...原创 2020-02-03 13:25:45 · 3266 阅读 · 0 评论 -
Vue.js——简单计数器
源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...原创 2019-12-27 16:25:01 · 749 阅读 · 0 评论 -
PHP/AJAX——登录页面与登录信息提示(非安全版本)
基本概念AJAX:AJAX引擎其实是一个JavaScript对象,全写是 window.XMLHttpRequest对象,由于浏览器的版本不同,特别是老版本的IE浏览器,虽然也支持AJAX引擎,但是写法上有区别,在IE低版本中通常用 ActiveXObject对象来创建AJAX引擎。 AJAX来自英文“Asynchronous Javascript And XML”的缩写,也称为异步Ja...原创 2019-10-16 00:00:29 · 378 阅读 · 0 评论 -
Web开发技术发展历史
Web的诞生提到Web,不得不提一个词就是“互联网”。Web是World Wide Web的简称,中文译为万维网。“万维网”和我们经常说的“互联网”是两个联系极其紧密但却不尽相同的概念。今天“互联网”三个字已经承载了太多的内涵,提到互联网,我们通常想到的一种战略思维,或者是一种颠覆传统的商业模式。抛开那些纷繁凌乱的商业化概念,回归技术本身,互联网就是指通过TCP/IP协议族互相连接在一起的计算...转载 2019-10-15 21:58:13 · 442 阅读 · 0 评论 -
AJAX——注册新用户的重名提示
基本概念AJAX:AJAX引擎其实是一个JavaScript对象,全写是 window.XMLHttpRequest对象,由于浏览器的版本不同,特别是老版本的IE浏览器,虽然也支持AJAX引擎,但是写法上有区别,在IE低版本中通常用 ActiveXObject对象来创建AJAX引擎。 AJAX来自英文“Asynchronous Javascript And XML”的缩写,也称为异步Ja...原创 2019-10-08 17:35:25 · 465 阅读 · 0 评论 -
BugKuCTF WEB web基础$_POST
http://123.206.87.240:8002/post/题解:工具:开发者工具$what=$_POST['what'];echo $what;if($what=='flag')echo 'flag{****}';审查元素修改HTML<body>$what=$_POST['what'];<br>echo $what;<...原创 2019-07-07 00:58:36 · 1129 阅读 · 0 评论 -
HTML/CSS——form表单select联动(JavaScript方法)
下拉列表:二级联动菜单Select对象的常用属性options[]:返回所有option组成的一个数组;name:名称value:option的value的值length:设置或读取option的个数selectedIndex:当前选中的option的索引号option对象的常用属性text:指<option></option>中的文本...原创 2019-09-04 14:25:17 · 1514 阅读 · 0 评论 -
PHP——MySQL数据库分页查询
原理https://blog.csdn.net/weixin_43272781/article/details/101319460效果代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224...原创 2019-10-04 18:36:57 · 463 阅读 · 0 评论 -
Hello World
#include &amp;amp;amp;amp;amp;amp;amp;amp;lt;stdio.h&amp;amp;amp;amp;amp;amp;amp;amp;gt;#include &amp;amp;amp;amp;amp;amp;amp;amp;lt;stdlib.h&amp;amp;amp;amp;amp;amp;amp;amp;gt;int main(int argc, char *argv[]){ pri原创 2019-09-30 23:19:18 · 3404 阅读 · 0 评论 -
HMTL/CSS——下拉菜单DEMO
效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2019-08-04 10:41:14 · 364 阅读 · 0 评论 -
HTML/CSS——float制作页面DEMO
效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...原创 2019-08-03 23:12:50 · 566 阅读 · 0 评论 -
IIS+ASP+MySQL8.0+数据库连接解决方案(2019.7)
1、MySQL的ODBC驱动是安装在客户端上,客户端通过ODBC驱动向数据库服务器发送请求后,访问数据库服务器的数据库文件,进行连接MySQL ODBC 官方下载地址2、关于ASP+MySQL8.0+数据库连接错误Microsoft OLE DB Provider for ODBC Drivers 错误 '80004005'[Microsoft][ODBC 驱动程序管理器] 未发...原创 2019-07-30 21:54:44 · 2223 阅读 · 0 评论 -
IIS+ASP+MySQL8.0+中文乱码解决方案(2019.7)
困扰了我多天的ASP与MySQL操作中中文乱码问题终于得到了解决,真是很有成就感;多天以来,在探索使用ASP查询以及写入MySQL数据库中汉字的成功实现,我花费了大量的时间,几乎查看了网络上所有关于ASP结合MySQL的文字,但是尽管看的多,收效却甚微,原因在于,MySQL一般是与PHP结合使用,基本上很难找到一个在windows系统下使用ASP操作MySQL的成功案例,更难找到这方面的问题解决方...原创 2019-07-30 20:03:05 · 1019 阅读 · 0 评论 -
BugKuCTF WEB web3
http://123.206.87.240:8002/web3/题解:似乎弹框死循环查看源代码<html> <head> <title>BKCTF-WEB3</title> <script language="javascript"> alert("flag就在这里"); alert("来找找...原创 2019-07-07 07:56:13 · 851 阅读 · 0 评论 -
BugKuCTF WEB 计算器
http://123.206.87.240:8002/yanzhengma/题解:工具:开发者工具直接输入答案发现只能输入一位数字审查元素修改HTML原创 2019-07-07 00:58:25 · 515 阅读 · 0 评论 -
CG CTF WEB 签到2
http://teamxlc.sinaapp.com/web1/02298884f0724c04293b4d8c0178615e/index.php题解:审查元素修改HTML代码输入口令原创 2019-07-01 09:45:02 · 525 阅读 · 0 评论 -
CG CTF WEB SQL注入2
http://4.chinalover.sinaapp.com/web6/index.php题解:<html><head>Secure Web Login II</head><body><?phpif($_POST[user] && $_POST[pass]) { mysql_connect(SAE...原创 2019-07-04 17:25:04 · 1476 阅读 · 0 评论 -
CG CTF WEB SQL注入1
http://chinalover.sinaapp.com/index.php题解:<html><head>Secure Web Login</head><body><?phpif($_POST[user] && $_POST[pass]) { mysql_connect(SAE_MYSQL_HOS...原创 2019-07-04 16:59:33 · 1168 阅读 · 0 评论 -
CG CTF WEB pass check
http://chinalover.sinaapp.com/web21/原理:php的弱类型漏洞strcmp函数接受到了不符合的类型,strcmp函数将发生错误,显示了报错的警告信息后,将return 0。版本一题解:抓包工具:Burp Suite步骤:$pass=@$_POST['pass'];$pass1=***********;//被隐藏起来的密...原创 2019-07-04 15:27:03 · 717 阅读 · 0 评论 -
BugKuCTF WEB flag在index里
http://123.206.87.240:8005/post/题解:本地文件包含漏洞+php伪协议的结合应用原理:php的封装协议:http://php.net/manual/zh/wrappers.php.php点击URLhttp://123.206.87.240:8005/post/index.php?file=show.php文件包含漏洞URL...原创 2019-07-09 14:06:43 · 570 阅读 · 0 评论