使用 CSS 让页面元素居中可能是我们页面开发中最常见的拦路虎啦，接下来总结一下常见的几种居中方法吧。 1. 首先来聊聊水平居中： text-align 与 inline-block 的配合 就像这样： See the Pen mVpVEr by xal821792703 ( @honoka ) on CodePen . HTML 中在想要居中的元素外面套了一个父元素，然后在 CSS 中将父元素的 text-align 属性设为 center，接下来将子元素的 display 属性设为 inline-block...
通过几天的学习与尝试逐渐对python爬虫有了一些小小的心得，我们渐渐发现他们有很多共性，总是要去获取一系列的链接，读取网页代码，获取所需内容然后重复上面的工作，当自己运用的越来越熟练之后我们就会尝试着去总结一下爬虫的共性，试着去写个helper类以避免重复性劳动。 参考: 用python爬虫抓站的一些技巧总结 zz 1.访问网站 #最简单的得到网页代码的方法 1 import urllib22 response = urllib2.urlopen("http://www...
加入“动效”是让用户对应用的行为进行感知的一种有效手段。“列表”是应用中最常使用的一种界面形式，经常会有添加行，删除行，移动行这些操作。设想添加的操作很简单，删除时从大到小，然后消失；添加时从小到大；移动就是先删除再添加。感觉上并不复杂，应该利用CSS的transition就能搞定，可是实际做起来发现有不少问题要处理，下面一一道来。 来些简单的测试 1、最初的版本 row-1 row-2 .list{margin:20px;...
来自： http://www.uisdc.com/diamond-booth-redesign-share 阿里妈妈MUX：2015年10月底我们完成了对钻石展位原有网页的升级改版，在此为这次改版收货的经验做一遍全面的梳理和沉淀。想知道阿里的设计师是如何寻找创意/优化视觉层级/选择配色…… 等等，进来学习就对了！ 新版上线的地址为： http://zuanshi.taobao.com/ ， 欢迎大家点击浏览。 一、背景 钻石展位产品官方网站的改版，在需求层面，主要...
CSS学习总结 一、简介 W3C的介绍中介绍CSS 指层叠样式表 (Cascading Style Sheets)， 样式定义如何显示 HTML 元素。浏览器将内容装在一个元素里面（一个盒子），然后CSS通过调整盒子背景、大小、颜色、样式、内容的文本以及字体的大小，最后展示出我们需要的排版样式。 css在使用的过程中，有很多的参数需要记忆。特别是还有很多的浏览器的有自己独有的参数，很难记忆。只有多使用，多查文档。用的时候可以...
移动端 meta 小结 iphone 中的safari 浏览器对于 input[type="submit"] 渲染效果解决方案 input{ -webkit-appearance: none;}
属性选择器 E[attr]只使用属性名，但没有确定任何属性值E[attr="value"]指定属性名，并指定了该属性的属性值E[attr~="value"]指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“?”不能不写E[attr^="value"]指定了属性名，并且有属性值，属性值是以value开头的E[attr$="value"]指定了属性名，并且有属性值，而且属性值是以value结束的E[attr*="value"]指定了属...
目录 一列定宽，一列自适应屏幕宽 方法二：position+margin 方法三：float+负margin 左右两栏宽度固定,中间宽度自适应 左右两栏宽度自适应,中间宽度固定 方法一 中间定宽，借助负margin值 本文主要介绍网页中常用的三栏布局的实现方...
从二月份开始学习ReactNative到现在已经有两个月了，零碎的记录了很多笔记，一直想写一些ReactNative相关的东西，奈何感觉自己学习的还比较浅陋，而且笔记比较杂乱，不知从何而起，所以迟迟没有动笔。清明三天假，决定无论如何都得整一篇出来。本来是想整一篇ReactNative布局篇的，但是看看那么多布局属性，自己对CSS又不是特别熟悉，布局篇从何谈起？所以，专门拿出ReactNative中布局比较重要的一个点Flex布局来做下总结，算是开启...
前段时间有 百度前端学院 2016 春季班的培训项目，刚好可以跟着系统学习一遍表示层面的技术。从 3.14 完成组队到现在做完第一二阶段任务大概用了一个多月时间，受益良多。任务分为 HTML/CSS 和 JavaScript 两部分，安排的内容十分合理，将庞大的前端技术抽析重点进行系统编排。本文对春季班的任务作一个回顾和总结。 HTML/CSS 部分 垂直居中的九种写法 不一定有九种了，茴香豆还不一定有九种吃法。最好的一种是使用绝对定...
高性能网站建设总结 规则1——减少 HTTP请求 只有10%到20%的最终用户响应时间花在接收请求的HTML文档上面。剩下80%到90%的 时间花在为HTML文档所引用的所有组件（图片，脚本，flash，样式表等）进行的HTTP请求上。因此改善响应的最简单途径就是减少组件数量，由此减少HTTP请求的数量。 图片地图 使用map标签进行坐标定位，减少图片数量。导航栏中使用了多个图片时候可以使用。缺点很多：手工方式很难完成...
CSS3新特性，兼容性，兼容方法总结 css3手册 css3手册 边框 border-radius 用于添加圆角效果 语法: border-radius：[ | ]{1,4} [ / [ | ]{1,4} ]? ： 用长度值设置对象的圆角半径长度。不允许负值 ： 用百分比设置对象的圆角半径长度。不允许负值 实例: border-radius:10px; border-radius:5px 10px 15px 20px; //顺序是顺时针 border-radius:26px 106px 162px 32px/28px 80...
自从走进前端圈，一直忙于学习和工作，虽有经常记下点滴收获，却没有时间好好地写出来。此刻，恰逢"五一"，正好挤时间写写博客，跟大家分享下近期结合使用Sass和Compass的一些经验。文章主要面向对Sass和Compass还不太熟悉的同学，相信对你有一定的帮助。大牛请补充，欢迎留下建议或补充说明。 Sass 和 Compass 的安装 Sass和Compass的安装大家可以参考它们各自的官网，里面有详细的install步骤。以下是它们的官网： ...
参考地址: http://www.tornadoweb.org/en/stable/guide/templates.html?highlight=render 代码结构 page1.py和page1.html说明 page1.py import tornado.webclass Page1Handler(tornado.web.RequestHandler): def get(self): argu1 = "参数1" argu2 = [1,2,3] return self.render(page1.html, argu1=argu1, argu2=argu2) page1.html {{ argu1 }} {% for i in ...
1、Carbon时间类库 这个是laravel御用类库，用起来非常的方便。 官网地址: http://carbon.nesbot.com Git地址: https://github.com/briannesbitt/Carbon 用法： 引用 use Carbon\Carbon; 基本操作 echo (new Carbon(first day of December 2008))->addWeeks(2); // 2008-12-15 00:00:00 echo Carbon::parse(first day of December 2008)->addWeeks(2); // 2008-12-15 00:00:00 $now = Carbon::now(...