前端
文章平均质量分 65
全栈小5
CSDN广州城市开发者首届活动演讲者,CSDN内容合伙人、新星优秀导师、CSDN博客专家、全栈领域优质创作者、阿里云社区专家博主、22年度博客之星全栈TOP11。帮助别人,成长自己!欢迎一起学习基础编程知识!C#、.net core、Python、Java,Sql Server、mysql、oracle等基础或者进阶知识点或实战,均可加我咨询!
展开
-
【前端】layui table表格勾选事件,以及常见模块
layui table表格勾选事件,以及常见模块原创 2024-04-13 22:05:43 · 3853 阅读 · 10 评论 -
【前端】Layui的表格常用功能,表单提交事件,表格下拉按钮点击事件,表格外的按钮点击事件
最近在维护老系统,尽量使用过layui,但是时间久了,总会忘记一些方法的使用。因此通过本篇文章大概记录常用的功能方法,比如,表单提交事件,表格下拉按钮点击事件,表格外的按钮点击事件等原创 2024-03-27 12:34:06 · 6770 阅读 · 67 评论 -
【Echarts】柱状图上方显示数字以及自定义值,标题和副标题居中,鼠标上显示信息以及自定义信息
前面几篇文章在做一个数据统计图表的功能,对于图表第三方插件,接触比较多的是echarts,由于隔了好长时间没怎么用这个插件,很多具体细节使用基本都忘了,因此本篇文章将回顾柱状图常见功能原创 2024-03-11 18:42:20 · 14449 阅读 · 44 评论 -
【Echarts】曲线图上方显示数字以及自定义值,标题和副标题居中,鼠标上显示信息以及自定义信息
前面几篇文章在做一个数据统计图表的功能,对于图表第三方插件,接触比较多的是echarts,由于隔了好长时间没怎么用这个插件,很多具体细节使用基本都忘了,因此本篇文章将回顾曲线图常见功能原创 2024-03-11 18:41:40 · 2105 阅读 · 28 评论 -
【前端】使用javascript开发一个在线RGB颜色转换
目前已经有很多网页版在线小工具,之前很多窗体化的工具也逐渐网页化,比如:PS画图软件,也都能直接网页化进行设计,网页真的是无所不能了。由于自己实际项目经常会用到颜色转换,所以直接自己开发个简单版的在线颜色转换小工具。原创 2024-01-10 21:45:41 · 2723 阅读 · 14 评论 -
【前端】vue3+ts+vite,el-table表格渲染记录重复情况
在使用vue的过程中,总会遇到一些有疑问的地方,总结就能够加深印象,下次再出现的时候也有个参考的地方。原创 2023-11-23 08:55:12 · 1331 阅读 · 19 评论 -
【前端】vue3+typescript+vite+Element-Plus搭建配置初始化项目结构
对于我们开发人员,了解和熟悉新知识,对于vue3,博主是通过TA的基本结构开始,vue2和vue3都有javascript前端编程语言,到了vue3新增了typescript前端编程语言,互联网技术更新迭代非常的快速,在这快速发展的互联网行业,作为开发人员,只有不断学习才能跟得上节奏,一起来看看如何初始化项目结构。原创 2023-11-17 08:54:52 · 1071 阅读 · 1 评论 -
【网站】浏览器页面文本如何禁止和解除
有时候,看法的网站,网页文本内容希望不能被复制,那么就需要对浏览器网页进行一些限制,是一种网站开发中的保护措施。有时候,又希望能够复制网页的一些文本,发现被禁止。这就有了矛和盾的关系,凡事都有两面吧。原创 2023-09-06 09:08:02 · 1322 阅读 · 12 评论 -
【前端】WeUI DatePicker时间组件绑定方法以及chatGPT回答
2023年,第33周,第1篇文章。给自己一个目标,然后坚持总会有收货,不信你试试!WeUI DatePicker,这个组件在纯html静态文件js里用的比较少,也忘记默认绑定值怎么设置,就用chatGPT来找答案。结果发现,chatGPT在没有找到正确答案时,会按编程思维理解去自己写。纠正了几次都是不对。原创 2023-08-11 12:34:17 · 1365 阅读 · 6 评论 -
【前端】参考C站动态发红包界面,高度还原布局和交互
模仿C站红包前端界面,总结一篇前端布局文章,非常适合初始学者或入门小伙伴原创 2023-02-12 22:57:45 · 3304 阅读 · 21 评论 -
【小5聊】ElementUI-Vue3-TS项目简单创建
vue2升级到vue3,不管任何框架,升级总有它改进的地方和原因,否则升级就毫无意义,技术变化日新月异,必须保持与时俱进,否则就很容易在技术的浪潮中被淘汰!vue3相比以前版本,最大一个变化就是配置文件更加简洁原创 2022-12-27 11:34:25 · 1040 阅读 · 1 评论 -
【小5聊】使用js+css+div布局方式画一棵圣诞树,带闪烁霓虹灯效果
虽然jQuery时代已经逐渐退出历史舞台,在拥抱vue的同时,也还是可以用jQuery锻炼下编程思维,毕竟比较灵活。原创 2022-12-14 22:08:46 · 473 阅读 · 0 评论 -
【小5聊】纯javascript实现图片放大镜效果
实现图片放大镜效果,其实就是一个比例放大的效果以下通过纯javascript方式对图片进行等比例放大原创 2022-11-27 00:04:16 · 947 阅读 · 0 评论 -
【小5聊】Vue开发环境配置(Windows)
使用前端框架Vue进行开发,会用到HBuilderX或者Visual Studio Code等开发工具,不管那种,都需要先安装Node此处在Windows操作系统下安装Node下载地址:Download | Node.js1、cmd查看Node版本cmd>node -v如果没有安装,那么查看未会找不到2、查看npm版本Node本身就包含了npm模块,直接输入命令cmd>npm -v3、HBuilderX运行npm鼠标右键目录,...原创 2022-04-18 16:07:07 · 1333 阅读 · 0 评论 -
【小5聊】页面滚动条联动出现值偏差原因
在编写表格插件时,可能会遇到这样的一个情况,当你移动数据行横向滚动条,同时也关联移动字段行时,字段行横向滚动条移动已经结束,但是数据行横向滚动条还能移动,导致数据行和字段行布局不一致1、效果如下2、原因因为数据行滚动条除了有横向滚动条,还有纵向滚动条,导致他们之间的滚动不一致3、获取滚动条宽度值代码/* 获取滚动条的宽度 */function getScrollWidth () { var noScroll, scroll, oDiv = docum.原创 2022-02-20 18:49:05 · 751 阅读 · 0 评论 -
【小5聊】jQuery封装简单方法遍历style样式并重新设置值
假如div初始状态设置了style的样式,后续想遍历进行修改1、代码//调用psetstyle(that, "left:{left}px;top:{top}px;width:{width}px;".replace("{left}", 100).replace("{top}", 100).replace("{width}", 100));setstyle = function (key, value) { var newStyle = value; var style =.原创 2021-11-19 15:45:02 · 578 阅读 · 0 评论 -
【小5聊】HTML基础之常见的符号代码
在HTML页面里,经常会看到 等类似的符号,常见的有那些呢,一起来看下,如果不齐全,往大佬可以评论留下您所知道的,谢谢!当然,网上也有很多在线转换的小工具!1、 等于空格2、>>等于大于号 >3、&&等于符号 &4、<<等于小于号 <5、''..原创 2021-11-17 11:43:45 · 1322 阅读 · 0 评论 -
【小5聊】jQuery使用on绑定未来元素同时off仍然出现被绑定多次click点击事件分析和原因,自己挖坑系列
给未来元素绑定点击事件,绑定前也使用off解绑,依然出现点击一次实际执行多次情况1、仍然出现多次click点击的代码2、原创 2021-10-15 13:41:18 · 2620 阅读 · 0 评论 -
【小5聊】前端基础知识之浮动块如何垂直居中并排显示
运用场景描述网站顶部有固定200px高度的行,左边显示图标右边显示导航菜单,如何把图标和菜单都居中显示1、图标和菜单都浮动的效果<div style="width: 500px;height: 100px;background: #eee;margin-bottom: 49px;"> <div style="float: left;background: #ccc;"> <img src="https://img-home.csdnimg.原创 2021-08-16 14:40:05 · 909 阅读 · 0 评论 -
【小5聊】jQuery基础之触发a标签的click事件无效的解决方法
使用trigger触发click事件有时在特定情况下无效,需要使用click方式直接替换1、代码注入方式无效在浏览器代码注入,trigger触发click无效,但在console输出区域又可以代码如下$(".a").trigger('click'); //一般此类方式都可以触发2、解决方法代码$(".a")[0].click();...原创 2021-07-31 15:43:10 · 2387 阅读 · 0 评论 -
【小5聊】Html基础之通过for循环和if相结合的方式实现1万内的完全平方数
完全平方指用一个整数乘以自己例如1*1,2*2,3*3等,依此类推。 若一个数能表示成某个整数的平方的形式,则称这个数为完全平方数。 完全平方数是非负数,而一个完全平方数的项有两个1、题目一个整数,它加上100后是一个完全平方数,再加上168又是一个完全平方数,请问该数是多少?2、代码实现以下是用了比较简单粗暴的方式,当然,如果你是算法比较好或者数学和逻辑思维比较好,肯定是可以优化以下方法的var index = 0;var intvalue = 0; //完全平方数未知..原创 2021-07-21 09:52:19 · 1502 阅读 · 0 评论 -
【小5聊】HBuilderX下载与简单的Web端浏览器插件开发
1、HBuilder下载,创建项目流程2、实现简答的浏览器插件开发,信息弹窗,或者输入文本赋值到百度搜索文本框3、需要熟悉的前端编程语言:javascript(用于交互)、html和css(用于布局和样式)1、HBuilder下载官方网址:https://www.dcloud.io/hbuilderx.html下载Windows版,标准版下载,压缩直接使用,无需安装(绿色版)2、压缩直接打开3、创建项目点击顶部菜单:文件》新建》项目》普通项目》基于HTML项...原创 2021-07-12 13:52:30 · 4332 阅读 · 2 评论 -
【小5聊】ajax表头添加token等相关信息
使用场景ajax进行接口请求时,将token权限验证信息放到表头传递后接口后台ajax代码$.ajax({ url: url, data: {}, dataType: 'json', type: 'post', beforeSend: function (request) { request.setRequestHeader(tokenName,'C646D05D791CD61143C2AEFBDBF3B7..原创 2021-06-24 11:26:01 · 1831 阅读 · 4 评论 -
【小5聊】前端基础之上传图片等文件IE浏览器是会显示两个请求
【IE浏览器请求两次】原创 2021-05-27 09:48:51 · 1836 阅读 · 0 评论 -
【小5聊】Html基础之浏览器渲染和执行流程分析
【Body前调试】根据下面图片可以知道,浏览器在渲染和解析脚本时,根据代码的顺序进行由于还没渲染到body标签,所以在使用document.body是null空的【Body后调试】根据下面图片可知道,渲染完成body标签后,document下的body变量值就有 了...原创 2021-05-27 09:43:48 · 1672 阅读 · 0 评论 -
【小5聊】前端html让图片整体平滑向上移动设置
【平滑移动设置】平均移动的值要设置小一点,移动的间隔时间要短一点【代码如下】<script type="text/javascript"> $(function () { var speedV = 0.8; var moveV = 0; setInterval(function () { moveV += speedV; $("#scrollImg").css("top",原创 2021-05-09 14:02:37 · 2869 阅读 · 0 评论 -
【小5聊】html布局基础之让div居中显示的计算
目录【效果】【场景】【简单实现】【效果】【场景】div1能够垂直和水平居中在固定高宽度里显示,div2能够在div1后面的10px位置【布局描述】父级div有一个固定高宽度的父级div,比如:width=500px,height=80px,position:relative,相对定位占据空间子级div1有一个固定高宽度的子级div1,比如:width=200px,height=20px,left=px,top=30px,position:absolute,绝对原创 2021-01-18 09:51:15 · 567 阅读 · 0 评论 -
【小5聊】CSS3动画属性animation
【语法】animation: name duration timing-function delay iteration-count direction;/*---以下按个人字面英文理解---*/animation: 名字 持续时间 定时功能 延迟 迭代计数 方向;【解释】name:名字,这个比较好理解,就是自己自定义的一个动图名字。帧状态的名字dutation:持续时间,完成一个规则帧所用的时间,比如:1s,完成top从-10px到0px的过程timing-function:速原创 2021-01-16 10:13:21 · 1168 阅读 · 0 评论 -
【小5聊】前端基础知识之window.localStorage缓存的简单实用
window.localStorage保存的是键值对key/value【设置值】var cache=window.localStorage;cache.setItem("test","123456")【获取值】var cache=window.localStorage;cache.getItem("test")原创 2020-10-28 13:11:41 · 681 阅读 · 0 评论 -
【小5聊】CSS基础之设置小箭头图标
【整体效果】<div style=" background-color:transparent; width:0px; font-weight: bold; border: 80px solid transparent; border-top-color: #099dff; border-right-color: #f60; border-bottom-color: #0ccdff; border-left-color: #a1b2c3; margin:2原创 2020-10-15 18:01:13 · 504 阅读 · 0 评论 -
【小5聊】javascript获取设置div元素滚动条值以及获取当前滚动值
假设有一个div#test,滚动高度200px,div内容高度1000px【获取div#test滚动条高度值】document.getElementById('code').scrollHeight;【获取div#test当前滚动值】document.getElementById('code').scrollTop;【设置div#test滚动条高度值】document.getElementById('code').scrollTop=100;...原创 2020-10-12 22:09:55 · 3961 阅读 · 4 评论 -
【小5聊】前端常见的CSS初始化样式
【初始化样式一】/*1)去掉边框值2)统一页面字体和大小3)去掉外边距和内边距*/HTML, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset, table, th, td { border:none; font-family:"微软雅黑","黑体","宋体"; font-size:14px; margin:0px;原创 2020-09-23 15:20:45 · 758 阅读 · 0 评论 -
【小5聊】巩固基础知识从模仿开始之搜索框前端布局以及交互
【1】模仿CSDN里的搜索框布局和交互效果【2】分析下大概的思路原创 2020-09-23 18:05:54 · 448 阅读 · 0 评论 -
【小5聊】前端这些高宽度你真的了解吗(1)
【开发信息】jquery+div+css【简单小叙】1)普通高宽度:就是height和width的值2)完整高宽度:包括本身设置的边框大小、外边距、内边距,实际上还有一个内容层3)方法:$("div").outerHeight()、$("div").height()【document高宽度】1)document的高宽度-height(),效果如下document的高宽度.png【body和window高宽度】1)body和window的高宽度-height(),.原创 2020-05-08 23:49:19 · 345 阅读 · 0 评论 -
【小5聊】前端基础之报错Maximum call stack size exceeded
【开发环境】前端开发工具:Visual Studio 20171、当使用$.get加载html页面或者动态页面时,出现如下错误2、可能的原因加载的html或页面本身包含了html和head等完整信息,这样页面出现两个html和head重新标签就会报错3、解决方法去掉html和head、body等标签,剩下当前页面加载用到的div和js即可【一句话一...原创 2020-04-12 11:01:54 · 957 阅读 · 0 评论 -
【小5聊】前端之百度在线文本编辑器UmEditor的简单配置使用
1、编辑器的使用场景1)论坛发帖2)站内图文信息发布3)购物类网站的产品图文编辑注:对于购物类的产品而言,如果一套系统在多个设备上使用,一般不在使用图文编辑,只使用图片来代替图文,这样一个接口可以在小程序上使用也可以在web端网站上使用,如果是html,那么在小程序解析就麻烦点2、首先,就是下载好相关js和css,如下百度在线编辑器地址3、Html页面内容,以及js...原创 2020-03-19 14:51:52 · 565 阅读 · 0 评论 -
【小5聊】前端之ajaxSubmit上传文件时显示进度条
1、首先,需要引用jquery两个文件jquery-2.0.0.min.js和jquery.form.js2、然后编写html代码如下<div style="font-size: 20px;color: #888;border: 1px solid #ccc;height: 98px;line-height: 98px;width: 100px;cursor: defaul...原创 2020-03-18 14:19:55 · 540 阅读 · 0 评论 -
【小5聊】jQuery基础之冒泡事件解决点击内层div而不触发外层div事件
1、设置两个div,如下<div id="parentDiv" style="padding:20px;width:160px;height:200px;background:#0aadff;color:#fff;"> <span>我是外层div</span> <div id="childrenDiv" style="paddin...原创 2020-03-15 09:35:36 · 1303 阅读 · 0 评论 -
【小5聊】css样式之行间距,包括行块间距行与行的间距
1、字母或中文字的左右距离,字之间的行间距letter-spacing:10px;2、行与行之间的距离line-height:50px原创 2020-03-13 20:09:44 · 794 阅读 · 0 评论 -
【小5聊】css样式设置之单行文字溢出、多行文字溢出
1、单行文字溢出<div style="height:auto;line-height:23px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"> <span>标题标题标题标题标题标题标题标题标题标题标题标题</span></div>...原创 2020-03-13 13:21:53 · 370 阅读 · 0 评论