tips

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

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

2016-09-08 01:25:04 1997 3 18

阅读详情

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:27 1759 2 8

阅读详情

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:14 9364 71 97

阅读详情

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:30 2394 0 6

阅读详情

常用单词(非口语)

  日期、时间年：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:59 1467 2 9

阅读详情

关于浮动的一个小知识

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

2016-04-12 01:10:22 2158 5 4

阅读详情

阿里图标的运用

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

2016-03-12 23:58:03 1528 0 8

阅读详情