前后端

2017/10/23

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

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

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

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

前端布局之四:等分布局

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

前端布局之三:全屏布局

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

前端布局之二:左右布局

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

前端编辑器:Sublime2安装指南

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

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

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

CSS3新特性(07):选择器

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

CSS3新特性(06):Flex

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

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

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

CSS3新特性(04):@font-face

, CSS3新特性(04):@font-face
@font-face是CSS3新特性中的一个模块,今天就来介绍下它。它主要是把自定义的Web字体嵌入到你的网页中。说白了就是可以帮助你在网页上使用漂亮的特殊字体,即非Web安全字体. 而不用担心,你的网页发布以后,浏览者的电脑万一没安装这个字体就坏事了的情况。一般不是专业从业人员,如设…… Continue Reading →
 1244  0
2016/07/22

CSS3新特性(03):Animation

, , CSS3新特性(03):Animation
CSS3中动画涉及到三个属性,一个是Transform:变形;一个是Transition:过渡,一个是Animation:动画。其中Transform、Animation可以搭配着使用,实现复杂动画,Transition可以实现简单动画。 有时候,Transition过渡不能解决我们想要的动画效果,我们希望动画的过渡程度更加复杂有层次…… Continue Reading →
 758  0
2016/07/22

CSS3新特性(02):Transition

, , CSS3新特性(02):Transition
CSS3中动画涉及到三个属性,一个是Transform:变形;一个是Transition:过渡,一个是Animation:动画。其中Transform、Animation可以搭配着使用,实现复杂动画,Transition可以实现简单动画。本文来介绍下Transition: W3C标准中的CSS3是这样描述Transition的,“CSS的transition允许CSS…… Continue Reading →
 774  0
2016/07/22

CSS3新特性(01):Transform(下)

, , CSS3新特性(01):Transform(下)
Transform除了旋转、偏移、缩放、倾斜这些transform-function外,本篇介绍另外剩余的边角料:基准点、透视、灭点等。 基准点:transform-origin 使用Transform方法进行文字或图像的变形时,是以元素的中心点为基准点进行变形。使用transform-origin属性,可以改变变形的基准点。 (1…… Continue Reading →
 743  0
2016/07/22

CSS3新特性(01):Transform(上)

, , CSS3新特性(01):Transform(上)
CSS3中动画涉及到三个属性,一个是Transform:变形;一个是Transition:过渡,一个是Animation:动画。其中Transform、Animation可以搭配着使用,实现复杂动画,Transition可以实现简单动画。本文来介绍下Transform: CSS3新特性中的Transform,作用是变形,即修改元素自身的坐标空间。…… Continue Reading →
 766  0