Web前端
文章平均质量分 60
xxf159797
这个作者很懒,什么都没留下…
展开
-
树表格完整demo Bootstrap+treeTable
使用bootstrap-table + treegrid 。js 文件: jquery.js、bootstrap-table.js、bootstrap-table-treegrid.js、jquery.treegrid.jscss 文件:bootstrap.css、bootstrap-table.css、jquery.treegrid.css;后台传到前台的 json 必须含有 id、...原创 2020-04-14 08:51:04 · 5555 阅读 · 3 评论 -
19 个 JavaScript 常用的简写技术
19 个 JavaScript 常用的简写技术1.三元操作符当想写if...else语句时,使用三元操作符来代替。const x = 20;let answer;if (x > 10) { answer = 'is greater';} else { answer = 'is lesser';}简写:const answer = x > 10 ?原创 2017-07-07 15:05:05 · 327 阅读 · 0 评论 -
echarts饼图实例demo
echarts饼图,并在点击图例的时候回触发事件。首先是要引入echarts.js文件,下面是实例代码,直接复制即可 // 基于准备好的dom,初始化echarts实例var myChart = echarts.init(document.getElementById('main'));// 指定图表的配置项和数据opti原创 2017-09-09 14:07:28 · 5263 阅读 · 4 评论 -
jquery-ui输入框自动补全(实用)
首先,要引入jquery.js、jquery.auto-complete.js、jquery.auto-complete.min.css.(重要)demo代码: Title $(function(){ var fe = ['ActionScript', '人口', 'As原创 2017-08-31 18:25:07 · 746 阅读 · 0 评论 -
非常好用的bootstrap富文本编辑器---常用api
这次项目中需要用到编辑器插件,于是上网查了一下。由于需要的编辑器功能比较简单,不需要太多复杂功能,所以选择了一款特别轻量的summernote插件,而且后台操作也很简单。官网:http://summernote.org/github地址:https://github.com/summernote...先来看一下官网的截图麻雀虽小五脏俱全。完全可以满足编辑器的需要。转载 2017-11-03 11:57:50 · 11399 阅读 · 1 评论 -
JS控制图片显示的大小(图片等比例缩放)
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>最新javascript自动按比例显示图片,按比例压缩图片显示<原创 2018-02-27 16:52:56 · 1381 阅读 · 1 评论 -
完美解决location.href=“url” 乱码问题
前端html:location.href=“url?content=中文”;后台接收:String str = new String(request.getParameter("content").getBytes("ISO-8859-1"), "UTF-8");完美解决!!!原创 2018-04-16 16:21:12 · 1843 阅读 · 0 评论 -
超详细SSM+Maven分模块整合 不看后悔!
SSM整合+视频网站开发课程目标使用SpringMVC+Mybatis+Spring+Maven进行分模块整合 简单实现视频网站开发一、项目演示二、使用技术后端:SpringMVC、Spring、Mybatis前端:jqueryitmayiedu-parent ---父类工程 itmayiedu-commons ---工具类 itmayiedu-entity ---实体类 itmayiedu...原创 2018-06-21 17:29:56 · 1573 阅读 · 1 评论 -
详解get与post区别
GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数。当你在面试中被问到这个问题,你的内心充满了自信和喜悦。你轻轻松松的给出了一个“标准答案”:GET在浏览器回退时是无害的,而POST会再次提交请求。GET产生的URL地址可以被Bookmark,而POST不可以。GE...转载 2018-06-19 10:11:27 · 220 阅读 · 0 评论 -
ul和li实现翻书动画效果
来看看HTML部分:由于li是inline-block元素,所有没有写li的闭合,写了的话每个li之间会有4px的间距,不写浏览器也会自动补全。CSS部分 body { text-align: center; } ul { background: gray; width: 100%; p原创 2017-07-07 14:47:05 · 2194 阅读 · 0 评论 -
微信浏览器横屏显示问题
微信横屏问题移动端html开发,我们常会用到横竖屏的判断做一些事情,比如说播放视频的时候时常使用横竖屏切来切换居中显示和全屏显示,如果你无数次尝试都失败了,请你看到最后,有惊喜哦!!。一般来说,横竖屏的检测方式有以下几种:一、使用浏览器自带的事件使用浏览器自带事件orientationchange和浏览器对象window.orientation可以完美进行横竖屏幕切换。根据参考资料原创 2017-07-07 14:40:00 · 9435 阅读 · 1 评论 -
按Enter键触发事件的jquery方法实现代码
$(function () { document.onkeydown = function (event) { var e = event || window.event || arguments.callee.caller.arguments[0]; if (e && e.keyCode == 13) { //to do something; } }; })原创 2017-07-14 11:22:54 · 389 阅读 · 0 评论 -
JavaScript实现动画计时器代码!!!
计时器特效.outborder{width:200px;height:400px;float:left;}.leftup{background-color:#00d;width:20px;height:120px;position:relative;top:10px;left:0px;-webkit-animation:cleftup 20s linear in原创 2016-12-16 11:06:08 · 903 阅读 · 0 评论 -
JSP 分页查询关键代码!
JSP 分页查询关键代码实体类代码: package com.book.entity; public class Book { private int book_id; private String book_name; private String book_num; private String book_author; private double book_price; p原创 2016-12-17 14:40:43 · 494 阅读 · 0 评论 -
bootstrop前端框架入门
bootstrop前端框架bootstrap 的学习非常简单,并且它所提供的样式又非常精美。只要稍微简单的学习就可以制作出漂亮的页面。bootstrap中文网:http://v3.bootcss.com/ bootstrap提供了三种类型的下载:------------------------------------------------------------原创 2016-12-25 15:39:37 · 2022 阅读 · 0 评论 -
html中的src与href的区别
写代码的时候就经常把这两个属性弄混淆,到底是href还是src,href标识超文本引用,用在link和a等元素上,href是引用和页面关联,是在当前元素和引用资源之间建立联系,src表示引用资源,表示替换当前元素,用在img,script,iframe上,src是页面内容不可缺少的一部分。 src是source的缩写,是指向外部资源的位置,指向的内部会迁入到文档中当前标签所在的位置;在请原创 2016-12-29 09:50:59 · 1020 阅读 · 0 评论 -
一个发送验证码的javascript代码
var T = 0;var handle = null;var event = null;$(function(){ $('#sendCode').click(function(e){ if(T == 0) { var mobile = $('#name').val(); if (!/^(13[0-9]|14[0-9]|原创 2016-12-29 09:52:53 · 398 阅读 · 0 评论 -
jquery判断div滚动条到底部
jQuery 里和滚动条有关的概念很多,但是有三个属性和滚动条的拖动有关,就是:scrollTop、scrollLeft、scrollHeight。其中 scrollHeight 属性,互联网上几乎搜素不到关于它的应用技巧,而我正好需要用到它。 我们现在只探讨和垂直滚动有关的 scrollTop、scrollHeight 属性。 一、滚动条有关属性的正确理解: 假设原创 2016-12-29 09:55:00 · 471 阅读 · 0 评论 -
javascript倒计时
JavaScript倒计时 //设置时间 var maxtime = 60 * 60; function CountDown() { if (maxtime >= 0) { minutes = Math.floor(maxtime / 60); s原创 2016-12-30 10:53:55 · 343 阅读 · 0 评论 -
html5二维码扫描功能实现
html5中可以使用二维码扫描,也可以从相册中选择二维码识别,代码如下 var ws = null, wo = null; var scan = null, domready = false; // H5 plus事件处理 function plusReady() { if (ws || !window.pl原创 2016-12-29 09:56:13 · 7556 阅读 · 2 评论 -
javaScript实现五星好评代码
效果如图:具体代码:function test(myvalue){for(var i=1;idocument.getElementById(""+i).innerHTML="☆";document.getElementById(""+i).setAttribute("style","color:black");}for(var i=1;idocu原创 2016-12-16 11:18:31 · 7278 阅读 · 0 评论