码奴农

虚拟世界里的种田文!

2017/10/23

正则表达式の基础入门(JS篇)

, 正则表达式の基础入门(JS篇)
正则表达式,英语:Regular Expression,在代码中常简写为regex、regexp或RE。 是由一个字符序列形成的搜索模式,搜索模式可用于文本搜索和文本替换。 Continue Reading →
 490  0
2016/11/02

前端布局之五:响应式布局

, 前端布局之五:响应式布局
响应式布局是2010年出现的概念,也是现在越来越常用的一种布局形式,简而言之,使用响应式布局做的网站能适应各种尺寸的屏幕。这种适应说的更原理一些,就是预先设置好各个尺寸屏幕下网站所要呈现的样子代码,所以响应式网站比非响应式网站制作难度要大这是肯定的,但那是程序员的事情。 …… Continue Reading →
 6382  0
2016/11/01

前端布局:等分布局

, 前端布局:等分布局
这是前端布局的第四篇文章,讲讲等分布局,所谓等分布局的效果图就是下面这样的:   然后我们来细细分析下这个等分布局,红绿蓝黄四个单元格等比例,中间有相同的间隔。 也就是说总长度C必须再加G,才能做到均分,就像下面这张图表示的那样。 有三种方法可以实…… Continue Reading →
 1158  0
2016/10/31

前端布局:全屏布局

, 前端布局:全屏布局
这是前端布局的第三篇,讲讲全屏布局,全屏布局也是一种常见的布局,看下面的图样: 上面是导航、下面是底部,中间是左右布局,中间的布局自带滚动条,想要知道有几种实现方法吗?有两种,下面我们就来看看吧: 定高PX全屏布局 效果图是这样的: 1、Position Html代…… Continue Reading →
 3086  0
2016/10/28

前端布局:左右布局

, 前端布局:左右布局
前端布局中左右布局太容易遇到了,大布局上后台管理系统里这种布局最频繁,小布局上,一个评论布局都是左边头像右边评论的,我最近在做的仿gitbook的界面也是左右布局的,来看一下样子,我是拿来做关于页的样子的,所以在做的过程中忽然觉得应该整理下关于左右布局的东东。 左右布…… Continue Reading →
 1015  0
2016/10/28

前端编辑器:Sublime2安装指南

前端编辑器:Sublime2安装指南
最近重装了下Sublime Text2,顺便写篇安装指南,本文的所有内容仅适用于我的这个sublime的版本(下面有下载链接),这个版本汉化的比较厉害,但是我一直在用的一个版本。 安装Sublime2 Sublime的下载链接点这里 下载完,解压缩后就会看到这样的 sublime插件文件夹等下说,…… Continue Reading →
 1337  0
2016/10/27

前端布局:水平垂直居中布局

, 前端布局:水平垂直居中布局
这次讲的是布局中的居中布局,分为水平居中、垂直居中、水平垂直居中三个部分。html的代码均为以下相同的代码。 [crayon-5c0ef2fe6ff1f759073131/] 要求里面的容器宽高是不确定的,外面的容器宽高也是不确定的,实现这三种布局的方法。 水平居中布局 (1)inline-block+text…… Continue Reading →
 1503  0
2016/10/26

CSS3新特性(07):选择器

, CSS3新特性(07):选择器
因为要考虑浏览器兼容性问题,所以刚出来新鲜可口的选择器我都不太会去用,所以导致写程序时,会用的选择器就这么几种最最常规的,为了技术精进,于是乎,我整理了所有我不常用的选择器,以后想起来要用,查这篇文章就可以啦,我常用的选择器也就标签、id、class这么实在可怜的几种,所以…… Continue Reading →
 727  0
2016/09/03

CSS3新特性(06):Flex

, , CSS3新特性(06):Flex
Flex是Flexible Box的缩写,意为"弹性布局",Flex布局将会是未来布局的首选方案,因为非常便捷,有必要好好学习下。不过目前浏览器支持不是很好,IE11开始才支持。 网上写的各种Flex的文章都说IE10也支持的,我想说,我像你保证IE10不支持的,至少不支持Flex里面的所有属性,所以…… Continue Reading →
 855  0
2016/08/05

CSS3新特性(05):文本格式

, CSS3新特性(05):文本格式
CSS3新特性中关于文本方面的内容不少,会有两部分内容:文字渲染和文本格式。今天来谈谈最复杂的部分——文本格式。所谓文本格式,即是控制长文字的换行、空格,尤其以英文为主,中文没关系。不过今天谈的属性大多会在你制作文章页面时用上哟!好好听。 01.处理换行、空格和Tab:white-…… Continue Reading →
 737  0