shaolin

悟已往之不谏,知来者之可追!

0%

这只是一篇让我重新认识CSS的文章,写这篇文章的时候还未搞明白原理,只知其然,不知其所以然。我的这篇文章的小demo让我信心倍增。

一、CSS(Cascading Style Sheets)是个啥?

惯例是先了解了解历史,请点击这俩链接。

  • 中文百科 英文百科
  • CSS从2.1流行,现在主流的是CSS 3,还有更简练、功能更强的LESS、SASS
    好了,历史了解完了,你肯定还是啥也不会,因为我曾经学了都还是啥也不会。
    所以 这个系列的原则就是 先做出来,做多了,有感觉了才有资格喷人
  • 学习资源
    • CSS-Tricks 你就模仿吧,全是你想不到的
    • Codrops 我长这么大,可能这是第一次知道原来能把网页显示的这么漂亮,难道你不心动吗?
      你可以看模拟选座,各种进度条的显示
    • 张鑫旭 是真的牛
    • 阮一峰,你就看吧
阅读全文 »

通过重点标签的学习前进

一、 iframe 的学习

iframe通俗的的理解就是,可以在页面里面嵌套新的页面
它的使用会使页面变卡,一般会有一个固定的尺寸,默认的。他也属于可替换元素行列。我们可以通过CSS来改变尺寸
frameborder消除边框
name属性与a标签结合

<!-- <iframe name=iframe src="http://qq.com" ></iframe> -->

<iframe name="000" src="" ></iframe>
<a target="000" href="http://qq.com">aaaa</a>

a标签的链接会在iframe的内嵌窗口里面打开

阅读全文 »


我们都知道李爵士建立了第一个网页、第一个浏览器、第一个服务器。前面两个,我们都见过了,但是服务器我们目前没有亲自实现过,所以有必要了解一下,服务器的一些基础知识。


以下是手写服务器脚本的必备知识

  • HTTP是建立在TCP/IP的基础之上的
    • TCP是什么
      TCP 传输控制协议(Transmission Control Protocol)
      面试必问的两道题
      1、TCP和UDP的区别
      TCP是可靠的、面向连接的,相对UDP速度慢,UDP是不可靠的,不是面向连接的,速度快。可靠是指你的请求成不成功都会有响应,成功了就告诉你ok,失败了也告诉你访问失败,面向连接是指每次必须发起一个请求,这端是浏览器,另一端是你要访问的地址
      TCP可以看成是把石子扔到水里,UDP是把石头扔进草垛里面
      2、TCP的三次握手是啥
      第一次 客户端问服务器,我能连接吗
      第二次 服务器回答说,我准备好了,可以连接啦
      第三次 客户端说,那我就真的连接喽
      上述两个面试题可以仔细阅读这两篇文章 TCP与UDP的区别TCP三次握手详解
阅读全文 »


李爵士发明了万维网,从此世界上的人便可以一起上网了

主要包含三个概念 URI、HTTP(HyperText Transfer Protocol)、HTML(HyperText Markup Language)
他还发明了以下技术:
1、发明了第一个服务器
2、发明了第一个浏览器
3、写出了第一个网页

名称 作用
URI 俗称网址,通常用它得孩子URL
HTTP 让你能够下载这个网页
HTML 让你能看懂这个网页
阅读全文 »

现在各个网站对于图片外链的使用变得很严格,如果使用图床,又会有不稳定,丢失图片的问题,幸好hexo支持本地图片预览的功能,按照如下几个步骤来,你也能快速的使用本地图片:

  1. 根目录中_config.yml中开启post_asset_folder: true
  2. _post目录下会生成文章同名的目录,将图片存放到该目录下,使用如下格式便可完成本地图片预览。
{% asset_img 你需要的图片的名字.你需要的图片的格式 This is an image %}