随笔分类 - Web前端
HTML、CSS、JavaScript、JQuery、Bootstrap
摘要：From案例分析： 1、Html 部分： <form @submit.prevent="" style=" border: 1px solid rgb(109, 200, 253);background-color: aliceblue;padding:8px;margin:8px; width:3
阅读全文
摘要：一、Vue 更改数组中的值，页面不刷新问题 data{ hobby:["打游戏"，“想静静”，“发呆”] } 1、错误写法（页面不刷新）： this.hobby[0]="学习"； 2、正确写法（页面刷新）： （1）方法1，调用列表操作函数更新数组数据 ： this.hobby.splice(0,1,
阅读全文
摘要：metismenu的使用使用参考网址：https://mm.onokumus.com/ 使用 1、加入metisMenu所有样式 <!-- 加载metisMenu所用样式--> <link rel="stylesheet" th:href="@{/bootstrap4/assets/metismen
阅读全文
摘要：Bootstrap表单验证 form表单的注意点： form标签内加入 novalidate属性，并为该表单添加id 每个需要验证的标签内都要加入 required属性 提示信息固定写法：紧跟着要验证的标签后面添加 <div class="invalid-feedback"> 用户名至少6位</di
阅读全文
摘要：input 加入样式： outline:none; button加入样式：
阅读全文
摘要：参考博客：https://blog.csdn.net/ryuenkyo/article/details/94554871 ajax:https://blog.csdn.net/baidu_23054223/article/details/80830789?utm_medium=distribute.
阅读全文
摘要：参考博客：https://www.jianshu.com/p/6a9947cc3849 form的发送的数据类型：https://www.cnblogs.com/xypbk/p/7920118.html
阅读全文
摘要：参考网址：https://blog.csdn.net/zhongmushu/article/details/90343986
阅读全文
该文被密码保护。
摘要：浅绿色为原生JavaScript代码 浅黄色为jQuery代码 html 1 <!DOCTYPE html> 2 <html lang="en" xmlns:th="http://www.thymeleaf.org"> 3 <head> 4 <meta charset="UTF-8"> 5 <met
阅读全文
摘要：DOM方法： 父窗口操作IFRAME：window.frames["iframeSon"].document.getElementById("子页面的id"); IFRAME操作父窗口: window.parent.document.getElementById("父页面的id"); 父页面调用子页
阅读全文
摘要：html <form> <input type="file" class="form-control form-control-file"accept=".csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocu
阅读全文
摘要：html <span id="operationType">录入</span> javascript var V_operationType = document.getElementById("operationType"); console.log(V_operationType.innerTe
阅读全文
摘要：html <button id="show_hide"><img src="/static/img/show.png"></button> <div id="show_hideDiv"> 隐藏/显示的区域 </div> javascript var V_show_hide = document.ge
阅读全文
摘要：json格式 外面是大括号括起来 { } 里面是键值对的形式，以冒号隔开 : 每个键值对之间用逗号隔开 , 注意，这些符号都是再英文的状态下输入的 注意，最后一个键值对的后面没有逗号 ， 1 ajax({ 2 type:'get', 3 url:'http://localhost:3000/citi
阅读全文
摘要：错误代码： 修正： 引入路径的变量是src,而不是scr
阅读全文
摘要：效果图： 完整代码： <!DOCTYPE html><head> <meta charset="utf-8"> <title>表单</title> <style type="text/css"> #content{ background-color:green; border-radius:10px
阅读全文
摘要：效果图： 完整代码： <!DOCTYPE html><head> <meta charset="utf-8"> <title>下拉菜单</title> <style type="text/css"> *{ margin:0px; padding:0px; } #nav{ width:100%; he
阅读全文
摘要：<!DOCTYPE html><head> <meta charset="utf-8"> <title>图片翻转</title> <style type="text/css"> *{ margin:0px; padding:0px; } body{ background-color:#063462;
阅读全文
摘要：效果图： 完整代码： <!DOCTYPE html><bead> <meta charset="utf-8"> <title>div</title> <style type="text/css"> #big-content{ text-align:center; margin:30px 120px;
阅读全文
