joe_dev-优快云博客

转载下拉框样式

转一个样式好看的下拉框样式。 /* SELECT W/IMAGE */ select#selectTravelCity { width : 14em; height : 3.

2017-02-13 15:34:19 1353

原创 css 水平垂直居中两端对齐

单行垂直居中单行垂直居中可以直接用line-height=width来做hello world这样文本hello world便实现了垂直居中，如果想让整个div在父级元素中都居中，则在外面嵌套一层div，并且通过里面div的margin来实现hello world.element { position: absolute; left: 0;

2017-02-10 16:30:47 3776

原创 css 限制长度多余部分省略

单行.class1{ width: 200px; text-overflow: ellipsis; overflow: hidden; /** 隐藏超出的内容 **/ } 多行.class2{ width: 200px; word-break: break-all; /**换行**/ text-overflow:

2017-02-10 09:30:28 899

原创前端js 将13位时间戳转为xxxx/xx/xx格式

公司项目从数据库取出的时间是13位时间戳，数据传到前台需要进行格式转换一下。function timeFormat(nS) { return new Date(parseInt(("/Date("+nS+")/").substr(6, 13))).toLocaleDateString(); };

2017-01-13 17:31:22 9038

原创 vue渲染从后台获取的json数据

公司项目原来用的框架扩展性太差，准备更新前台页面然后用vue渲染dom然后我写了一个demo$(document).ready(function(){ $.ajax({ type:"post", url:"", asy

2017-01-09 10:22:24 35631

转载浏览器默认样式

不同浏览器对于相同元素的默认样式并不一致，这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0}；不过现在说的可不只是这些。基本上，不同内核的两个浏览器在某些元素的表现都会存在差异，比如缩进的大小、字体选择、字符样式等。也许一个很漂亮的CSS样式表在一个浏览器上表现良好，在另外一个浏览器上即使是没有CSS Bug的情况也会变得结构混乱起来，我都是浏览器默认样式

2017-01-04 10:34:43 444

原创 masonry瀑布流布局

最近做项目用到了masonry瀑布流布局，就记录下来方便以后查阅。.grid-item {float: left;width: 80px;height: 60px;border: 2px black solid;margin: 2px;}.grid-item--width2 { width: 160px; }.grid-item--height2 {

2016-12-28 11:27:34 1703

原创 css中的position

关于position的四个属性一直不太清晰，所以查找的一些资料记录下来。position static在CSS中所有元素的“position”属性的默认值都是“static”，因为不需要显式的为每个元素设置“position:static”。relativerelative称为相对定位，如果你给某个元素指定了postion的值为“relative”，那么你

2016-12-19 10:03:08 359

原创 CSS中的变量使用，var()语法

惯例先看代码：:root{--white-max: #fff; --white-bright:#f5f5f5; --white-light:#eee; --white-dark: #ddd; }.navbar ul>li>a{color: var(--white-max);font-size: 1.1em;font-weight: bol

2016-12-16 10:52:49 16003 4

原创使用EChats制作中国地图，点击省份跳转到相应链接

html中：js文件其中map.jsvar container = document.getElementById('main');//初始化容器高度container.style.height = $('.container').innerWidth()*2/3+"px"var myChart = echarts.ini

2016-12-15 15:59:22 5972 1

原创 css将多余文本以省略号显示

.mycss{ width: 50px; height: 20px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; cursor:

2016-12-15 10:32:08 663

转载 jQuery动态生成html元素的几种方法

本文实例讲述了jQuery动态创建html元素的常用方法，在使用jQuery进行WEB程序设计的时候非常有用。分享给大家供大家参考。具体方法如下：一般来说，可以通过以下几种方式动态创建html元素：1、使用jQuery创建元素的语法 2、把动态内容存放到数组中，再遍历数组动态创建html元素 3、使用模版1.使用jQuery动态创建元素追加到jQuery对象

2016-12-14 14:38:17 8498

转载 jQuery的on()

jQuery on()方法是官方推荐的绑定事件的一个方法。$(selector).on(event,childSelector,data,function,map)由此扩展开来的几个以前常见的方法有.bind()　　$("p").bind("click",function(){　　　　alert("The paragraph was clicked.");　　});

2016-12-14 11:51:04 404

原创手机适配，浏览器兼容

开发的时候看到了这两行代码，查了一下作用然后记录下来。如果支持Google Chrome Frame：GCF，则使用GCF渲染；如果系统安装ie8或以上版本，则使用最高版本ie渲染；否则，这个设定可以忽略。width - viewport的宽度 height - viewport的高度initial-scale - 初始的缩放比例minimum-scale

2016-12-13 15:43:43 1920

原创 jQuery获取清空input值的几种方法

$('.class').val()$(" #id").val()$(" input[ name='name' ] ").val()$(" input[ type='text' ] ").val()$(" input[ type='text' ]").attr("value")通过选择器选择对应元素.val()清空文本框的值$(" #id").val(“”);如果此时console.log(

2016-12-13 10:11:34 131360 6

原创关于bootstrap的modal

代码：标题 × modal标题 modal的文本触发关闭

2016-12-12 17:02:09 524

joe_dev的博客