![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
徐林2333
这个作者很懒,什么都没留下…
展开
-
Vue入门05(双向绑定)
输入框显示内容:<html><head> <title>vue04</title> <meta charset="utf-8"/></head><body><div id="app5"> 输入框<input type="text" v-model="message">{{message}}</div></body><script s原创 2021-04-20 15:48:49 · 71 阅读 · 0 评论 -
Vue入门03绑定点击事件
<html><head> <title>vue04</title> <meta charset="utf-8"/></head><body> <div id="app4"> <button v-on:click="sayHi">点击我</button> <!--v-on绑定点击事件--> </div><原创 2021-04-20 15:25:19 · 432 阅读 · 0 评论 -
Vue入门02
vue实现if-else判断:<html><head> <meta charset="utf-8"/> <title>vue2</title></head><body><div id="app2"> <h1 v-if="ok">ok</h1> <h1 v-else>no</h1></div><scrip原创 2021-04-20 10:57:20 · 76 阅读 · 0 评论 -
Vue入门01
初步理解:File---->setting----->Plugins--------->安装vue插件实现双向绑定,操作虚拟Dom,实时更新前端数据:(导入vue.js cdn:<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>)<html><head> <meta charset="utf-8"/>原创 2021-04-20 10:22:59 · 70 阅读 · 0 评论 -
前端修改功能日期无法获取展示
这是我最原始的代码,由于日期没有进行转型。所以我th:value="${apple.date}"中获取的值是Mon Apr 12 00:00:00 CST 2021这个样子的。updUser.html:<label class="layui-form-label">日期</label> <div class="layui-input-block"> <input type="date" name="date" th:value="${ap原创 2021-04-12 10:20:27 · 358 阅读 · 0 评论 -
layui实现单选反选全选
<table class="layui-table" lay-filter="test" id="bd"><!--表单标签加上id属性--> <tr> <th>选择</th> <!----添加选择框的位置----> <th>id</th> <th>品种</th> <th>单价(原创 2021-04-12 09:06:21 · 336 阅读 · 0 评论 -
网页添加Live2D,背景线条动漫人物
背景悬浮线条:<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script> $(function(){ function n(n,e,t){ return n.getAttribute(e)||t } function e(n){ return document.getElementsByTagName(n) } function t(原创 2021-04-11 19:20:38 · 609 阅读 · 0 评论 -
jQuery鼠标事件
jQuery代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <style> #divMove原创 2021-03-16 11:15:22 · 69 阅读 · 0 评论 -
jQuery入门公式
jQuery库,里面存在着大量的javascript函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--CDN引入--> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></scri原创 2021-03-16 10:40:31 · 226 阅读 · 0 评论 -
表单提交验证及前端密码MD5加密
提交表单,md5加密密码,表单优化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script> <!--MD5加原创 2021-03-16 10:03:30 · 918 阅读 · 0 评论 -
CSS入门2(选择器)
选择器作用:选择页面上某一个或某一类元素基本选择器:标签选择器:选择一类标签 标签{}类选择器 class:选择所有class类一致的标签,跨标签 .类名{}Id选择器:全局唯一 #id名{}标签选择器:类选择器 classId 选择器:id选择器:id必须保证全局唯一格式:#id名称{} */优先级: 不遵循就近原则id选择器>class类选择器>标签选择器...原创 2021-03-11 11:31:27 · 67 阅读 · 0 评论 -
CSS入门1
html:style.csshead中<link rel="stylesheet" href="style.css"/>标签导入css文件路径--------------外部样式head中<style> h1{ color:red}</style> 直接导入------------内部样式body中例如<h1 style="color:red"> aaa</h1>--------行内样式优先级:看起来像是:行内样式>内部样式&原创 2021-03-11 10:45:27 · 78 阅读 · 0 评论