从修改hosts文件科学上网中理解DNS（下）

2017-05-13

上次简单说了下 hosts 文件的作用，然后又看了很多这方面的资料，再来总结一下：

在很早之前，全球的网络主机还很少的时候，IP 地址的映射主要靠的就是各主机里的 hosts 文件来实现，那时候的 hosts 文件保存着互联网上所有主机地址的映射。而 hosts 文件的更新是由一个专门来维护 hosts 文件的站点来实现。也就是说那时根本就不需要也没有 DNS 服务器这东西，用自己主机上的 hosts 文件就可以找到对方的 IP 地址然后建立连接了。

但是很明显随着互联网的规模增大，hosts 文件根本不可能存放这么多地址映射的记录，而且这个数量级光数查找就要好些时间了，效率很低。最可悲的还要算那个负责维护更新的站点，要同时为世界上所有主机更新规模巨大的 hosts 文件。
more >>

展开全文 >>

CSS学习小记（三）

2017-05-10

max-width 属性和 min-width属性

这两个属性由字面上来看是就是最大和最小长度，的确是这样。

max-width 属性用来给元素设置最大宽度值. 定义了 max-width 的元素会在达到 max-width 值之后避免进一步按照 width 属性设置变大.也就是说 width 的值怎么也不能超过这个值。一个有点意思的值就是 fit-content ，设置值为 fit-content 时可以使其根据内容的长度来决定最大宽度。设置了 max-width 后，之前设置的 width 就会失效被覆盖。

min-width 属性与 max-width 差不多，设置指定元素的最小宽度，不过它比 max-width 更强，如果设置了 min-width ，之前设置的 width 和 max-width 都会失效被覆盖。

这两个属性一般用于 CSS 媒体查询中

CSS 媒体查询

好吧，媒体查询，看名字我还真猜不出是干啥用的。上网查了资料总结一些就是：能够实现“响应式设计”，针对不同的浏览器和设备“呈现”不同显示效果，毕竟不同的设备屏幕大小都会有不一样的状况出现，要使页面能够适应不同的浏览器和设备，可以用弹性盒子实现，也可以用媒体查询来实现

嗯，看起来用处很大，看看是怎么用的

举一个例子：

@media(max-width: 600px) {
  .facet_sidebar {
     display: none;
  }
}

more >>

展开全文 >>

从修改hosts文件科学上网中理解DNS（上）

2017-05-07

科学上网的方法有多种，我之前用的免费软件 Lantern 已经开始限流量了。经朋友指点，只要修改电脑中的 hosts 文件就可以访问 Google 了，为什么会这么神奇呢？先看看里面的是什么东西，Window 上的 hosts 文件在C:\Windows\System32\drivers\etc\hosts这个地方。用文本编辑器打开：

可以看出里面都是一条条 IP 地址 + 域名的记录，用来进行 IP 地址的映射，当我们在浏览器上输入一个域名的时候，如百度：www.baidu.com，浏览器会先在这个 hosts 文件中根据域名找到对应的 IP 地址，然后访问目标主机。这个过程是不是很熟悉？对！这就是 DNS (域名解析系统)的工作方式了。

可以发现更熟悉的代表本地计算机的回环 IP 地址的映射127.0.0.1 localhost都是在 hosts 文件中定义的。
more >>

展开全文 >>

.NET使用MySQL

2017-05-04

.NET 课程设计要用到数据库，可是.NET 默认使用的是 SQL Server，这个重量级的数据库软件，我电脑配置不高，运行起来很卡，所以我也就打心底里不想使用它。之前有一段时间有用过，不过已经永远丢失在一段硬盘改革的活动中了。所以我决定使用最亲民的 MySQL 。很多同学觉得 .NET 连接 MySQL 会很麻烦，宁愿下载安装 SQL Server，我只想并不比使用 SQL Server麻烦。下面我简单记录一下我的使用过程：

首先，要下载 MySql.Data.dll 文件（这个网上搜会有）

然后，在项目目录中新建一个 bin 文件夹，并把 MySql.Data.dll 放进去。

在需要连接数据库的 .aspx.cs 文件中使用 using MySql.Data.MySqlClient;引入连接 MySQL 的相关函数

最后用：

string conn = "Data Source=127.0.0.1;User ID=root;Password=root;DataBase=db123";
MySqlConnection myconn = new MySqlConnection(conn);
myconn.Open();
string sql = "select * from table“;
MySqlCommand cmm = new MySqlCommand(sql, myconn);
myconn.Close();

再改改相关配置就可以访问数据库和查询数据库中的信息了！！

展开全文 >>

CSS学习小记（二）

2017-05-02

:root伪类

:root 伪类用于匹配文档树的根元素，在 HTML 文档中，:root 表示为<html>
元素，声明全局 CSS 变量的时候很有用，用法如下：

:root{
  background-color: cornflowerblue;
  padding: 3em;
}

相当于在声明 html 标签的 CSS 变量，不过伪类选择器具有类的特性，优先级比标签选择器要高

html{
  background-color: cornflowerblue;
  padding: 3em;
}

CSS变量

在很多编程语言中，都会有变量这种基本的概念，可以方便地传值赋值，使代码变得清晰易懂，还可以提高程序的性能。但是我在学习 CSS 的过程中一直没有发现有变量的存在，CSS 一直用于描述文档的样式，好像变量的用处也不大。但久而久之，例如开发一些大型网站，很多样式都有重复的值，例如颜色，光写这6个字符组成的十六进制数就很容易让人出错。所以也就越发觉得变量的必要。随着 Sass 等 CSS 预编译工具的流行，变量也逐渐被官方所认可并且规定出来了。

声明一个变量的方法，我们可以在:root里面当做全局变量声明：

:root{
   --light: #ddd;
   --dark: #333;
}

在变量名前加上--就可以啦。当在需要使用变量时，用var(变量名)来是使用，十分方便：

body{
   color: var(--light);
   background-color: var(--dark);
}

由于这还是个在实验中的功能，所以未来 CSS 变量的语法可能还会改变，让我们继续期待它的成长
more >>

展开全文 >>