文章库ARTICLE COLUMN

  • 使用Gulp进行Javascript以及css压缩合并

    使用Gulp进行Javascript以及css压缩合并

    摘要:完成安装之后,需要使用安装。此时项目根目录下会多出下面这个文件夹好的,现在已经安装完成了,但是本身不提供压缩合并等功能,需要使用的相关插件。使用,现在可以使用了,在项目根目录下创建文件。任务完成,只需要将中,引用的路径修改成新的路径即...

    sixgosixgo 评论0 收藏0
  • 巧用margin/padding的百分比值实现高度自适应(多用于占位,避免闪烁)

    巧用margin/padding的百分比值实现高度自适应(多用于占位,避免闪烁)

    摘要:那想要优化这一点,唯一的方法就是利用内容高度来撑开而非,这个方案跟消除浮动所用的方案非常相似给容器添加一个子元素伪元素,并把子元素伪元素的设为,使其实际高度相当于容器的宽度,如此一来,便能把容器的高度撑至与宽度一致了。 一个基础却又容...

    wenziwenzi 评论0 收藏0
  • 3d transform的坐标空间及位置

    3d transform的坐标空间及位置

    摘要:控制摄像机画面网页里的摄像机一般是这样用的在网页里,无论你搭建了怎样的三维场景,只要你希望它显示出来,就应该像这样把构成场景的三维物体都放在一个容器元素里,然后为容器元素添加摄像机属性和。 css里的3d理念 使用css3的3d transform,就可以...

    fasssfasss 评论0 收藏0
  • CSS清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?

    CSS清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?

    摘要:方法三据说是最高大上的方法方法注意作用于浮动元素的父亲先说原理这种方法清除浮动是现在网上最拉风的一种清除浮动,他就是利用和来在元素内部插入两个元素块,从面达到清除浮动的效果。的作用是允许浏览器渲染它,但是不显示出来,这样才能实现清楚浮...

    MAX_zuoMAX_zuo 评论0 收藏0
  • zhilizhili-ui 2016始动 移动端select美化

    zhilizhili-ui 2016始动 移动端select美化

    摘要:移动端样式不统一问题如何解决用不过弹出层是不可以的但是展示的地方可以就像如图我们找个设计然后你就可以开始做了首先会导致一些不对的地方不可以多带带使用其实我们发现我们需要这样一个 移动端 select 样式不统一问题如何解决 用css 不过弹出层是...

    dreamtecherdreamtecher 评论0 收藏0
  • css--全屏布局

    css--全屏布局

    摘要:之前写了几个居中布局的例子,同时也提到了对于页面的全屏布局。列方向进行布局占据剩余区域核心思想就是不对部分设置具体的百分比。 之前写了几个居中布局的例子,同时也提到了对于页面的全屏布局。这里详细总结两种常见的全屏布局的案例,当然,实际...

    enalienali 评论0 收藏0
  • less编写css代码

    less编写css代码

    摘要:编写样式表我想大家应该都已经熟悉了。我在这里说的是使用的插件进行样式的编写,使用起来比原本的直接编写样式,更加的简单与方便,代码也变得更加的整齐。上直接使用编写代码准备电脑上的已经安装了插件。使用简单直接新建一个的文件,在其中编写的代...

    testHstestHs 评论0 收藏0
  • 我的前端开发准则

    我的前端开发准则

    摘要:转眼入行一年半,在前端这条路上摸爬滚打,学海无涯,生命不息,不止。再次说明,这是我的准则,里面有精华也有糟粕,如果有热心人能指点一二,感激之情,不胜言表。站点内部的,每次发布上线之前必须使用压缩合并。 转眼入行一年半,在前端这条路上摸...

    AndrmanAndrman 评论0 收藏0
  • 弹性盒子模型详解

    弹性盒子模型详解

    摘要:二弹性盒模型历史弹性盒模型历史英文原版或者查看中文翻译版另外附上标准文档弹性盒模型在过去几年间制定了三版草案规范。给子元素直接添加属性即可七后话以上是本文所有内容,以下是小白我的感慨。 一、前言 由于W3C在制定弹性盒模型内容有多版草案,...

    rozborozbo 评论0 收藏0
  • webpack初探

    webpack初探

    摘要:我们还想要的颜色我们通过下面命令行可以做到观察模式我们不想每一次项目变化都要手动编译可以缓存两次编译之间没有变化的模块和输出文件。开发服务器使用开发服务器开发体验会更好这将在本地启动一个端口的服务,指向静态文件以及自动编译。 原文英文...

    LavenderLavender 评论0 收藏0
  • webpack把你的项目编译成了什么

    webpack把你的项目编译成了什么

    摘要:一般会帮我们把所有的文件,,图片等编译成一个文件安装,使用,一般这个文件名为。当被加载到浏览器这个函数就会立即执行。模块缓存模块缓存所有被加载过的模块都会成为对象的属性。这一步主要是靠函数做到的。 webpack一般会帮我们把所有的文件(js...

    cheukyincheukyin 评论0 收藏0
  • 完美实现文字图片水平垂直居中

    完美实现文字图片水平垂直居中

    摘要:想居中就居中,爽啊很完美有木有如果能支持的话,又是该死的文章转自换行文字图片水平垂直居中完美解决方案 垂直居中是一个历史悠久的大问题,要做到兼容所有浏览器少不了要花点时间,网上也流传了很多解决方案,但没发现比我现在用的方案更完美,至少...

    张宪坤张宪坤 评论0 收藏0
  • 编写大型项目web页面 从写web登陆页面开始

    编写大型项目web页面 从写web登陆页面开始

    摘要:页面搭建需要准备什么工具首先我们会和设计师沟通我们需要一些检验设计的工具自动裁图自动测量工具我这里安利一下一个工具我用的可以使用阿里的工具拿到界面不要急着做看看有什么问题有些我都会问端问题如果要兼容我要考虑成本如果是一个人办可能会出现...

    骞讳护骞讳护 评论0 收藏0
  • 让footer固定在页面(视口)底部

    让footer固定在页面(视口)底部

    摘要:让固定在页面视口底部这是一个让网站固定在浏览器页面内容小于浏览器高度时页面底部的技巧。如何通过用让固定在页面顶部。负外边距应该与的整体高度相等包括。没有内容会超出和的标签,除非超出内容是通过的绝对定位。 让footer固定在页面(视口)底部...

    Lemon_95Lemon_95 评论0 收藏0
  • calc 与 box-sizing 的替代

    calc 与 box-sizing 的替代

    摘要:背景之前发现这个布局新属性之后就非常喜欢,爱不释手。语法取值说明元素的宽度高度等于元素边框宽度加上元素内边距加上元素内容宽度高度即。元素的宽度高度等于元素内容的宽度高度。 背景 之前发现calc这个布局新属性之后就非常喜欢,爱不释手。在公...

    ivydomivydom 评论0 收藏0
  • Ckeditor编辑器上传图片无法居中以及样式错乱的问题解决

    Ckeditor编辑器上传图片无法居中以及样式错乱的问题解决

    摘要:昨天,好端端的网站突然上传图片无法显示,并且无法居中,后台采用的是。然后进入了沉思,起初以为是编辑器的问题,更换编辑器试验,还是同样的问题,显然排除了编辑器的问题。正是这些导致了前台样式错乱,导致上传图片无法显示和居中的问题。 昨天,...

    jamesjames 评论0 收藏0
  • 别再被各种单位迷惑:px/em/rem

    别再被各种单位迷惑:px/em/rem

    摘要:引自手册是相对长度单位。所有未经调整的浏览器都符合。特点是新增的一个相对单位,根,这个单位引起了广泛关注。目前,除了及更早版本外,所有浏览器均已支持。对于不支持它的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。 在他处看到一篇...

    terenteren 评论0 收藏0
  • 切图系列:W3C奇技淫巧之层叠上下文

    切图系列:W3C奇技淫巧之层叠上下文

    摘要:同一个层叠上下文中,层叠级别相同的两个元素,依据它们在文档流中的顺序,写在后面的将会覆盖前面的。因此,元素的层叠关系不仅与它在堆叠上下文中所属的层叠级别有关,还与它所在的堆叠上下文的顺序有关。 w3c规范里的stacking context,译作层叠上...

    pcChaopcChao 评论0 收藏0
  • 编写大型项目web页面 样式基础搭建

    编写大型项目web页面 样式基础搭建

    摘要:文中的一些方法来源于我的有出售请大家自行拷贝粘贴颜色要使用代词加数字大小形式数字规格颜色变量不许由或者方法计算得出项目颜色基于配色基础色库设计师都会配出来项目色库需要项目去改变设计师文字和前端页面开发者文字必须为同一类 文中sass的一...

    DeanDean 评论0 收藏0
  • 「译」高效的 “box-shadow” 动画

    「译」高效的 “box-shadow” 动画

    摘要:给变化的制作动画会大大缩减页面渲染的性能。尽量的减少重绘的次数,可以保证你的动画能够保证在左右通过改变子元素的透明度。为什么会有这样的结果只有很少的属性才能避免在动画的过程不断的重绘,像和。 原文地址:http://tobiasahlin.com/blog/how-...

    pkwendapkwenda 评论0 收藏0
  • 负margin的几个问题

    负margin的几个问题

    摘要:可是这个篱笆的宽度偏偏可以是个负值。图当我们去掉的代码中的后,竟然超出了的范围也就是说它把负的绝对值,加到了自身的内容中,这无疑增大了元素本身的宽度。总结如果元素没有设置负边距方向上的长度或宽度,负边距会使负边距方向上的长度或宽度增加...

    ddongjian0000ddongjian0000 评论0 收藏0
  • 图解CSS3读书笔记 文本与颜色

    图解CSS3读书笔记 文本与颜色

    摘要:将内容在边界内换行不截断英文单词换行语法浏览器只在半角空格或连字符的地方进行换行。个人感觉跟类似强行截断英文单词,达到词内换行效果。 CSS3文本 css字体类型属性 font-family, font-style(normal、italic、oblique[倾斜]), font-weight, font-s...

    lvzishenlvzishen 评论0 收藏0
  • NodeJs能给前端小白带来什么。(一)

    NodeJs能给前端小白带来什么。(一)

    摘要:引子的引子第一次写博客,本文是写给和我一样的小白的,大牛请谨慎食用,欢迎拍砖。是称霸全平台的伟大的一步,当然对于我们普通前端小白并不太关心会怎么发展,我们只想高高兴兴上班平平安安回家,所谓老板和我谈理想,我说我的理想是不上班。 引子的...

    liuchengxuliuchengxu 评论0 收藏0
  • 前端开发面试问题及答案整理

    前端开发面试问题及答案整理

    摘要:只在中存放不敏感数据,即使被盗也不会有重大损失。每个最多只能有条,每个长度不能超过,否则会被截掉。除此之外,拥有等方法,不像需要前端开发者自己封装,。控制表单控件的禁用状态。规定了三种文档类型以及。 说说你对闭包的理解 Talk about your...

    longmonlongmon 评论0 收藏0
  • CSS常用代码

    CSS常用代码

    摘要:文字换行强制不换行自动换行强制英文单词断行两端对齐去掉浏览器中文本框或的黄色焦点框去掉记住密码后自动填充表单的黄色背景最小高度兼容代码鼠标不允许点击平台字体优化微软雅黑文字过多后显示省略号 1. css 2.x 文字换行 /*强制不换行*/ white-spa...

    ddongjian0000ddongjian0000 评论0 收藏0

热门文章

<