自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 技术心得

整理技术从业路上的点滴

2017-12-20 14:02:13 164

原创 vue项目中如何使用字体图标

先在阿里巴巴字体图标库中找到想到的字体图标加入购物车添加到项目中,然后在vue项目中的index.html文件中引入如下图的css。然后在需要的文件中写入字体图标的类即可,如图注意:每次加入新的字体图标须更新css.

2017-08-16 14:16:31 3221

原创 jquery实现懒加载

文章参考:http://code.ciaoca.com/jquery/lazyload/上实例代码:jQuery Lazy Load 图片延迟加载 » 使用淡入动画效果 » 在线演示 - 前端开发仓库 -->                                           

2017-08-15 15:46:38 480

原创 如何实现多行文字垂直居中

CSS中的vertical-align属性只会对拥有valign特性的(X)HTML标签起作用,但是在CSS中还有一个display属性能够模拟,所以我们可以使用这个属性来让模拟就可以使用vertical-align了。注意,display:table和display:table-cell的使用方法,前者必须设置在父元素上,后者必须设置在子元素上;附效果图:html代码:table

2016-12-02 10:42:53 395

转载 css实现左边div固定宽度,右边div自适应撑满剩下的宽度

(1)使用float class="use-float"> .use-float>div:first-child{ width:100px; float:left;}.use-float>div:last-child{ overflow:hidden;}- - - - - - - - - - - - - - -

2016-11-29 11:54:18 4585

原创 项目中如何引入新字体

做项目有时候会碰到一些电脑中没有的新的字体,这时候就需要我们下载字体并引入字体到项目中了。先在网上查找字体并下载到本地,然后把下载好的字体文件引入到项目中,如下图:然后在你的css文件中引入字体,如下图:

2016-11-10 12:00:40 4389 1

原创 icon-font 图标字体的使用

icon-font 图标字体的使用,方法一:可以在icomoon下载相应的图表字体,官网为:https://icomoon.io/  进去会提供600+的免费图表,如果想要更多的图表字体可选择Icon Library;如图所示:选择好需要的图标后点击右下角的Generate Font生成图标,生成后download下来,下载好的文件会包含fonts文件夹和css文件、demo.

2016-11-09 11:02:31 5725

转载 jQuery 倒计时 天、时、分、秒倒计时

感谢道友分享,文章来源:http://www.zztuku.com/JS/Times/20130330_8422.html贴代码:jquery版的网页倒计时效果  .time-item strong{background:#C71C60;color:#fff;line-height:49px;font-size:36px;font-family:Aria

2016-11-08 12:01:06 691

转载 Js暂停倒数参考案例

感谢道友文章:http://www.zztuku.com/JS/Times/20130104_5550.html贴代码:body,div{margin:0;padding:0;}body{color:#fff;font:16px/1.5;}#down_wwwzzjsnet{width:300px;text-align:center;backgroun

2016-11-08 11:45:59 266

原创 echarts图表制作

一般的图表(除地图)可看文档,按照文档制作即可:http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts地图:地图的制作需要先引入相应地图的js文件,或json文件,地图下载地址:http://echarts.baidu.com/download-map.htm

2016-11-07 14:31:11 357 1

原创 angular中如何使用ng-class实现当前元素的变色

涉及的知识点包括angular中的ng-class和ng-click指令,还有三目运算,其中有自己遇到的一个坑,详细讲坑。        .yea{color: red;}.no{color:yellow;}按钮变色按钮一按钮二        angular.module("myApp",[])     //必须注

2016-11-04 11:16:48 3871 1

原创 如何实现input输入时和值为空时的状态变化

下面以一段代码进行演示,其中涉及的知识点为angular的element元素(angular中jqLite的写法)和angular中的$watch事件。 $apply()、$timeout()、$watch()单价:{{order.price}} 

2016-11-04 10:52:17 3443

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除