tips

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

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

2016-09-08 01:25:041629317

阅读详情

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:27140328

阅读详情

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:1484657192

阅读详情

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:30211906

阅读详情

常用单词(非口语)

  日期、时间年：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:59112527

阅读详情

关于浮动的一个小知识

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

2016-04-12 01:10:22182254

阅读详情

阿里图标的运用

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

2016-03-12 23:58:03116508

阅读详情