从二月份开始学习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(...
标题严格遵守了新广告法，你再不爽，我也没犯法呀！屁话不多说，直入！ 所谓布局，其实包含两个含义：尺寸与定位。也就是说，所有与尺寸和定位相关的属性，都可以用来布局。 大体上，布局中会用到的有：尺寸相关的盒子模型，普通流、浮动、绝对定位三种定位机制，CSS3中的transform、弹性盒子模块、试验中的grid模块。逛园子的时候经常可以看到浮动布局，inline-block布局，弹性盒布局这几个名词。现在对布局也算有一点了...
原文地址 直出是什么？到底是怎样的性能优化？本文将结合从在浏览器输入url，到展示最终页面的过程来对其进行一步步分析，并将在手Q web 中的实际应用实践进行总结。 模式 1 - 常用模式 从用户输入 url 到展示最终页面的过程，这种模式可简单的分为以下 5 部分 用户输入 url，开始拉取静态页面 静态页面加载完成后，解析文档标签，并开始拉取 CSS （一般 CSS 放于头部） 接着拉取 JS 文件（一般 JS ...
一、CSS背景CSS背景分为背景颜色和背景图片。那么我们什么时候用图片，什么时候用背景图呢？总的原则：对于固定不变的内容，如图标等我们用背景图。对于可变的内容，图片是和内容相关的，我们用图片。背景的属性一般我们在写背景图片的时候，将background-image background-position background-repeat属性合写在一起，如：background:url(XXXX.jpg) 0 0 no-repeat，剩下的背景属性再单独写。注意点：我们在给行内元素设置背景的时...
iWeb峰会的消息是在开场前两天才从朋友圈看到，稍微有点匆忙，只花了不到两个小时的时间了解下相关主题。发现涉及的知识还是蛮多的，甚至一些平时也没有接触过。所以一些关注点，理解的层次都很有限，甚至可能有误区，仅供参考及知识面的拓展。 工具应用类 峰会的主题是HTML5，又分为三个大的模块：游戏、工具及营销。我主要关注的工具专场，把这个放前面总结。 web前端的实时化 由野狗联合创始人肖光宇演讲的...
我最喜爱的老师开发总结 我打算按照开发，部署，维护三个过程来写这次总结! 开发 在我们开发的时候，我们并没有遇到的什么特别大的问题！唯一的一点就是数据库 的事务处理实现。这个当我们查看了Rails的API文档之后，也就轻松的解决了！虽 然当时解决了，但是回过头来看，我们的解决并不是适当的！原因是我们没有考虑 资源竞争这个问题！也就是我们的并发可能会导致数据库的数据出现不一致!这是 我们当时没考...
内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： 红色 并且css样式代码要写在 style=""双引号中 如果有多条css样式用分号隔开： 红色 2 嵌入式 嵌入式css样式，就是可以把css样式代码写在 标签之间。 span{ color:red; } 3 外部式 在 内使用 标签将css样式文件链接...
由于各浏览器对页面的解析不同，会导致页面在不同浏览器中显示的样式不一致，为了保持页面的统一，经常需要对浏览器进行兼容性问题的调试。 CSS Hack 面对浏览器诸多的兼容性问题，经常需要通过CSS样式来调试，其中用的最多的就是CSS Hack。所谓CSS Hack就是针对不同的浏览器书写不同的CSS样式，通过使用某个浏览器单独识别的样式代码，控制该浏览器的显示效果。CSS Hack主要分为两类CSS 选择器Hack CSS选择器Hack是指通过在CSS选择...
无论是提示框还是导航栏都能看到如上图所示的带有箭头的框框，这种箭头可以通过背景图片或者是css来实现，本文介绍三种通过css实现带箭头的提示框。通过border属性思路：两个三角形，通过定位使两个三角形相差1px作为边框。 CSS3 transfrom思路：先做一个两条边相同颜色的正方形，然后旋转一定角度就是三角形了 特殊字符?思路：特殊字符漏出上半部分，看上去就像三角形了 一、通过border属性： 我们先做一个宽和高都是10px的div，边...