• 当前标签:tips

网站二维码分享到微信功能完善

    几个分享按钮终于搞好了,开始一头雾水,不知道哪里找,网上找了有的能用有的不能用,看似简单的微信分享功能,没找到代码,只能自己写一个了,借助一个二维码生成插件完善了每篇文章的二维码生成功能,还是挺激动的。js只需引入qrcode.min.js就行,jquery可以自备 /坏笑     canvas二维码生成插件: 链接:http://pan.baidu.com/s/1c1Anw20 密码:s3e3     附上效果图与代码 /色咪咪 

2016-09-08 01:25:041698317
阅读详情

JavaScript 简单生成随机颜色

十六进制表示方法 function color(){ var colors = [ '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f' ]; var c = ''; for(var i=0; i

2016-05-18 13:14:27149028
阅读详情

before伪类与阿里图标做的图标库

图标简介 看了bootstrap的一些源码,设计思路很好,对图标的写法是个好的方法,于是借鉴这个方法,用阿里图标和before做了一个常用的图标库,不用每次需要图标的时候在去做,直接引入css,调用class就好了,目前有360个小图标,用这个方法方便添加图标,方便自己维护,添加方便,class类名采用的单词都是百度现翻译的,错了的单词欢迎给我提出来,所有图标的class名在下边的链接里 在线css链接:https://upyun.xuanmo.xin/iconfont.css,直接引入,调用class即可 <link rel="stylesheet" href="https://upy

2016-05-01 04:22:1486797192
阅读详情

bootstrap框架如何5等分栅格化

    bootstrap目前已经成为前端制作网页最主要的一个框架工具,通过bootstrap栅格化标签可以快速对网页进行模块化分割,然而默认的分割是12等分,如果是把网页进行3、4、6等分进行分割是很简单的,你只需要使用col-md-4、col-md-3、col-md-6就可以轻松实现,那么如果你想把网页分割为5等分,要怎么操作呢?     这其实是bootstrap另一个比较重要的思想,方便于工具,但是不能局限于工具,使用bootstrap我们有时候还需要跳出bootstrap现有的标签样式。我们还可以针对bootstrap进行“二次定制开发”。例如5等分,我们就需要借用bootstrap

2016-04-18 01:01:30216306
阅读详情

常用单词(非口语)

     日期、时间 年:year 月:month 日:day 星期一:Monday 星期二:Tuesday 星期三:Wednesday 星期四:Thursday 星期五:Friday 星期六:Satarday 星期日:Sunday 小时:hours 分钟:minutes 秒:seconds 毫秒:millisecond 1月:January 2月:February 3月:March 4月:April 5月:May 6月:June 7月:July 8月:August 9月:September 10月:October 11月:November 12月:December    other

2016-04-13 00:21:59117929
阅读详情

关于浮动的一个小知识

今天一位小伙伴提出一个浮动的小问题,时间久了也没注意这个问题,效果代码如下: 第三个div跑到第一个div的下边去了,原因是第一个div用了浮动,漂浮起来了,第三个div没有浮动,自然就会占据第一个div的位置。 纠结的是为什么第三个div的文字和第三个div分离了呢?原因是图片、文字会环绕在浮动元素外面,是个什么意思呢,看了下边的图片就明白了; 利用图片与文字环绕可以做什么呢?下边这张图就是图片加了浮动,文字会自己在图片的右侧。 这就是为什么开始纠结的问题 /微笑  

2016-04-12 01:10:22186754
阅读详情

阿里图标的运用

什么是阿里图标? Iconfont.cn是由阿里巴巴UX部门推出的矢量图标管理网站,也是国内首家推广Webfont形式图标的平台。网站涵盖了1000多个常用图标并还在持续更新中,Iconfont平台为用户提供在线图标搜索、图标分捡下载、在线储存、矢量格式转换、个人图标库管理及项目图标管理等基础功能。同时iconfont.cn平台作为矢量图标倡导者,积极在线分享矢量图标制作经验、前端应用说明,及应用中常见的一些问题。 使用方法: 首先打开官方地址,官方网址:www.iconfont.cn  注:所需图标需一起下载   第一步找到自己需要的图标,如下图: 第二步下载到本地: 第三步,如下

2016-03-12 23:58:03121008
阅读详情
  • 1
前往