前端
文章平均质量分 76
学习笔记
保护眼睛
这个作者很懒,什么都没留下…
展开
-
Vue将List中对象的元素赋值到table对应位置中
Vue学习笔记代码结果代码<body><div id="app" style="text-align: center;background-color: yellow;text-indent: 20px"> <v-simple-table v-show="true"> <template v-slot:default > <thead> <tr style="bac原创 2021-08-13 17:32:34 · 1193 阅读 · 0 评论 -
Vue学习笔记
Vue学习笔记使用 v-html 指令用于输出 html 代码HTML 属性中的值使用 v-bind 指令。v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。参数在指令后以冒号指明。例如, v-bind 指令被用来响应地更新 HTML 属性:v-model 指令来实现双向数据绑定使用 v-html 指令用于输出 html 代码<div id="app"> <div v-html="message"></div>原创 2021-08-13 16:19:18 · 216 阅读 · 1 评论 -
使用JavaScript从当前URL的QueryString中获取指定的参数
使用JavaScript从当前url的QueryStrng中获取指定的参数代码逻辑测试代码function getParamValue(urlkey) { var param = location.search; param = param.substring(1); var paramArr = param.split("&"); // alert(paramArr); for (var i = 0; i < paramArr.length; i+原创 2021-08-08 23:40:40 · 1026 阅读 · 2 评论 -
使用Bootstrap实现简单的主页
Bootstrap的使用效果未登录时代码登陆后代码效果未登录时页面:点击登录登录之后未登录时代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi原创 2021-07-29 21:17:33 · 1233 阅读 · 13 评论 -
html、js实现分页展示的功能
html、js实现简单的分页功能逻辑效果部分代码逻辑简单的逻辑实现:初始的curPage是1、通过登录界面将curPage传入到list.html的QueryString中在后端的逻辑处理是:后端通过获取到的curPage、来进行分页查询获取前端传来的参数curPage、每次只查询七个结果、如果在前端点击下一页的话、那么curPage + 1 、也就是下一次开始的位置是上一次查询的结束的位置。效果在第一页点击上一页:点击下一页之后:再次点击上一页:就又回到刚才的页面了:原创 2021-07-26 19:02:17 · 2768 阅读 · 32 评论 -
html、js实现简单的注册功能校验
html、js实现简单的注册功能校验效果源码效果什么都不写的话:未输入全部的信息的时候:如果密码的强度不高的话:两次密码不一致的情况:如果所有的信息都正确的情况下就会跳转到注册成功的界面:源码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="I原创 2021-07-26 13:34:46 · 711 阅读 · 34 评论 -
html、css、js实现背景图的切换和倒计时跳转的功能
html、css、js实现背景图的切换和倒计时跳转的功能效果html文件css文件js文件效果跳转到其它的页面html文件<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="viewport" content="width=device原创 2021-07-24 23:39:48 · 709 阅读 · 21 评论