![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
记录学习过程中的前端问题
北木桥溪
蝴蝶很美,终究飞不过沧海。
展开
-
Ajax概述及使用
Ajax 技术应用Ajax 技术简介背景在互联网高速发展的今天,传统的WEB应用,对于高并发、高性能、高可靠性的要求已迫在眉睫。单线程方式的客户端与服务端交互方式已经不能满足现阶段的需求.我们需要以异步、按需加载的方式从服务端获取数据并及时刷新,来提高用户体验,于是Ajax技术诞生。Ajax 概述Ajax (Asynchronous JavaScript and XML) 是一种Web应用客户端技术,可以借助客户端脚本(javascript)与服务端应用进行异步通讯(可以有多个线程同时与服务器交互原创 2022-03-28 22:15:07 · 1071 阅读 · 0 评论 -
富文本编辑器
KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。原创 2024-03-13 16:08:40 · 461 阅读 · 0 评论 -
<fieldset>标签宽度会被内含<table>撑大解决方案
这是因为fieldset在没有内部元素时,是以block方式解析的,即外部100%宽度自适应;因为它的min-width属性,在CSS的属性的权重中,min-width > width,以上table会将fieldset标签撑大,有时候会明显出现横向滚动条;但设置width以后,本应当维持这个宽度了,为何会被撑宽呢?解决方案:改变它的min-width就可以,复写它的值。原创 2023-02-09 17:16:59 · 481 阅读 · 0 评论 -
layui动态表格一对多,实现单元格合并
以下代码实现表格单元格合并。下面方法实现表格单元格合并。原创 2022-12-29 15:08:13 · 712 阅读 · 0 评论 -
进入网页页面,右下角弹出提醒框
【代码】进入网页页面,右下角弹出提醒框。原创 2022-09-13 10:59:43 · 650 阅读 · 0 评论 -
Echarts图列legend动态设置选中或者不选中 selected
在js中的option.legend.selected可以设置选中或者不选中状态。对前端的图列默认选中或者不选中状态。代码如下,加载进去会自动不选中。js动态加载数据部分代码。原创 2022-08-25 17:35:03 · 4939 阅读 · 0 评论 -
layui实现树状Treetavble表格
2、表格js实现tree3、后台实现查询效果如下原创 2022-07-14 17:37:54 · 742 阅读 · 0 评论 -
layui下拉框实现可输入、可选择
想要实现可输入,可选择,可以直接定义两个标签(input、select),对下拉框进行监听,将下拉框的值赋值给inputposition:absolute 在这里是让input和select在同一位置。z-index:2 是为了让input在select上面。width:80% 是为了不盖住select后面的小三角符号,select还可以点击。autocomplete=“off” 为了不自动填充input框,免得压盖select选项定义下拉框下拉数据,对下拉框进行监听后端代码service层..原创 2022-07-13 11:30:27 · 9761 阅读 · 0 评论 -
JS实现表格table无限滚动翻页
使用以下代码直接实现: 1 1 1 1 1 1 2 2 2 3 3 3 3 3原创 2021-11-23 17:06:40 · 2115 阅读 · 0 评论 -
table td内容过长,自动隐藏使用...代替,当鼠标放在上面,自动显示全部内容
1、css部分为表格的td的css设置以下,就会进行隐藏/* 隐藏表格内容 */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;2、js部分为td设置内容 title=“td元素内容”,将鼠标移至上面,则会显示td全部内容代码如下:/显示table表格中隐藏的/var trList= $(“tbody”).children(“tr”);//获取tr,遍历for(var i =0;i<trList.lengt原创 2021-11-22 14:26:41 · 2951 阅读 · 0 评论 -
HTML、CSS、JavaScript、jQuery
1 HTML、CSSHTML: 用于开发网页的一门技术CSS: 用于修饰、渲染网页的一门技术HTML+CSS可以开发一个非常美观、非常漂亮的网页开发网页 盖房子HTML标签搭建网页的结构 砖块(搭建房子的结构) CSS属性 石灰、油漆等涂料1.1. HTML概述1.1.1. HTML是什么HTML(Hyper Text Markup Language): 超文本标记语言超文本: 超级文本、超过文本(其中可以包含除了文本以外的其他数据,例如图片、音频、视频等各种格式)标记:也叫标签、元素原创 2022-04-18 16:18:38 · 2095 阅读 · 0 评论 -
Echarts地图实现点击某地区跳转到指定页面
页面代码:euindex.html<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"><meta name="renderer" content="webkit">原创 2022-04-15 11:30:40 · 20972 阅读 · 1 评论 -
Echarts 地图tooltip多行显示,当鼠标悬停地区显示数据
代码如下tooltip : { trigger : 'item', // formatter: '{b}' // formatter: '{b}<br/>{c} (个)' formatter : function(params) { var res = params.name + '<br/>'; var myseries = option.series; for (var i = 0; i < myseries.length;原创 2021-12-30 09:29:50 · 2657 阅读 · 0 评论 -
HTML 简单的修改密码页面:密码为空,确认密码为空,两次密码是否相同,使用JS实现判断并且提示
使用form表单进行密码修改提交html body代码: 修改密码 <div> <label for="pwdId">新密码:</label> <input type="password" name="password" id="password" placeholder="新密码"/> </div> <div> <label for="newPwdId" style="float:left"&g原创 2021-12-03 11:24:46 · 7294 阅读 · 0 评论 -
layui下拉框select实现多选,并且编辑时候回显
这里主要记录一下配置,详情请进:添加链接描述1、引入formSelects-v4的js、css2、定义一个下拉框3、js配置注意:base: ‘/static/layui/js/’ 一定要与你引入的路径一致,并且写全,不然不起作用参考网址:添加链接描述............原创 2022-07-01 15:27:03 · 6633 阅读 · 0 评论 -
解决layui table页面为空时显示当前时间,form表单时间数据回显的时候为空显示当前时间
1、这种写法不会解决为空时显示当前时间2、这种写法为当时间为空时显示为空不会显示当前时间二、解决form表单时间数据回显的时候为空时显示当前时间1、以下代码为编辑页面时候会进行时间数据回显,但会将时间空值显示为当前时间2、以下代码则会判断时间为空时,不显示数据......原创 2022-06-27 16:36:59 · 1368 阅读 · 0 评论 -
Layui对input、select、date日历添加onchang时间
示例:输入身份证号获取出生年月日html代码js代码二、select添加onchang示例:实现市级二级联动html代码js代码二、date日历添加onchang示例:根据参加工作时间计算至今的年限html代码js代码原创 2022-06-20 10:45:55 · 1168 阅读 · 0 评论 -
html+jquery/js+css 实现Table tr鼠标悬停/点击出现弹窗,显示表格行数据
html定义一个div作为弹窗,主要实现的控制样式:display=‘block/none’,使我们定义的div隐藏或者浮现,主要实现,在table的tr上定义事件,当我们点击或者鼠标悬停,会出现弹框;1、首先使用html+css+jquery实现;部分代码如下:html 的 table tr以及弹窗div代码代码,定义一个表格://表格代码<div id="demo3"><tbody> <tr th:each="item1:${list1}" >原创 2022-01-04 17:58:39 · 11500 阅读 · 0 评论