当前位置:首页 > 范文大全 > 个人简历 > 正文
 

bootstrap个人简历

发布时间:2024-04-27 01:52:07 影响了:

以下是博文学习网为大家整理的关于bootstrap个人简历的文章,希望大家能够喜欢!

bootstrap个人简历篇一:个人学习总结-BootStrap入门教程

注明:该文档由本人整理于2013年12月8日

Bootstrap中文参考网站:

BootStrap最新版源码下载:

官网下载的Bootrsap源码包含下列文件:

构建bootstrap基础网页(可以作为网页的基础模板,以后直接复制过去,然后就可以使用bootstrap定义好的相关标签等等) 如图1-1所示:

图1-1

说明:

1)<meta name="viewport" content="width=device-width,initial-scale=1.0">

使用来修复网页在移动设备上显示的问题

2)<!--[if lt IE 9]>

<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

这是对ie9之前等版本不支持HTML5的浏览器进行特殊的处理

4)在head中的bootstrap-responsive.css是非必须文件,可以不引入,这个文件的主要作用是做一个响应式的网页。

5)在网页中bootstrap.css是bootstrap中的样式文件,bootstrap.js是脚本文件,两个文件相互对应,引入的顺序和位置一般是:CSS文件在head标签中引入,js文件在body标签里引入。其中jquery文件要在bootstrap脚本文件之前引入。

6)Bootstrap是基于HTML5网页的,所以首先要建立一个HTML5类型的网页

做完以上的操作就建好了一个基本的bootstrap网页了,然后就可以在body里面使用bootstrap中定义好的各种好看的样式。

简要说明

在Bootstrap中,网页按照十二栏的布局分布,在div中通过span类可以定义该div块占据多少栏,span1~span12可以选择。如下图1-2所示:

图1-2

<div class=”span1”></div>就是一个占据一栏的块,

<div class=”row”></div>表示一行,在其中可以嵌套几个并列的div块,

其中每一块的偏移可以通过offset1~12类实现,如下图1-3所示:

图1-3

其中第一行第二块的代码就是<div class=”span4 offset4”></div>

基于Bootstrap网页中的几个典型的功能:

1) 导航栏-navbar

<div class="navbar">

<div class="navbar-inner">

<a class="brand" href="#">CCIT Online Learning</a>

<ul class="nav">

<li class="active"><a href="#">首页</a></li>

<li><a href="#">关于我们</a></li>

<li><a href="#">问题反馈</a></li>

</ul>

</div>

</div>

说明:其中navbar类表示一个导航栏,navbar-inner类下面是导航栏内的东西,导航栏里面一般是一个无序的列表,通过ul标签和li标签可以组成一个无序的列表(ul是无序列表,ol是有序列表,dl是描述列表,后期会详细介绍,此处只做一个简单的说明),在无序列表中可以通过在li下引用active类来激活对应的选项,

2) 文字和段落

在bootstrap中对于段落中的文字有相应的设计好的样式,通过调用其中设计好的样式就可以排版出好看的文字段落,

<p></P>标签中包含一段文字,

<h* class=”pageheader”></h*>标签包括标题文件,bootstrap中会自动的把标题放大并且加上下划线,

<blockquote></blockquote>标签表示其中的段落为引用段落,bootstrap

会为其加入设计

好的样式,如下图1-4所示:

图1-4

对于段落中的文字处理还有好多的标签,例如:

<abbr></abbr>标签的作用是缩写

<strong></strong>标签作用是将其中的文字加粗显示,

<em></em>标签作用是将其中的文字显示为斜体

<small></small>标签的作用是将其中的文字缩小显示,

<cite&

bootstrap个人简历

gt;</cite>标签是用来在应用中使用的,如来自XXX

如下面的代码:

<blockquote>

<p>

<abbr class="initialism" title="Oh MY

hdjflhadfhdhfiahdfjadff hj fahf dfahdf fh fa djdf anfb faf

</p><small>from <cite>admin</cite></small>

</blockquote>

显示的效果如下图1-5所示: GOD">omg</abbr> hjdfh

3) 代码的处理

在段落中可以使用code标签显示单个的代码,

<p>

<code><h1></code>fhaldsjfhjaldfhaldfhladjsfhlajdhfljkasdhf

</p>

对于一大段的代码可以使用pre标签显示,

<pre class="prettyprint linenums"><div class="span4"><br> <h2 class="page-header">区块二</h2><br> <p><br> asdfj ljasdhf ljasdhf ljadfhljhsdf ljsdhf hdfaioh adfh adfhl hh<br> </p><br> </div>

</pre>

使用per标签的好处就是复制进入的东西可以保持原来的样子,包括段落等。

4) 列表

<h2>无序</h2>

<ul>

<li>adf</li>

<li>adf</li>

<li>adsf</li>

<li>asdf</li>

</ul>

<h2>有序</h2>

<ol>

<li>adf</li>

<li>adf</li>

<li>adsf</li>

<li>asdf</li>

</ol>

<h2>描述列表</h2>

<dl class="dl-horizontal"> <dt>adf</dt>

<dd>dasfdafadsf</dd> <dt>adf</dt>

<dd>adfadsf</dd> <dt> adsf</dt>

<dd>adfadsf</dd> <dt>asdf</dt>

<dd>adfadfadsf</dd> </dl>

5) 表格

<h2>默认表格</h2>

<table class="table"> <thead>

<tr>

<th>编号</th> <th>姓名</th> <th>性别</th> <th>学校</th> <th>班级</th></tr>

</thead>

<tbody>

<tr>

<td>1</td>

<td>张三</td> <td>男</td>

<td>常州信息</td> <td>软软件113</td> </tr>

</tbody>

</table>

bootstrap个人简历篇二:bootstrap过程简介

bootstrap 是最初級的引導,旨在初始化CPU,簡單時鐘,堆椎,目標是讓CPU處於可以正常運行\r

咱通常說的uboot那樣的bootloader實際上是集成了很多功能及驅動的程式,如串口,網絡等,目的是為加載和調試kernel創建一個良好環境

---------------------------------------------------------------------------------------------------------------------- 基于ARM的嵌入式系统的启动都需要引导程序,引导过程可以有两种,一种是先运行小型的

bootstrap完成所谓的low level初始化,再调用如Uboot,RedBOOT等功能强大的引导程序进行全面的初始化,设置操作系统内核的加载地址和运行参数等等;另外一种是直接使用Uboot等引导程序两步合成一步完成。bootstrap只是针对ARM CPU进行初始化,直接根据芯片的引脚打交道,不涉及norflash,nandflah,SDRAM 等设备的驱动程序,所以整个程序比较简明易懂;而UBOOT比较庞大,对于初学者而言想一下子完全弄清楚整个脉络,知道移植时候需要在何处增加什么代码是很有难度的,所以建议入门者还是先采用这种分两层引导的结构。下面对ATMEL官方提供的基于at91sam9260的bootstrap进行简要分析。

bootstrap的结构有点类似于UBOOT,其中crt0_gnu.S完成的功能和UBOOT中cpu/arm926ejs下的start.S类似:设置ARM中断向量,如果定义了norflash启动则将bootstrap搬移到SDRAM中,然后设置始终,初始化数据段,bss段,最后跳转到main.c执行。

main.c首先调用hw_init()完成硬件初始化,该部分主要任务完成DEBUG串口配置,这样就可以同串口输出在PC的超级中断上看到运行信息了;接下来配置禁用看门狗后配置时钟和PLL,这个部分的数据很重要,需要仔细查阅数据手册;然后是SDRAM控制器参数设定和协处理器CP15的设置;其次是SDRAM的初始化,主要是根据电路连接设置GPIO的功能。main.c的第二步是根据选择的启动方式复制印象文件到SDRAM中,根据设置的启方式初始化NORFLASH ,NANDFLASH或者是DATAFLASH。第三部分根据需要解压缩映像文件。然后跳转到定义的内核运行地址运行。到此bootstrap功德圆满。

通过对bootstrap源码的阅读有助于理解ARM的启动过程,为裁剪和移植UBOOT源码打下基础。嵌入式的学习还长路漫漫,先写到这,继续学习^_^!

bootstrap个人简历篇三:web前端开发简历模板

个人简历

个人信息

姓名:XX 户籍:云南省-红河州-弥勒市

年龄:24 工作年限:3年 手机:133 30X0 5039 E-mail:zenXXcco@sina.com

教育经历

2011/8-2014/7

西双版纳职业技术学院,大专 计算机应用技术自我介绍

诚实守信,时间管理者,做事认真稳重,乐观积极,亲和力强,上进心强,有良好的团队精神。做过UI设计,前端开发,了解后台(PHP,mysql),熟悉项目开发流程,是一个能快速融入团队,快速对接产品需求、前后端工作的前端开发人员。

工作经历

2013/12-2016/8优车库网络科技发展(深圳)有限公司 (互联网/电子商务)

IT部 : web前端开发 pc网站前端开发,web app开发 项目经验

1、优车库PC网站1.0

内容描述:初创公司,从0开始。前期产品需求不够明确,pc网站快速完

成,包括页面输出(html,css,js,jq,PHP,ajax,mysql)前端页面与后台同事协作完成数据库之间的数据交互对接;.

2、优车库web app 1.0:

web app的开发考虑到jQuery-mobile对手机性能的要求,在部门总监要

求下,学习angularjs,并采用MVC模型开发web app单页面应用,期间

到不少问题,通过网络学习边应用,经常加班,最终如期完成项目.

3、优车库商家入驻系统和团体用专用渠道系统:

针对商家开发的认证登录系统,商家可进行购买或出售等,拥有更多可操作权限。

针对团体用户,内部发放特定的帐号,以获取更多操作权限和优惠。通过登录时对账号

判断来跳转对应的用户界面.

求职意向

职位:web前端开发(深圳) 期望薪资:13k-16k

职业技能

1.熟悉项目开发流程,能快速对接产品需求,前后端工作;有良好的代码编辑/管

理规范,能够编写各种静态页面,实现多种动效,处理主流浏览器常见兼容性问

题,优化网站性能;熟悉移动设备适配,web app开发;

2.精通HTML,CSS,熟悉HTML5,CSS3,熟练使用canvas/svg技术;

3.熟悉JS,jQuery ,AJAX;能够熟练手写原生js代码,能够使用原生js实现多种

交互效果,熟悉面向对象开发;熟悉angularjs,有实际开发单页面应用,MVC模

型程序的经验;

4.熟悉PHP,mysql常用数据交互方法,能够完成前端页面与后台数据交互对接;

熟悉jQeuryUI,jQuery-Mobile,bootstrap,可以参考手册快速上手,了解

react.js;node.js;PhoneGap,eclipse,hybrid,apache,http协议等;

5.精通PS,熟练AI等设计软件,对用户体验,交互,视觉有一定见解.

Thank you !

相关热词搜索:个人简历 bootstrap bootstrap简历模板 bootstrap写的简历

相关文章
最新文章

Copyright © 2008 - 2017 版权所有 博文学习网

工业和信息化部 湘ICP备09005888号-2