- 博客(32)
- 收藏
- 关注
RSS订阅原创 家庭监控，网络摄像头（OpenWRT平台下Mjpg-Streamer+Ngrok实现方案）
2017/07这篇博文的目的是从头开始记录如何搭建一个家庭监控环境，那我这里会将思路与可能遇到的问题都一一说明，本篇博客十分适合电子，计算机，通信专业本科生的第一个团队合作项目，实现简单，没有什么代码需要自己写，都是利用已有的开源项目完成，未来的可扩展性丰富。所有涉及到的软件部分都会放在GitHub中。 注：每一天的材料部分都不会重复之前提到过的材料。行内代码部分会有灰色背景。 This is
2020-07-07 15:40:01
13538
原创 FCC - JSON APIs and Ajax
之前所有的HTML和CSS的内容都是静态的页面，所有的内容部分都需要前端人员在写网页的时候填写好，比如我们之前做的portfolio和tribute page。这岂不是超级麻烦的！要知道我们一个html写出来的页面可以特别长，一层套一层的div，所以人为去修改很费力，而且容易出错。接下来要学习的内容就是如何让我们的内容是自动填充到html当中去。We’ll learn how to update H
2017-07-29 18:55:35
399
2
原创 架设私人版本控制工具，Ubuntu16.04设置GitLab CE服务器
写在前面GitLab CE（Community Edition，社区版本）是一款免费开源的Git服务器，和GitHub一样，上面能完成的主要工作是部署自己的版本控制项目。GitHub上一个允许部署无限私人项目的权限需要7刀每月，而自己部署一个VPS去管理私人项目最便宜5刀每月（2017年7月价格）。不过区别在于，个人VPS的性能远不如GitHub提供的那么高级。所以价格差在这里了，不过对于凡是都爱自
2017-07-29 15:56:50
1787
原创 FCC-Basic Algorithm Scripting
这里会记录下我对这个基础算法题目的解答。Reverse a Stringfunction reverseString(str) { return str.split("").reverse().join("");}
2017-07-27 16:01:49
331
原创 FCC-Object Oriented and Functional Programming
在Basic JavaScript当中我们学习了JS最基本的语法，对于已经有过Java背景的同学来说，应该没有什么不能接受的地方，唯独JS的数据结构比较松散，自由罢了。接下来学一些面向对象的JS基本以及一些JS中数组的函数和String的函数。 1. 创建对象的时候除了字面量表示法，还可以：We are also able to create objects using constructor f
2017-07-27 15:53:56
374
原创 FCC-Basic JavaScript
时隔一个多月开始继续学习前端的内容，一个月之间主要精力花在家庭监控这个项目上，这个链接里面有所有关于项目的内容，很适合有一点点linux知识的同学们组队学习，另外还有在教同学英语。前端的具体操作多少有点生疏了，概念还是存在的，现在开始学JavaScript就意味着之后的网页会有更加多样性的变化，毕竟HTML，CSS更多的作用只是UI，jQuery又是在JavaScript的基础上做的。所以可以认为J
2017-07-25 19:15:08
452
原创 Ubuntu下用luvcview查看摄像设备详细信息
Why在做摄像头相关的项目时很可能会涉及到一些摄像头本身的参数查看。作为万能的linux，我们可以用luvcview这款软件查看所有基于UVC的摄像头的信息。（某宝上说的免驱摄像头其实就是依据UVC制作的摄像头，UVC作为一个协议已经被所有主流操作系统支持。）这款软件是写于12.04的ubuntu版本，当前16.04的ubuntu版本当中已经不提供默认的官方软件源下载了，不过原来12.04的版本还在
2017-07-21 16:11:03
11728
原创 Ubuntu16.04 x64服务器配置最新tcp拥塞控制算法bbr
BBR原理不多说了，请看这篇博文！配置步骤用uname查看linux内核版本，只有4.9以上的才支持bbr这个算法。uname -ir# possible output4.10.0-26-generic x86_64像我这个例子当中就是4.10的版本。如果内核版本太低则需要更新内核，具体方案请看我的博文。用sysctl（system control），启动bbr拥塞控制算法。成功启动之后用ls
2017-07-06 00:04:21
7140
原创 OpenWRT自定义固件，做自己的私人固件
WhyHowWhy官方已经给出OpenWRT的固件辣，为什么要自己动手改呢？我所遇到的理由很简单，就是小路由器内存只有可怜的4MB，想用OpenWRT自带的软件包安装程序opkg装一个软件都不够！因为OpenWRT的系统就用去了大约3.8MB左右。这就是嵌入式系统，呵呵。所以不得不把一些自己用不到的软件删了，把自己需要的给直接写入固件当中。因为提前将所需要的软件写入固件只会将软件本身写到固件当中
2017-07-05 22:53:34
7622
原创 OpenWRT刷机入门
这里默认我们的本地机器是用的Linux操作系统，这篇文章主要是提供刷固件的主要概念，所以在看完后可以自行根据提到的概念搜索不同操作系统下的做法：） [TOC]OpenWRT简介首先这个名字是不是很有趣，WRT是啥？一般Open开头的开源软件基本上都是针对一个已经很知名的概念进行开源开发的比如OpenVPN，那这个WRT是个啥？这其实牵扯到OpenWRT的历史了，2003年Cisco花了$500M买
2017-07-05 22:38:27
38574
原创 服务器软件安装历史
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
2499
原创 Digital Ocean 租用服务器教程（Ubuntu16）
资料准备能以美金支付的信用卡租用步骤请看这篇博文，里面的内容虽然有点旧，但是大致和当前2017年6月份的一致。然后千万注意我们这里默认服务器使用的系统是Ubuntu！3件必须做的事添加swap 由于一般我们作为新手开发用不到10刀以上的套餐，而5刀的套餐内存只有512MB运行nodejs都不够，所以从20GB的硬盘空间分出2G来吧！ 具体的操作就是先以root登录这个服务器ssh root
2017-06-29 00:43:18
2060
原创 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
555
原创 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
304
原创 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
222
原创 FCC-Front End Development HTML and CSS
从这篇博客开始，记录一下FCC上挑战的日常。这是一个超级酷的开源学习项目，很活跃的群体，很好的课程，以及艰难的挑战，不过说是艰难，其实和我们日常的生活差不多辣，哪有天天都是开心的，习惯坚持就好！坚持，keep，坚持Heaven helps those who help themselves. 因为FCC是一个很大，很长的项目，现在的目的是最快速度的训练自己的前端技能，边做边写博客有些慢，所以这里不
2017-06-21 01:00:41
378
原创 Bootstrap 3.3.7学习笔记15
Bootstrap 3.3.7学习笔记15先给一个昨天刚刚翻到的特别好的bootstrap中文资料站，感觉它比官方的文档做的更加贴近中文用户，它的程度不仅仅是翻译，而且考虑到了中文用户特别像我这种菜鸟的学习需求。给了比较充分的代码示例。 这次的主题是关于js在Bootstrap中的应用。在之前学习的过程中就有重复出现过一个问题，现在举两个例子。 之前有学过像下拉菜单，我们在html中写了一个按钮
2017-06-20 12:37:38
656
原创 Bootstrap 3.3.7学习笔记14
Bootstrap 3.3.7学习笔记13今天周日，不放假了。继续学习Bootstrap！今天学得主要内容就是bootstrap给出的各种小组件的样式。课题会很零散，内容会比较多。分页导航知识点：分页pagination是指我们在看图片新闻的时候经常会有好几个网页组成一个新闻，每个网页之间的翻动就是由图片下方的1，2，3，…，9这样的分页导航完成的。 很显然它本质也是一个ul。当然其实分页导航最常
2017-06-18 12:31:15
1240
原创 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
451
原创 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
257
原创 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
321
原创 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
342
原创 Bootstrap 3.3.7学习笔记9
Bootstrap 3.3.7学习笔记9对Bootstrap的理解： 今天是第三天接触，这几天算是只要看书就看它的内容到目前为止初步将它理解为，网页开发的时候会存在很多共同审美的内容，比如两个平行按钮要高度相当，大小合适，颜色好看等等。这些布局的方式通过html和css实现的时候又往往会用相同的代码写出来，那为啥要让不同的人在不同的网页的项目中用相似的代码写出有相似功能的网站呢？直接一批人写个大体
2017-06-16 12:41:06
830
原创 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
639
原创 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
1111
原创 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
369
原创 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
1111
原创 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
730
原创 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
505
原创 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
528
原创 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
619
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人