- 博客(22)
- 收藏
- 关注
原创 服务器软件安装历史
nodejsNginxOpenVPNGitLab-CE社区版本更新Linux内核Go语言安装ngrokmongodbLAMPLinux Apache MySQL PHP服务器运行的系统是Ubuntu16.04.2 x64node.js curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
2017-06-29 15:31:24 2512
原创 Digital Ocean 租用服务器教程(Ubuntu16)
资料准备能以美金支付的信用卡租用步骤请看这篇博文,里面的内容虽然有点旧,但是大致和当前2017年6月份的一致。然后千万注意我们这里默认服务器使用的系统是Ubuntu!3件必须做的事添加swap 由于一般我们作为新手开发用不到10刀以上的套餐,而5刀的套餐内存只有512MB运行nodejs都不够,所以从20GB的硬盘空间分出2G来吧! 具体的操作就是先以root登录这个服务器ssh root
2017-06-29 00:43:18 2136
原创 FCC-Front End Development Basic Projects
作为没有实战经验的小白写网页代码除了学习还是得靠练!FCC就在学完HTML,CSS,jQuery, Bootstrap之后立马给了两个小项目练手,小激动,很紧张!第一个任务是做一个tribute page,我的理解就是做个页面来感谢一个自己的偶像。 这是我的孟德尔tribute_page,这里需要再次提醒一下自己的知识点有: 1. 改变图片宽度和高度的方式有给img标签加width,height
2017-06-23 22:49:09 597
原创 FCC-Front End Development jQuery
知识点:jQuery只是用JavaScript写的一个库。下面这个documet ready function实在网页被加载完成之后才会开始工作的。$(document).ready(function() { });Now let’s write our first jQuery statement. All jQuery functions start with a $, usually
2017-06-22 00:11:37 330
原创 FCC-Front End Development Responsive Design with Bootstrap
因为这节讲的内容会是利用Bootstrap制作一个响应式的网页,所以它的内容很实际! 知识点:text-center类,可以让文字居中对齐。container-fluid, container是栅格系统最外层的容器。btn类,bootstrap中按钮的基础类。btn-block让button占据屏幕所有宽度。btn-primary,btn-info,btn-danger上色类栅格系统,
2017-06-21 22:45:18 231
原创 FCC-Front End Development HTML and CSS
从这篇博客开始,记录一下FCC上挑战的日常。这是一个超级酷的开源学习项目,很活跃的群体,很好的课程,以及艰难的挑战,不过说是艰难,其实和我们日常的生活差不多辣,哪有天天都是开心的,习惯坚持就好!坚持,keep,坚持Heaven helps those who help themselves. 因为FCC是一个很大,很长的项目,现在的目的是最快速度的训练自己的前端技能,边做边写博客有些慢,所以这里不
2017-06-21 01:00:41 394
原创 Bootstrap 3.3.7学习笔记15
Bootstrap 3.3.7学习笔记15先给一个昨天刚刚翻到的特别好的bootstrap中文资料站,感觉它比官方的文档做的更加贴近中文用户,它的程度不仅仅是翻译,而且考虑到了中文用户特别像我这种菜鸟的学习需求。给了比较充分的代码示例。 这次的主题是关于js在Bootstrap中的应用。在之前学习的过程中就有重复出现过一个问题,现在举两个例子。 之前有学过像下拉菜单,我们在html中写了一个按钮
2017-06-20 12:37:38 705
原创 Bootstrap 3.3.7学习笔记14
Bootstrap 3.3.7学习笔记13今天周日,不放假了。继续学习Bootstrap!今天学得主要内容就是bootstrap给出的各种小组件的样式。课题会很零散,内容会比较多。分页导航知识点:分页pagination是指我们在看图片新闻的时候经常会有好几个网页组成一个新闻,每个网页之间的翻动就是由图片下方的1,2,3,…,9这样的分页导航完成的。 很显然它本质也是一个ul。当然其实分页导航最常
2017-06-18 12:31:15 1258
原创 Bootstrap 3.3.7学习笔记13
Bootstrap 3.3.7学习笔记13今天周六给自己放了一个小假,白天就不干活学习了,天黑下来再开始。 主题:导航条 知识点:制作基本导航条的步骤 建立一个class为navbar navbar-default的nav标签作为存放导航条的最大标签。其中navbar将它的位置和边框圆角等确定了,navbar-default确定它的颜色。或者用div替代nav也可以,不过需要给这个div添加
2017-06-17 23:40:00 464
原创 Bootstrap 3.3.7学习笔记12
Bootstrap 3.3.7学习笔记11接下来的学习内容是单个的组件,所以内容不会很多,但很杂,所以不会分到其他学习笔记里面,在这里以列大纲的形式都将其包括吧。下拉菜单官方介绍,给一个例子吧:<div class="dropdown"> /*button众多属性当中除了class给定显示的样式之外,data-toggle是重点,没了它,点击菜单按钮不会弹出下面unordered list中的内
2017-06-16 21:57:24 268
原创 Bootstrap 3.3.7学习笔记11
Bootstrap 3.3.7学习笔记10主题栅格系统,其实早在bootstrap出现之前,就有专门的12列css框架叫做960 grid system。可以说它们有非常多相似的概念,从container,到col。 推荐去这里看一些关于栅格系统的细节:中文,英文。 知识点: row是不管高度的,col只负责宽度的分配,所以这两者结合起来会有一个问题就是col里面的内容如果不能用一行在所分配宽
2017-06-16 14:31:43 339
原创 Bootstrap 3.3.7学习笔记10
Bootstrap 3.3.7学习笔记10主题:图片 知识点: 1. 改变图片本身大小,可以给img标签加上属性style=”width:500px;height:500px;”,或者是给img标签套上一个父标签 2. bootstrap小图标,来源于 Glyphicons包括250多个来自 Glyphicon Halflings 的字体图标。Glyphicons Halflings 一般是收
2017-06-16 13:08:03 367
原创 Bootstrap 3.3.7学习笔记9
Bootstrap 3.3.7学习笔记9对Bootstrap的理解: 今天是第三天接触,这几天算是只要看书就看它的内容到目前为止初步将它理解为,网页开发的时候会存在很多共同审美的内容,比如两个平行按钮要高度相当,大小合适,颜色好看等等。这些布局的方式通过html和css实现的时候又往往会用相同的代码写出来,那为啥要让不同的人在不同的网页的项目中用相似的代码写出有相似功能的网站呢?直接一批人写个大体
2017-06-16 12:41:06 856
原创 Bootstrap 3.3.7学习笔记8
Bootstrap 3.3.7学习笔记7发现官方文档把我之前学习笔记里面的内容基本涵盖的挺好。只需要列出需要参考的章节再补上一些自己的理解就很不错了,所以let’s do it. 下一个内容是表单 知识点:关于.form-control,它的基本样式为.form-control { display: block; width: 100%; height: 34px; paddi
2017-06-16 00:58:36 676
原创 Bootstrap 3.3.7学习笔记7
Bootstrap 3.3.7学习笔记7表格这个官方网站上面文档解释的比较合理这里一共有6中bootstrap设计的表格类型,天,这么多! class description .table 基础表格 .table-striped 附加给table,变成斑马线表格 .table-bordered 附加给table,变成带边框的表格 .table-hover 附加给
2017-06-15 16:32:47 1142
原创 Bootstrap 3.3.7学习笔记6
Bootstrap 337学习笔记6HTML5中的短语标签pre标签来显示代码块kbd表示键盘组合code行内代码Bootstrap 3.3.7学习笔记6HTML5中的短语标签 短语标签 描述 <em>/<i>,<dfn> 斜体强调, 注意i标签不算短语标签哦!放在这里只是为了体现功能上的一致 <strong>/<b> 粗体强调,注意b标签不算短语标签哦!放在这里只是为
2017-06-15 16:06:22 396
原创 Bootstrap 3.3.7学习笔记5
Bootstrap 337学习笔记5ul ollist-unstyled去点列表list-inline同行列表definition list定义列表horizontal definition listBootstrap 3.3.7学习笔记5ul & olul,ol { margin-top: 0; margin-bottom: 10px;}ul ul,ol ul,ul
2017-06-15 15:11:57 1137
原创 Bootstrap 3.3.7学习笔记4
Bootstrap 3.3.7学习笔记4text以及background辅助class.text-left { text-align: left;}.text-right { text-align: right;}.text-center { text-align: center;}.text-justify { text-align: justify;}.text-
2017-06-15 12:30:32 749
原创 Bootstrap 3.3.7学习笔记3
Bootstrap 3.3.7学习笔记3强调一段文字有啥选择呢? 1. .leadlead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4;}@media (min-width: 768px) { .lead { font-size: 21px; }}可见.
2017-06-15 00:54:02 526
原创 Bootstrap 3.3.7学习笔记2
Bootstrap 3.3.7学习笔记2接下来要初步看一下bootstrap里面css的格式 首先从最简单的<h1>到<h6>开始,下面就是从bootstrap.css中粘贴出来的。h1 { margin: .67em 0; font-size: 2em;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-fam
2017-06-14 18:41:18 546
原创 Bootstrap 3.3.7学习笔记1
Bootstrap 3.3.7学习笔记1跟着玩转Bootstrap(基础)学习。 下面是2017-06BootStrap中文官网给出的一个超级简单的 HTML 模版,我在 <!DOCTYPE html> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”widt
2017-06-14 12:32:42 641
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人