- 博客(26)
- 资源 (5)
- 收藏
- 关注
原创 Font-Awesome最新版完整使用教程
何为Font-Awesome Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.简言之:可伸缩的图标(矢量化),高度自定义(大小,
2015-05-31 22:56:51 45123 4
原创 网页元素居中攻略记_(4)用CSS3属性让元素水平垂直居中
flex实现子块的完美居中方案父块使用display:flex属性,子块margin自适应即可实现代码index.html<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>块状元素垂直居中(已知高度)</title> <style> *{margin: 0;padding: 0;}
2015-05-31 11:47:51 3448 1
原创 网页元素居中攻略记_(3)已知宽高元素水平垂直居中
已知宽高元素水平垂直居中方案使用了position的absolute属来实现,在上篇文章的垂直居中的基础上加上水平居中代码index.html<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <title>已知宽高元素水平垂直居中</title> <style> #container {
2015-05-31 11:04:55 2854 1
原创 网页元素居中攻略记_(2)元素垂直居中
单行内元素垂直居中方案 设置行内元素的行高等于父元素的高度或者包裹块的高度即可实现垂直居中,具体看代码效果代码实现index.html<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <title>单行内元素垂直居中</title> <style> div { wi
2015-05-30 14:55:13 2804
原创 网页元素居中攻略记_(1)元素水平居中
行内元素水平居中方案行内元素包裹在一个属性display为block的父层元素中,父块text-align:center即可实现代码实现index.html<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <title>行内元素水平居中</title> <style type="text/css
2015-05-29 22:12:54 4099
原创 CSS固定层的效果实现
固定层的作用内容不随页面滚动应用范围一般用于头部导航/底部导航/页面中间导航(京东的宝贝详情页有用到,看图)小伙伴们可以去京东随便打开一个宝贝看看..制作预备知识:DIV+CSS基础Position的四个参数作用,这里主要用到fixed属性Tips:fixed和absolute都是脱离文档流的 区别:absolute会随页面滚动而fixed不会absolute的父级元素若是使用了
2015-05-28 12:20:57 2458 1
原创 CSS Sprites定位实现
何为CSS Sprite通常我们把它叫做CSS图像拼合技术,当然还有人把CSS Sprites叫做”CSS贴图定位”。原理CSS Sprites 原理:其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用
2015-05-27 19:51:10 2760 1
原创 Atom编辑器折腾记_(10) CSS Comb增强版[CSS/LESS/SASS]
何为CSScomb官方网站只有一句描述: Makes your code beautiful(让你的代码更漂亮)通俗点讲: CSScomb是用来排版CSS代码的…可以说是格式化插件,依赖nodejs获取CSScomb–这不是今天的话题官方网站: CSScomb 支持许多编辑器,比如Sublime/Atom/brackets等第三方CSScomb—这才是今天的话题昨天写了篇CSS3的
2015-05-26 11:57:15 7474 2
原创 CSS3实现曲线阴影和翘边阴影
预备知识DIV+CSS基础圆角:border-radius2D变幻:transform:skew && rotate伪类::before 和 :after代码HTML结构代码很简单,CSS内含注释,图片小伙伴们自己替换哈!HTML<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>CSS3实现曲
2015-05-25 23:51:31 4742
原创 Atom编辑器折腾记_(9)实用侧边栏插件[仿Mac OS finder]
插件介绍:tree-view-finder修改目录树跟Mac OS Finder相似 - 在目录树显示文件大小和日期 - 可以根据文件名/大小/日期进行排列 - 双击文件可以调用外部编辑器打开所要编辑的文件效果图:安装及使用两种安装方法apm install tree-view-finderAtom->settings(设置)->install(安装)->搜索tree-v
2015-05-25 10:17:18 9182
原创 解决WIN10 10122 Itunes识别iPhone
问题今年微软大会过后,下定决心体验win10,跑到官网加入那个inside计划;下载了当时最新10074版本 之后几天基本忙于部署各种环境…不过兼容性很不错.各种常用软件基本没出什么问题. 就是系统经常假死..差点砸了电脑就在此帖子的前两天….最新版本10122发布了….我怀着期待的心情立马下载更新了.. 经过几个小时的下载…终于更新完毕….系统体验改善了好多…假死也相对少了一些;但一些软件却
2015-05-24 19:06:08 3922
原创 Ubuntu15.04编译安装nodejsV0.12.3
NodeJs下载nodejs.org官网 进入页面发现MAC和WIN才有二进制安装包,,LINUX只有源码; 根据自己的发行版本(32bit/64bit)进行下载;我这里是直接用wget下载 wget http://nodejs.org/dist/v0.12.3/node-v0.12.3.tar.gz解压 tar -zxvf node-v0.12.3.tar.gz确认编译环境
2015-05-22 11:34:30 2071
原创 国内的公共DNS
公共DNS服务器,具有无广告、可以在一定程度上防止DNS劫持、不需因上网环境的改变而改变等优势,但是,使用公共DNS也可能存在系统响应慢、被劫持、隐私问题等风险。国内公共DNS阿里公共DNS 主:223.5.5.5副:223.6.6.6百度公共DNS 主:180.76.76.76副:180.76.76.76114公共DNS 纯净 无劫持 无需再忍受被强扭去看广告或粗俗网站之痛
2015-05-19 11:06:41 2110
原创 Atom编辑器折腾记_(8) 分屏操作
分屏何为分屏..请看此图为何要分屏用过linux的小伙伴都知道,分屏耍的好,可以提高工作效率的如何获取Atom的分屏命令最简易的,进入设置中心的快捷键列表,搜索pane 和 split 就可以看到命令和选择器了查询官方手册 为何不用默认的分屏快捷键有些失效了.就是按了没反应,应该和一些插件冲突了不习惯,符合自己习惯的才是最高效的自定义快捷键为何这样自定义我写在注释里面了…vi/vi
2015-05-19 10:25:07 10517
原创 Atom编辑器折腾记_(7) Emmet实例教程
题外话 Atom的emmet插件有些功能给阉割了 说阉割倒不如说atom本身自带的一些功能替代了atom的拓展功能 教程主要是常用的基础知识,在最后我会附上emmet完整简写表,大伙可以把图片在新页面打开另存为何为Emmet简言之,Emmet的前身是大名鼎鼎的Zen coding;功能snippet(代码片段,不如用专门的片段插件)abbreviation expand
2015-05-17 10:54:53 7521
原创 Atom编辑器折腾记_(6)config.cson基础教程
号外 昨天,atom官方更新了atom的版本; 把之前内置到core的核心插件autocomplete替换成autocomplete plus,还做了许多修正,具体看这里Notable ChangesAtom now bundles Autocomplete Plus and the completion providers for HTML, CSS, Less, Sass, sni
2015-05-16 10:32:51 9655
原创 CSS3边框圆角实现
语法border-radius:length|percentage {1,4}length : 用长度值设置对象的圆角半径长度。不允许负值percentage : 用百分比设置对象的圆角半径长度。不允许负值{1,4}是说该属性支持1~4参数值;参数解释一个参数: 所有半径相等,顺时针,自左上角到左下角两个参数:对角相等.第一个参数:左上角=右下角;第二个参数:右上角=左下角三个参数
2015-05-15 19:12:27 4675
原创 Atom编辑器折腾记_(5)记住上一次打开的目录及浏览器预览功能实现
简介用了Atom之后是不是发现,每次打开工作目录,保存退出后重新打开软件,目录一片空白!!Sublime和DW的快捷键预览html功能是不是很喜欢,而Atom木有!!插件的安装自行在设置内部的install查询,或者上github找,放到atom目录下的package,推荐前面的;当然,也支持用apm命令安装,大伙看自己的爱好吧记住上一次打开的目录这个功能,截止目前最新的0.198版本还木有
2015-05-15 11:08:19 14256
原创 Atom编辑器折腾记_(4)按键绑定keymap
简介Atom编辑器支持自定义按键绑定,文件格式是CSON;何为CSON 官方解释: This file uses CoffeeScript Object Notation (CSON). 我的解释: JSON + CoffeeScript 写法基本是JSON的写法按键绑定组成如图: 设置内的键盘映射图很好的说明了 按键绑定 = 快捷键(Keystroke) + 执行命令(Command)
2015-05-14 08:00:20 12682
原创 Atom编辑器折腾记_(3)插件主题推荐
注意事项主题和插件这方面,比Sublime Text人性化多了..一些比较用心的作者增加了二度设置功能.何为二度设置,就是不用手写代码修改配置文件,点点鼠标,填填输入框就能生效,主题以isotope-ui这个做例子介绍,看图: 进入二度设置我再介绍 一般有二度设置的,最下面一块都有readme或者其他引导教程 插件的二度设置和主题大同小异,有 二度内部都是插件功能的启用及代码部署教程
2015-05-13 06:56:24 36739 5
原创 Atom编辑器折腾记_(2)基础了解使用
启动界面菜单栏-分为六大块:File — 文件的保存打开,项目的保存打开,最后一次的项目加载,关闭及设置中心,以及用户自定义的配置(配置文件,初始化脚本,样式风格,代码片段,快捷键配置文件)等 Edit — 文件编辑的操作,文件编码格式,及行跳转等View — 重载页面,全屏,字体大小的缩放等Find — 都是关于查询的 ,跟Sublime text极其相似,快捷键基本一样Package
2015-05-12 20:47:09 33700 8
原创 Atom编辑器折腾记_(1)介绍下载安装
何为ATOM Atom是专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。为什么用ATOM开源 — 遵循MIT协议,代码托管在github上多平台 — 支持MAC/WIN/LINUX(支持源码编译安装,也提供二进制安装包)丰富的插件库 — 开源到
2015-05-11 19:31:37 13656
原创 JSON知识点汇总_W3SCHOOL
什么是JSONJSON与XML的差异化为什么使用 JSON使用 XML使用 JSONJSON 语法JSON 语法规则JSON 名称值对JSON 值JSON 对象JSON 数组JSON 文件JSON 使用什么是JSON JSON:JavaScript 对象表示法(JavaScript Object Notation)。 JSON 是存储和交换文本信息的语法。类似 XM
2015-05-10 21:01:16 4589 1
原创 Bootstrap标准页面模版_V3.3.4
<!DOCTYPE html><html lang="zh-CN"> <head> <!--网页页面字符集--> <meta charset="utf-8"> <!--让IE使用最新的渲染模式--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--针对移动设备,网站显示宽度等于设备屏幕
2015-05-03 23:00:34 2491
原创 Js深入浅出——第一讲
六种数据类型 原始类型 对象 object Function string Array null Date number boolean undefined 隐式转换文本与数值转换 - “文本数值”-数值 eg: "31"-0```` 结果为31,减号在这里被理解为减法运算,位置可以对调“文本数值”+数值 eg:
2015-05-02 00:20:53 1139
详细介绍Java的内存管理与内存泄露
2012-08-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人