web开发
文章平均质量分 66
星旅zl
记录自己的学习与成长
展开
-
(转)日期插件layDate的使用
转载自 https://blog.csdn.net/weixin_38023551/article/details/78215803效果图官方链接 1 layui中的laydate官方链接 2 贤心的layui使用说明只需引入 laydate.js 即可HTML结构<input type="text" id="test1">13.js使用方法1//新版本j...转载 2018-11-02 11:30:42 · 704 阅读 · 0 评论 -
js判断本地、网络图片是否存在
一、对于window.ActiveXObject和window.XMLHttpRequest了解javascript的window.ActiveXObject对象,区别浏览器的方法(window.ActiveXObject)的作用,用来判断浏览器是否支持ActiveX控件,如果支持ActiveX控件,我们可以利用var xml=new ActiveXObject("Microsoft.XM...原创 2018-11-05 11:53:52 · 4275 阅读 · 0 评论 -
支持响应式手机端的JS手风琴折叠导航菜单特效(调整)
效果例子地址:https://www.js-css.cn/a/jscode/nav/2014/1231/1424.html这个是网上提供的效果,一开始觉得效果不错,可以使用一下,但是真正用到项目上发现很多问题,于是自己进行了一些调整,这样可以兼容显示在手机,且不会有溢出这些情况,先上改过的效果图(item2和item4为展开状态): 看到这觉得也就是改了字体居中等样式,其实重点修改...原创 2018-11-02 12:04:04 · 3409 阅读 · 0 评论 -
(转)更改checkbox默认样式、radio默认样式,CSS实现自定义
原理是被label标签包裹的input与该label是绑定的,点击该label内的元素也触发check,于是可以将标签内的input隐藏,换上自定义图片或者自定义css样式。利用after伪元素自定义radio 好处就是少写个标签清爽些,看起来比较简洁<label><input name="year" type="radio"><span>2011&l...转载 2018-11-22 18:04:47 · 558 阅读 · 0 评论 -
html自定义单选按钮radio(CSS)
最近需要自定义radio,参考了一些别人的文章,在这里记录一下自己做的一个小选择页面。效果图如下:(点击按钮前)点击按钮并选择后: 颜色大小等都可以根据项目进行修改,这里为了界面的好看,对span整个Div左浮动,选择项右浮动。为了分割开选项,采取了给按钮右边添加border的方法,当然也可以直接划一整条线,大家可以自己试试,接下来上代码:<!DOCTYPE htm...原创 2018-11-23 10:27:07 · 8485 阅读 · 0 评论 -
html页面之间传递参数数据方式(url拼接和cookie)
粗略看了一些文章,在这里总结一下常见的两种,记录下来。一、url拼接(form表单也是通过参数拼接传递的)这个一种是window.open传递(该方法一般会跳转新的窗口),一种是window.location.href(该方法一般新页面显示在旧界面上)两者区别请看该链接:https://www.cnblogs.com/annie211/p/5900972.html1、第一个页面...原创 2018-11-20 11:53:06 · 17411 阅读 · 0 评论 -
(转)http协议改为https协议(免费和证书和收费证书)
1、免费证书一、CMD运行以下代码:%JAVA_HOME%\bin\keytool -genkey -alias server -keyalg RSA -keystore e:\server.keystore-validity 3650-alias是指定一个别名,类似于Map的key -keyalg是指定算法,默认是DSA -keystore是生成的文件往哪里放 -validit...转载 2018-11-29 11:43:05 · 921 阅读 · 0 评论 -
(转)Html JavaScript Dom
JavaScript HTML DOM 元素 (节点)本章节介绍如何向文档中添加和移除元素(节点)。创建新的 HTML 元素 (节点) - appendChild()要创建新的 HTML 元素 (节点)需要先创建一个元素,然后在已存在的元素中添加它。实例<div id="div1"> <p id="p1">这是一个段落。</p> <...转载 2018-12-12 16:49:26 · 246 阅读 · 2 评论 -
html+css3自定义button样式
原生的按钮有点丑,为此需要改装一下样式,达到适应页面或者美化的作用。下面的连接是用input做按钮和button做按钮的区别,有兴趣的可以看看。https://blog.csdn.net/u010458114/article/details/79371304先上效果图:html+CSS实现如下:<!DOCTYPE html PUBLIC "-//W3C//DTD X...原创 2018-12-12 13:00:32 · 32979 阅读 · 0 评论 -
自定义Tab切换+自定义CheckBox+light7无限滑动/下拉刷新
这是一篇记录型的技术杂文,记录了这段时间做的一些小模块样式,正文之前先记录一下html上下标的写法,转载自https://blog.csdn.net/bingle14/article/details/53817037HTML标签:上标在HTML语言中, <sup> 标签可定义上标文本。例如:要求显示:2个氧离子,在html代码中则需要写成:2O<sup>2-&...原创 2019-03-06 12:09:46 · 768 阅读 · 0 评论 -
(转)input上传文件个数控制
HTML:? 1 2 3 4 1 <h3>请上传[2,5]个文件</h3> 2 <form action="" enctype="multipart/form-data"> 3 <input type="file" name="file" multi...转载 2019-03-29 12:02:38 · 2585 阅读 · 2 评论 -
简单的左侧菜单栏整个菜单栏隐藏收起功能
百度搜了一下,基本都是上下收缩二级菜单这些的,但是需求是要整个菜单栏都隐藏收起,只能自己弄了,如果不是要这个功能的就别看了,先上效果图(顺便晒晒我家的荷兰猪~~~)左侧菜单栏未收起点击左上的左箭头按钮,左侧菜单收起,有动画效果的,这里只展示结果,具体可以复制代码自己看效果描述:1、向左侧慢慢收起,历时500ms,展开也历时500ms2、左下方有个放视频的地方,鼠标移...原创 2019-04-12 15:26:48 · 16998 阅读 · 0 评论 -
html简单的tab切换
效果图如下这里参考了网上高度自适应的方法,代码如下:1、index.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://ww...原创 2019-04-12 16:03:30 · 2895 阅读 · 0 评论 -
(转)Bootstrap FileInput多文件上传插件使
转载自:https://blog.csdn.net/qq_28550739/article/details/53436080一、需要引用的资源 <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bo...转载 2018-10-16 12:08:40 · 355 阅读 · 0 评论 -
Lodopfuncs.js(打印插件)使用小记-springboot
这两天研究这打印的js插件,html上图: 下载地址:http://www.lodop.net/download.html下载好后,里面比较重要的就是这几个文件,因为他需要一些插件的支持,所以exe有必要的情况下最好放在你网页可以下载的地方,然后修改其js的引用路径,这样当客户没有安装exe的时候,可以直接在页面上下载exe来安装,下载后的html估计都是些打印样板,具体不深究,这...原创 2018-08-21 16:44:56 · 20405 阅读 · 8 评论 -
eclipse中使用SVN以及导入SVN项目到eclipse中
在eclipse中想引入SVN的管理以及把SVN项目导入到eclipse中,这里只介绍最常见的方法。一、eclipse引入SVN:1、打开eclipse --> help --> Install New Software...2、点击“Add”,在弹出的窗口里,输入对应的SVN地址,然后“OK”Name:subeclipseLocation:(看需要那个版本的svn)http://su...原创 2018-06-22 08:58:19 · 29628 阅读 · 0 评论 -
ajax简单例子(需要springboot框架maven项目构建)
最近在做springboot学习,相关的项目建立步骤可以看这个链接https://www.cnblogs.com/junyang/p/8151802.html这边建立好的项目结构是这样的: 这里就是记录一下自己写的一个小例子来巩固基础的ajax学习。 首先先引入相关的JS,ajax需要引入jqurey,那就引入你的项目中,一般在static下,放哪看个人喜欢:...原创 2018-06-28 10:53:19 · 2509 阅读 · 0 评论 -
springboot+hibernate配置小记
这里为了自己不遗忘,做一下总结,Springboot如何配置的文章非常多,这里不详细说了,只记录一点,有可能会有找不到html或者js的情况,可以自己添加对路径的访问:@Configuration@EnableWebMvc@ComponentScanpublic class WebConfig extends WebMvcConfigurerAdapter implements Ap...原创 2018-07-16 17:13:07 · 14124 阅读 · 2 评论 -
SpringBoot+hibernate例子
网上看了好多,留个例子给自己,都是最简单的使用,没有触及到自己写SQL,用的是Hibernate封装好的方法,但是现实中肯定是基础方法不能满足查询语句的。一、SpringBoot整合Hibernate,看文章:https://blog.csdn.net/nzzl54/article/details/81067807二、配置完后上例子:1、html中:<body>&l...原创 2018-07-19 13:15:56 · 4077 阅读 · 0 评论 -
springboot上使用hibernate报错总结
这两天在试用hibernate,整合入springboot是没问题了,但是具体使用就有问题,大部分应该都是下面两个问题1、required a bean of type 'org.hibernate.SessionFactory' that could not be found.2、InvalidDataAccessApiUsageException 和 Write operations ...原创 2018-07-20 11:25:58 · 5812 阅读 · 0 评论 -
SpringBoot+Hibernates使用封装Dao
这里结合一个查询的例子来演示,主要例子中使用了createSQLQuery(Sql)方法,Hql暂时不做介绍,现在先使用原生Sql来查询数据库已有的数据。数据库数据和效果图如下:1、先封装一个BaseDao用于一些基础数据库的操作,请参考来自:https://blog.csdn.net/haozhishang/article/details/53337973#comment...原创 2018-07-20 18:31:24 · 6841 阅读 · 0 评论 -
一些JS小方法记录
一、自定义格式化日期:从2018年07月31日 或者 2018.07.31 或者 2018/07/31或者别的格式 转成 2018-07-31function dateFormatCustom(dateString){ var str; if(dateString != null && dateString != ""){ ...原创 2018-07-31 11:21:53 · 151 阅读 · 0 评论 -
html的class样式增加或移除(例子模拟input输入框未填写的标红)
今天研究了为input框添加红色提示框的class样式,但是加上去容易,当通过getElementsByClass获取到了所有添加了红框样式的元素,发现不能直接用replace对改class数组进行移除样式操作,研究了才发现,可以把元素存起来然后在进行样式的移除操作,具体还是通过下面的例子来演示吧,先上效果图:1、只输入了姓名,然后点击校验,发现为空的加入红框样式:2、把性别和年龄写上...原创 2018-07-27 22:22:21 · 3455 阅读 · 0 评论 -
html打印预览导致一些监听事件失效处理
最近在iframe嵌入一个html,html中有一些input框和textarea框需要监听变动事件,没有点击打印之前都是可以正常监听得到的,但是调用打印方法以后就监听不到了,在打印的时候调用了alert方法查看打印的html内容,发现原来的script部分本来是写在</body>标签后面的,结果变成了</body>标签之前了,这个问题其实展示的就是打印的时候我们把html...原创 2018-08-08 09:31:23 · 2734 阅读 · 0 评论 -
(转)使用PageOffice实现文档(word,excel,pdf)在线预览编辑
转载自:https://blog.csdn.net/qq_29897369/article/details/78407111 首先自己需要安装PageOffice控件 目前最新版本是4.2 。下载地址是:http://www.zhuozhengsoft.com/dowm/ 其中包括实例代码。1、安装完后需要给自己的项目添加pageoffice4.jar 和java 添加jar包没有区别...转载 2018-08-02 12:16:26 · 7356 阅读 · 2 评论 -
调用浏览器打印预览以及textarea文本框显示(springboot+maven)
这里记录下js调用打印和textarea设置无边框定宽可拉长的方法,直接在例子中体现。先上点击打印后的效果图:这里有两个textarea,都是无边框和可上下拉动的,这部分比较简单,可以在css中设置好:<style>textarea { outline: 0 none; //无边框 border:none; //无边框 display: bl...原创 2018-08-17 10:53:21 · 2041 阅读 · 0 评论 -
html+css自定义勾选框(单选、复选)
效果图如上,这里主要是css对勾选时做样式上的处理,在html的<head>标签我们引入jquery和勾选框样式<title>基本信息</title> <script type="text/javascript" src="jq/jquery.min.js"></script><style>.span-sty...原创 2019-07-31 09:32:25 · 26968 阅读 · 0 评论