首页
留言板
友链
关于
Search
1
内测“合金弹头”嘿嘿
892 阅读
2
Nginx搭建一个简易的图床
840 阅读
3
Kettle循环遍历结果集作为参数传入转换
823 阅读
4
Apache Dubbo初步认识
437 阅读
5
Maven3.3.9的安装与配置
430 阅读
知识库
好奇猫
日常说
笔记本
登录
/
注册
Search
标签搜索
maven
Spring
vue
Java
Java代码
前端
idea
帆软
MySQL
git
CSS
游戏
Bootstrap
生活
网上冲浪
邮件配置
说说
Nginx
Excel
数据库调优
龙流
累计撰写
61
篇文章
累计收到
18
条评论
首页
栏目
知识库
好奇猫
日常说
笔记本
页面
留言板
友链
关于
搜索到
61
篇与
龙流
的结果
2021-07-06
7月一记
更新是坚持的持久动力前言:随便写写在这个浮躁的世界里,快节奏的生活下感觉很少有事情能好好计划了,人们的思想大多数都是只关心结果 好几天过去了,没什么记录和更新的东西,记录一下最近这段时间的事情和心情吧。 7月份突然事情零乱了起来,一切不在平静了般,但悠闲依旧是那么悠闲
2021年07月06日
145 阅读
0 评论
0 点赞
2021-06-24
给站点添加邮件通知功能
我使用的是LoveKKCommentModify美化版参考链接看到这个插件原作者已经不在维护了,用的这个是又有人维护过的,修复了审核通知;增加了美化的使用过程中还是很陌生,原文安装方法不是很详细,下面是我的详细使用方法{dotted startColor="#ff6c6c" endColor="#1989fa"/}{card-list}{card-list-item} 下载插件安装包LoveKKCommentModify-main.zip下载地址 将下载的压缩包上传到网站插件usr/plugins目录下并解压,注意目录名称更改为LoveKKCommentModify OK,这是去后台插件管理,启用插件->启用后点击设置进行配置即可食用{/card-list-item}{card-list-item} 该插件配置方法有三种:SMTP邮件发送设置、Send Cloud邮件发送设置、阿里云推送邮件发送设置 SMPT、阿里云邮件推送两种方式我都试了下,都配置成功了SMPT方式这里以QQ邮箱为例:发信接口选择SMPT发信人名称最好设置下不要太长,否则有可能会报错:指定的发信人别名格式错误发件邮箱地址、邮件回复地址都填写自己的QQ邮箱SMTP邮件发送设置是重点,配置不好就发不出去消息{gird column="3" gap="15"}{gird-item}{/gird-item}{gird-item}{/gird-item}{gird-item}{/gird-item}{/gird}- SMPT地址:smtp.qq.com - SMPT端口:587 - SMPT登录用户:一般为邮箱地址 - SMPT登录密码:点击邮箱设置->账户->找到账户安全,开启IMAP/SMTP服务获得的一串代码就是登录密码 - 服务器需要验证选中 - SMPT加密模式:TLS加密(应该也可以选择465端口+SSL加密方式,不过我没试) OK,保存设置,弹出已保存设置就成功了!阿里云邮件推送方式参考的是这个作者写的,步骤很详细.{/card-list-item}{/card-list}
2021年06月24日
410 阅读
0 评论
0 点赞
2021-06-24
此内容被密码保护
加密文章,请前往内页查看详情
2021年06月24日
7 阅读
0 评论
0 点赞
2021-06-22
很少有人这么“大方”请我吃肯德基
各位看官请欣赏,看图能得到的才是真正的实惠!商品价值不是很高,但很简单只要了5人帮我助力不像某夕夕你们懂的!然后呢我顺手把我自己的另一个手机也下载了一个抖音极速版拉新活动直接获得30元现金红包,能直接提现的1分钟到账所以这顿操作下来差不多4,5分钟吧,从抖音这里赚了65大洋
2021年06月22日
279 阅读
0 评论
1 点赞
内测“合金弹头”嘿嘿
2021年06月18日
892 阅读
1 评论
1 点赞
2021-06-18
内测一波合金弹头nice!第一次参与游戏内测也是是高兴滴事情,不得分享记录一下,哈哈!感觉还行,比较休闲的。简单适合我这想玩游戏但对游戏都已经没啥多余的精力的人还算友好!
2021-06-01
“前端防呆”——持续更新
原文链接CSS-Position属性四个取值用法和区别美化滚动条jQuery.nicescroll{collapse}{collapse-item label="CSS-Position属性四个取值用法和区别" open}CSS-Position属性四个取值用法和区别Position属性有以下四个取值:1、static:静态定位,是position属性的默认值,表示无论怎么设置top、bottom、right、left属性元素的位置(与外部位置)都不会发生改变。2、relative:相对定位,表示用top、bottom、right、left属性可以设置元素相对与其相对于初始位置的相对位置。3、absolute:绝对定位,表示用top、bottom、right、left属性可以设置元素相对于其父元素(除了设置了static的父元素以外)左上角的位置,如果父元素设置了static,子元素会继续追溯到祖辈元素一直到body。4、fixed:绝对定位,相对于浏览器窗口进行定位,同样是使用top、bottom、right、left。四种取值中,除了static之外,其他属性都可通过z-index进行层次分级-staticstatic(静态定位)是默认值,元素出现在正常的流中。不会受到top, bottom, left, right影响。-relative定位为relative的元素脱离正常的文本流中,但其在文本流中的位置依然存在。注:元素脱离正常的文本流意思是外观位置发生了改变,即是实际页面的可以看到的变化,文本流的位置依然存在指的是默认的位置(设置之前的位置)还在,相当于“虽然设置了位置偏移,但元素的灵魂还在原地~”他是默认参照父级的原始点为原始点定位元素,无父级则以文本流的顺序在上一个元素的底部为原始点定位元素位置,并配合top、bottom、right、left设置偏移确定元素定位:1、一般情况下以父级的左上角为原定,在没有父级的时候,他是参照浏览器左上角,如果在没有父级元素的情况下,存在文本,则以文本的底部为原始点进行定位并将文字断开。2、如果父级没有设定position属性,仍旧以父级的左上角为原点进行定位。3、如果父级设定position属性,不管是取哪个值,都以父级的左上角为原点进行定位。如果父级有Padding属性,那么就以内容区域的左上角为原点,进行定位。以上三点可以总结出,无论父级存在不存在,无论有没有TRBL,均是以父级的左上角进行定位,但是父级的Padding属性会对其影响。-absolute定位为absolute的层脱离正常文本流,但与relative的区别是其在正常流中的位置不再存在。(这里是与relative的第一个不同点)注:跟relative一样,这里也是实际上可以看到的布局发生了变化,跟relative不同的是,此时它的“灵魂”不在原地,也不在新的位置,而是不复存在了。在这里要注意别跟Fixed值混淆,absolute并不是永远根据浏览器窗口进行定位的,这是Fixed的特性,absolute要更加复杂:1、一般情况下以父级的左上角定位,在没有父级的时候,他是参照浏览器左上角(这与relative完全一致);如果在没有父级元素的情况下,存在文本,则以它前面的最后一个文字的右上角为原点进行定位但是不断开文字,覆盖于上方。(这里是与relative的第二个不同点);2、如果父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,位置将由偏移设置(top、bottom、left、right)决定;(这与relative完全一致)3、如果父级设定position属性(无论是absolute还是relative),则以父级的左上角为原点进行定位,位置由偏移设置(top、bottom、left、right)决定;(这与relative完全一致)。即使父级有Padding属性,对其也不起作用,说简单点就是:它只坚持一点,就以父级左上角为原点进行定位,父级的padding对其根 本没有影响。 (这里是与relative的第三个不同点)-fixed其实fixed和absolute是一样的,唯一的区别在于:absolute元素是根据最近的定位上下文确定位置,而fixed永远根据浏览器确定位置。fixed元素与文档流无关,可重叠也不回影响其他元素布局,只一直根据浏览器左上角定位。-relative和absolute的区别{gird column="3" gap="4"}{gird-item}特征在正常流中的位置无父元素但存在文本父元素的padding属性对元素位置有无影响{/gird-item}{gird-item}relative存在以文字底部为原点并会断开文字有影响{/gird-item}{gird-item}absolute不存在以最后一个文字右上角为原点并不断开文字无影响{/gird-item}{/gird}-z-index属性z-index,又称为对象的层叠顺序,它用一个整数来定义堆叠的层次,整数值越大,则被层叠在越上面,当然这是指同级元素间的堆叠,如果两个对象的此属性具有同样的值,那么将依据它们在HTML文档中流的顺序层叠,写在后面的将会覆盖前面的。需要注意的是,父子关系是无法用z-index来设定上下关系 的,一定是子级在上父级在下。总的来说就是:先看元素的父子关系,子级在上父级在下;再看元素的z-index定义的整数值大小,数值大在上,数值小在下;如果是同一级元素并且z-index值相同,就看元素在html文档中流的顺序,先写的会被后写的覆盖。注:使用static 定位或无position定位的元素z-index属性是无效的。{/collapse-item}{collapse-item label="美化滚动条jQuery.nicescroll"}1.引用jquery.js和jquery.nicescroll.js<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.nicescroll.js"></script>2.通过jquery获取需要添加滚动条的元素,调用niceScroll函数进行配置即可使用该插件,如下$('#content').niceScroll({ cursorcolor: "#ccc",//#CC0071 光标颜色 cursoropacitymax: 1, //改变不透明度非常光标处于活动状态(scrollabar“可见”状态),范围从1到0 touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备 cursorwidth: "5px", //像素光标的宽度 cursorborder: "0", // 游标边框css定义 cursorborderradius: "5px",//以像素为光标边界半径 autohidemode: false //是否隐藏滚动条 });{/collapse-item}{/collapse}
2021年06月01日
292 阅读
0 评论
1 点赞
2021-05-05
人人都献出一点爱,这个世界充满爱——历史记录持续更新
{gird column="3" gap="15"}{gird-item} {x} v2ray教程 {x} FTP服务器FileZilla Server配置及使用方法 {x} 踩坑:FTP主动传输与被动传输区别设置 {X} 另一种FTP服务器serv-U-FTP配置 { } 对页面仿信纸作业纸样式修饰 { } 什么是uni-app { } layer弹出层组件-layui出品 { } 富文本编辑器 { } 让input支持QQ截图或剪切板中的图像数据(Java实现保存) { } linux 在本地创建svn服务器 { } 第三方jar包操作csv{/gird-item}{gird-item}{/gird-item}{gird-item}{/gird-item}{/gird}
2021年05月05日
127 阅读
0 评论
0 点赞
2021-04-28
Bootstrap
Bootstrap:概念: 一个前端开发的框架,Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。 Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。 * 好处: 1. 定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。 2. **响应式布局** * 同一套页面可以兼容不同分辨率的设备。 快速入门 1. 下载Bootstrap及文档手册(www.bootcss.com) 2. 在项目中将这三个(css、fonts、js)文件夹复制 3. 创建html页面,引入必要的资源文件栅格系统:概念:将一行平均分成12个格子,可以指定元素占几个格子 通过给不同的元素设置规定好的样式,即可识别在不同的设备中元素占多少格 * 定义元素。指定该元素在不同的设备上,所占的格子数目。样式:col-设备代号-格子数目 * 设备代号: 1. xs:超小屏幕 手机 (<768px):col-xs-12 2. sm:小屏幕 平板 (≥768px) 3. md:中等屏幕 桌面显示器 (≥992px) 4. lg:大屏幕 大桌面显示器 (≥1200px) * 注意: 1. 一行中如果格子数目超过12,则超出部分自动换行。 2. 栅格类属性可以向上兼容。栅格类适用于与屏幕宽度大于或等于分界点大小的设备。 3. 如果真实设备宽度小于了设置栅格类属性的设备代码的最小值,会一个元素沾满一整行。栅格实例:使用lg标记元素:在大屏幕中与小屏幕显示的区别<body> <!--定义容器,使用container或container-fluid属性标记--> <div class="container-fluid"> <!--定义行,使用row属性标记--> <div class="row"> <!--定义元素--> <!-- col-lg-1:介绍一下最后的-1的作用,栅格系统中一行默认12个格子, -1就是在这个标记下就可以允许一行容下12个-1的格子。 尾号相加超过12的就会再占一行 --> <div class="col-lg-1">lg-1占一格</div> <div class="col-lg-1">lg-1占一格</div> <div class="col-lg-1">lg-1占一格</div> <div class="col-lg-1">lg-1占一格</div> <div class="col-lg-1">lg-1占一格</div> <div class="col-lg-1">lg-1占一格</div> <div class="col-lg-1">lg-1占一格</div> <div class="col-lg-1">lg-1占一格</div> <div class="col-lg-1">lg-1占一格</div> <div class="col-lg-1">lg-1占一格</div> <div class="col-lg-1">lg-1占一格</div> <div class="col-lg-1">lg-1占一格</div> </div> </div> </body>效果图屏幕缩小后class可以同时使用多种屏幕的属性格式标记,它会自己判断当前屏幕下属于那个属性<body> <!--定义容器,使用container或container-fluid属性标记--> <div class="container-fluid"> <!--定义行,使用row属性标记--> <div class="row"> <!--定义元素--> <!-- col-lg-1:介绍一下最后的-1的作用,栅格系统中一行默认12个格子, -1就是在这个标记下就可以允许一行容下12个-1的格子。 尾号相加超过12的就会再占一行 col-sm-2:在992px-1200px屏幕之间,每个div在每行占2个栅格 整体效果是:在1200px大屏幕中,每个div在每行占1个栅格; 当屏幕缩小到992px-1200px中等屏幕之间时,每个div会变成在每行占2个栅格 当屏幕小于992px小屏幕是,不会向下兼容,每个div占一行 --> <div class="col-lg-1 col-sm-2">lg-1占一格</div> <div class="col-lg-1 col-sm-2">lg-1占一格</div> <div class="col-lg-1 col-sm-2">lg-1占一格</div> <div class="col-lg-1 col-sm-2">lg-1占一格</div> <div class="col-lg-1 col-sm-2">lg-1占一格</div> <div class="col-lg-1 col-sm-2">lg-1占一格</div> <div class="col-lg-1 col-sm-2">lg-1占一格</div> <div class="col-lg-1 col-sm-2">lg-1占一格</div> <div class="col-lg-1 col-sm-2">lg-1占一格</div> <div class="col-lg-1 col-sm-2">lg-1占一格</div> <div class="col-lg-1 col-sm-2">lg-1占一格</div> <div class="col-lg-1 col-sm-2">lg-1占一格</div> </div> </div> </body>效果图Bootstrap的全局样式,理解后见名知意不同的标签,如果它们定义的Bootstrap的class样式是一样的,则它们的外形是一样的<a class="btn btn-default" href="#" role="button">Link</a> <button class="btn btn-default" type="submit">Button</button> <input class="btn btn-default" type="button" value="Input"> <input class="btn btn-default" type="submit" value="Submit">效果图都是如下的:可以点击的按钮btn-default:按钮的默认风格;背景为白色 btn-primary:(首选项)Primary btn-success:(成功)Success btn-warning:(警告)Warning btn-link:(链接)Link
2021年04月28日
88 阅读
0 评论
0 点赞
2021-04-27
帆软JS方法获取报表块中的数据集
最终效果根据报表中的数据情况,去实现动态的标记,当表格中有实际值大于目标值时,需要进行提醒就是需要红点闪烁上篇中的动态背景图就是用来标记作用{callout color="#f0ad4e"}帆软设置动态背景{/callout}实现查询SQL的结果集,目标列直接放置在C3单元格设置为向下扩展,实际列直接放置在D3单元格设置为向下扩展在report3报表块上设置一个初始化函数,编写我们需要实现的JS方法关键点: 点击参数下的+号,添加两个参数a,b把表格中C3和D3值传递进来。传递格式a=report3~C3b=report3~D3this.options.form.getWidgetByName("report4").setVisible(false); //默认隐藏红点闪烁背景 var form = this.options.form; var count = 0;//计数 //便利结果集,进行判断 for(var i = 0; i < a.length; i++){ if(a[i] < b[i]){ count++; } } //当有一个实际值大于目标值的时候,就开始闪烁 if(count>0){ form.getWidgetByName("report4").setVisible(true); }
2021年04月27日
329 阅读
0 评论
0 点赞
2021-04-26
帆软设置动态背景
帆软:企业级Web报表开发工具多屏幕的数据呈现,提高前端开发效率的利器开发需要接触到帆软这个工具,感觉确实很强大,对于报表页面功能开发效率很高!但是使用过程中,设计器内默认只能给组件添加静态的背景,但我需要的是动态的一个背景。然后它也可以支持自定义js,那就试下js设置个背景,结果是可以的!实际操作如下:1、帆软支持JQuery语法,可以在报表块上添加一个初始化事件2、直接在浏览器中F12,Ctrl+Shift+C查找你需要的选择的div块,查看div块的代码3、使用jquery语法,使用合适的选择器选择该div块给它设置background即可//使用子选择器 setTimeout(function() { $(".ui-state-enabled .fr-quick-border-layout div[widgetname='REPORT4_C_C_C_C_C_C']").css({'background': 'url(/webroot/help/picture/background/warning.gif)no-repeat','background-size':'100% 100%'}); }, 1000);
2021年04月26日
187 阅读
0 评论
1 点赞
1
...
5
6
7