前端
关注
分享
扫一扫
文章平均质量分 77
程序员-小李
长路漫漫，任重而道远
展开
-
实操：driver.js 实现产品导览、亮点、上下文帮助
本文实践driver.js的使用，实现 产品导览、亮点、上下文帮助，这工具真不错！原创 2024-04-03 19:37:55 · 1269 阅读 · 2 评论 -
Springboot快速整合bootstrap-table使用，接口对接
这个表格加持还是不错了，自带了全局搜索，分页，数据导出，卡片视图，等，本次整合添加了数据添加弹窗和编辑数据回显弹窗，附完整页面代码，只需要拿过来替换自己实际的接口即可。原创 2024-03-26 22:59:33 · 899 阅读 · 0 评论 -
thymeleaf和JavaScript在前后端交互中获取后端值
这篇博客将介绍如何使用Thymeleaf和JavaScript在前后端交互中获取后端值。Thymeleaf是一个流行的Java模板引擎，它可以将后端传递的数据绑定到HTML模板中的特定属性上。我们将探讨两种方式来实现这一目标：一种是通过将数据绑定到HTML元素的属性上，然后使用JavaScript读取该属性的值；另一种是直接在内联的JavaScript代码中使用Thymeleaf表达式获取后端的值。无论采用哪种方式，都能够方便地获取后端值并进行相应的处理和操作。原创 2023-09-16 08:30:00 · 2917 阅读 · 0 评论 -
Thymeleaf实现字符串和变量的拼接
在Web开发的过程中，我们经常需要将字符串和变量进行拼接，以生成动态的HTML元素属性值或URL参数。本文将重点介绍如何使用Thymeleaf这一Java服务器端模板引擎来实现字符串和变量的拼接。我们将探讨两种常用的拼接方式：使用字符串拼接运算符"+"和内联表达式。原创 2023-09-15 19:45:00 · 1273 阅读 · 0 评论 -
JQuery学习:笔记总结1（附demo实例）
jQuery是一个实用的JavaScript库。jQuery极大地简化了JS对DOM的操作，实现一些常用的方法，jQuery还可以链式操作。使用jQuery前先引入库文件在线引入：<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>本地引入:<script src="js/jquery-1.11.2.min.js" type="text/javascript" charse.原创 2021-12-13 22:22:40 · 924 阅读 · 0 评论 -
Jquery学习与巩固练习题
jquery练习:实现多选，反选，新增行，删除选中行，复制选中行,行内修改，删除单行。效果:参考程序：<!-- * @Descripttion: * @version: 1.0 * @Author: LiYansheng * @Date: 2021-12-10 14:00:09 * @LastEditors: CoderXZ * @LastEditTime: 2021-12-11 18:20:35--><!DOCTYPE html><htm原创 2021-12-11 19:30:41 · 398 阅读 · 0 评论 -
JSON学习小结与笔记
初始JSONJSON指的是JavaScript对象表示法JSON是轻量级的数据交换格式（存储和传输的数据格式），主要用于前后端分离。JSON具有描述性，更易理解JSON =》JavaScript对象JSON文本格式在语法与创建JavaScript对象的代码相同可以直接用JavaScript内建的eval()函数将JSON数据生成原生的Java对象JSON语法规则数据在名称：值对中数据用逗号隔开大括号{ }保存对象中括号[ ]保存数组,数组中包含多个对原创 2021-11-13 23:59:36 · 583 阅读 · 1 评论 -
用JavaScript写的一个简易计算器，附源码
最近在学JavaScript，正好老师让做一个简单的计算器，我就乘此机会练练手吧我做的效果如下：参考程序：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wid.原创 2021-11-12 14:33:41 · 6637 阅读 · 2 评论 -
JavaScript练习之正择表达式的使用-表单校验
题目：完成一个注册表单校验功能,其中用户名必须是汉字,超度不超过4， 密码必须是字母构成,长度不超过10,两次密码一致.年龄必须是数字,而且在1-99之间，爱好至少选择一个 否则不提交表单 并提示参考程序：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e原创 2021-11-11 22:17:20 · 1167 阅读 · 0 评论 -
HTML中dom节点操作练习题
练习题1：页面上有两个按钮，中间有一个输入框，往输入框里输入数字，每点一次左侧的按钮，输入框的值减一，输入框的值最小为1，最大为100，点击右侧按钮输入框的数值将每次加1参考程序：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <原创 2021-11-05 21:44:54 · 588 阅读 · 0 评论 -
HTML Dom结合js实例练习题：模拟用户登录验证
HTML Dom结合js实例练习题：模拟用户登录验证在登录界面可以实现用户名，密码，验证码输入，点击登录按钮可以判断用户输入是否正确从而判断是否登录成功参考程序：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name原创 2021-11-04 22:52:44 · 935 阅读 · 2 评论 -
这样使用浏览器调试JavaScript代码
在学习JavaScript时候，JavaScript的程序不能直接在IDE上调试，这时我们就需要用到浏览器了，如何用浏览器调试呢，步骤往下看：1.首先写一个待测试的文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me原创 2021-08-13 22:07:32 · 451 阅读 · 0 评论 -
CSS3基础样式标签与示例
目录CSS的优势：给HTML添加样式的三种方式：主要选择器其他选择器字体基本样式文本的基本样式超链接伪类列表样式CSS的优势：内容和表现分离 网页结构表现统一，可以实现复用 样式丰富 利用SEO，容易被搜索引擎收录给HTML添加样式的三种方式：行内样式：直接写在标签内的style标签，如：<h3 style="text-align: center">我是标题</h3>内部样式：在html文件的头部的style内写样式...原创 2021-08-05 22:43:39 · 567 阅读 · 1 评论 -
HTML最基础的知识和示例
最近看了些前端的内容，下面对HTML里面常见的标签做下整理网页HTML的基本架构：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi.原创 2021-08-04 22:44:31 · 169 阅读 · 0 评论