作为前端写了很多页面布局,但是浮动这块一直是我似懂非懂的盲点,一方面用浮动能实现很多布局,另一方面浮动造成的影响又会破坏布局让人头疼,所以今天就特地写篇博文解决这块盲点。 本文主要讨论以下几个问题:1.浮动的原始用途2.…
神器!解放你的双手——UI设计稿全自动切图和标注的一些工具推荐
原文收录在我的 GitHub博客 (https://github.com/jawil/blog) ,喜欢的可以关注最新动态,大家一起多交流学习,共同进步,以学习者的身份写博客,记录点滴。 工欲善其事,必先利其器。我只是工…
2d变换矩阵
2d变换矩阵 2d变换矩阵总共有6个可动的参数,这六个参数分别控制不同的变换 | a b 0 | | c d 0 | | tx ty 1 | a 水平缩放 b 水平拉伸 c 垂直拉伸 d 垂直缩放 tx 水平位移 ty …
CSS元素垂直居中【内含vertical-align 与 line-height 属性详解】
请一定看到最后,flex太令人惊喜! ヾ(o◕∀◕)ノ 入个门 先来考虑这样一个问题:一行文字在一个固定高度的父div中怎样做到垂直居中?我们都知道设置父div的line-height 等于它的height就可以了,像下…
通过CSS规则禁止选中文字
禁止选中文字在某些场景下还是有必要的,比如不想让他人复制自己的文章之类的。这时候我们可以通过使用CSS+JS来解决这一问题。另外,这边要指出的是,user-select目前还不是W3C的正式标准,各个浏览器都是以私有属性…
w3school前端开发教程合集
有关前端开发的w3c教程合集。 http://caibaojian.com/w3school/ 地图 ajax教程 Canvas教程 CSS教程 CSS3教程 CSS3选择器 CSS参考手册 DHTML教程 HTML教程…
三列布局
1、宽度自适应三列布局 三列布局的原理和两列布局的原理是一样的,只不过多了一列,只需给宽度自适应两列布局中间再加一列,然后重新计算三列的宽度,就实现了宽度自适应的三列布局。 同样的道理,更多列的布局,其实和两列、三…
Vue 实用分页组件paging(页数太多时显示省略号)
2017年6.26更新: 之前的版本在页数太多时依然每一页都显示,这显然不合理。增强版在页数太多时会显示省略号,且把分页组件单独提取出来,可以直接在其他页面引入使用。代码见: Paging.vue 也可以直接在JSfid…
三栏布局总结
前言 所谓三栏布局,即使指两边定宽,中间宽度自使用的布局方式,在过去,一直是一个麻烦的问题,为了解决这个问题,有各种奇技淫巧,最出名的非圣杯布局和双飞翼布局莫属了,但是自CSS3发展以来,特别是flexbox布局的支持度…
前端开发中像素的概念
前端开发中像素的概念 最近在公司实习,第一次正式接触到设计师的设计稿.我相信很多刚涉及移动端设计与开发的同学基本上会在前端开发中的像素问题上纠结很久,所以写下这篇笔记,便于自己日后翻阅。如果有啥理解上的错误,欢迎大家指正…
几种IE6 Bug的解决方法
1、双边距Bug,由float所引起,通过使用display解决 2、3像素问题,由使用float引起,使用display:inline -3px;解决 3、超链接hover,点击后失效,使用正确的书写顺序:link v…
hexo高阶教程:next主题优化之加入网易云音乐、网易云跟帖、炫酷动态背景、自定义样式,打造属于你自己的定制化博客
前言 本篇文章是在已经搭建好gitpage+hexo的博客的前提下(不懂怎么搭建的可以参考我的另一篇博文:了解githubPages+hexo搭建博客的原理 或者利用Gitpage+hexo开发自己的博客,这两篇博文都比…