前端
涛小涛
这个作者很懒,什么都没留下…
展开
-
js获取 图片的实际宽高,然后实现图片的瀑布流
这两天做了一下小页面,要求实现一个瀑布流,瀑布流中的图片尺寸需要随着上传的图片自动适配宽高,还要适配不同的手机。 这就需要先获取加载到的图片的实际尺寸,然后根据实际尺寸的宽高比例,然后再通过js获取实际手机的屏幕宽度,然后通过比例和手机宽度得到实际需要设置的图片的高度。实际的思路如下:1.首先获得手机的屏幕尺寸 var windowWidth = $(window).width();原创 2018-01-22 18:41:21 · 1962 阅读 · 0 评论 -
HTML 中多行文本垂直居中
最近在做官网,其中有个小小的需求是一段多行文本在一个区域内垂直居中,就如下图所示: 需要将右面的文字垂直居中,通过网上查找资料显示可以使用display:table 的方法来实现。 请看这篇博文; http://blog.csdn.net/u014607184/article/details/51820508 这篇博文中讲道德是 垂直居中的问题,它分为单行文本垂直居中和多...原创 2018-03-01 10:13:11 · 16160 阅读 · 0 评论 -
基于bootstrap 写的一个前端导航样式
这几天在做公司官网,想实现一个网页中导航栏的样式,类似于这个网站的效果:http://litta.co/即就是 鼠标往下滚动的时候页面最上面的导航栏可以有一个收缩的效果。具体HTML代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>一个导航栏的练习&..原创 2018-04-12 18:31:42 · 2663 阅读 · 0 评论 -
bootstrap中daterangepicker组件的使用(一)
这段时间接了一个需求,需要实现打开一个日期控件,需要选择一个日期范围:需求是这样:如上图所示,点击上一周期,弹出上图的一个日期控件,默认是一个范围,并且这个范围的开始日期和结束日期和长度都要根据外界的两个条件进行动态变化.我引入了bootstrap中的一个daterangepicker组件来实现这个功能,首先我写了一个demo,如下:一.Demo如下:首先我的项目结...原创 2018-11-23 18:43:08 · 5494 阅读 · 3 评论 -
bootstrap中daterangepicker组件的使用(二)
为了实现 bootstrap中daterangepicker组件的使用(一) 中的需求,我对demo进行了定制,具体需求可以参见:bootstrap中daterangepicker组件的使用(一) : https://blog.csdn.net/liuying1802028915/article/details/84401953此demo的作用是根据两个变量动态算出默认的开始日期和结束日期,也...原创 2018-11-23 19:15:19 · 16491 阅读 · 4 评论 -
bootstrap中daterangepicker组件的使用(三)
bootstrap中daterangepicker组件的使用(二)我们说的是在demo中如何使用daterangepicker,接下来我将demo迁到我的项目中,大体上没有问题,只是遇到了两个关于样式的问题,下面我将具体遇到的情况在这里记录一下. 一,首先我将demo迁到我的代码中,我直接贴一下效果图吧.如上图所示,点击上一周期,会弹出我们的日期组件,相应的功能都可以实现...原创 2018-11-26 18:27:35 · 785 阅读 · 0 评论 -
excel导出(使用window.open的post请求方式)
最近在做一个导出excel的功能,本来这个功能很简单,之前也做过没必要写,但是在做的时候发现一个问题,那就是传参参数过长的问题,听我细细道来。 按理说导出是后台java做的事情,但是我这次是将前台的表格数据拼成json然后当做参数传到后台,具体方式是使用url将参数放到url中,那么问题来了,假如前台表格中的数据很多时,是用这种方式肯定会有问题,因为window.open 默认是使用...原创 2019-04-12 18:25:09 · 5089 阅读 · 0 评论 -
ajax请求servlet小练习(一)
在我们以往的工作中,发送ajax都是借助框架(比如SpringMVC)来实现的,最近在做公司的一个需求,就是在一个工程中查询数据库,但是这个工程没有引入Spring相关的框架,我不想用form表单提交的方式去实现,就想写一个简单的servelt,发送ajax请求访问这个servlet,servlet再去访问数据库,之后将查询到的结果返回到页面。我将此工作分为了两部。 第一步,发送aj...原创 2019-05-10 19:45:12 · 5184 阅读 · 2 评论