谢志文的博客 | Vinter Blog

PC端设置多个SSH秘钥

Set up multiple SSH secret keys on your computer

系统介绍单个SSH秘钥的设置方法。多个guthub账号又该如何绑定同台电脑。网上看了很多版本的PC设置SSH-key的方法，感觉都不够具体，虽然不是什么高深的东西，但是分享这篇文章，让朋友们能更好认识，更快的设置好SSH。 SSH简介 Secure Shell (SSH) 是一个允许两台电脑之间通过安全的连接进行数据交换的网络协议。通过加密保证了数据的保密性和完整性。SSH...

Posted by Vinter on November 4, 2018

前端MVVM模式原理

Model-View-ViewModel

时间就像海绵里的水，挤挤还是有的。有对比才有伤害，但是没有对比，你不知道自己有多渺小。一、MVVM和MVC模式的区别讲到MVVM模式和MVC模式的区别，网上一大堆讲解的，我只简单讲解一下，MVC模式（Model-View-Controller）就是单向数据流。View ==> Controller ==> Model ==> View 形成闭环，视图层...

Posted by Vinter on September 10, 2018

人的亮点

The highlight of people

机会和成功相信会青睐一直在路上的人。亮点生命中有那么一个人曾问过我，“你的个人亮点在哪，我没有看到。” 我对着窗外想了片刻，二十几年时间，一部分童年度过，一大半用在了学习，最后一部分用在了工作，除了这些还有些什么。亮点，不同的人对它会有不一样的看法，于是我就在想，那别人到底想看到我身上的什么亮点呢？可能是在外拼搏奋斗，对事业的上进心，努力挣钱；亦或在某个城市，有...

Posted by Vinter on August 30, 2018

URL请求到网页渲染全流程

Do you know what happens from the url request to the page rendering?

概述 1、浏览器先查看浏览器缓存，若缓存中有，请略过中间步骤，直接跳到第9步。若没有，则按照以下步骤进行。 2、浏览器从url中解析出服务器的主机名，并将主机名转换成服务器的IP地址。 3、浏览器从url中解析出端口号，默认80，HTTPS默认端口443。 4、浏览器建立一条与服务器的TCP/IP连接，三次握手和四次挥手。 5、浏览器通过TCP/IP连接向服务器发送HTTP请求，请...

Posted by Vinter on August 2, 2018

Websocket你真的了解么？

Introduction about websocket and Socket.io

生于忧患死于安乐，身体才是革命的本钱。最近有点肠胃消化不良，吃东西容易饱腹，而且还有一些嗳气，甚至有点反胃，然后总觉得有问题，后来才知道是天气太热，总是吹空调，导致湿气有点重了，刮痧后舒服多了，人就是这样，只有在生病或者感觉身体不适的情况下，才发现自己以前是不怎么爱护自己的身体，不管工作或者生活多么的累，压力多大，自己的身体真的需要爱护，可能做IT的我们，睡的比较晚，晚点睡觉倒是...

Posted by Vinter on June 30, 2018

详解浏览器的垃圾回收机制

The principle of browser garbage collection

一、简介浏览器缓存浏览器缓存就是把一个已经请求过的Web资源（如html页面，图片，js，数据等）拷贝一份副本储存在浏览器中。缓存会根据进来的请求保存输出内容的副本。当下一个请求来到的时候，如果是相同的URL，缓存会根据缓存机制决定是直接使用副本响应访问请求，还是向服务器再次发送请求，从而返回新的数据。缓存的优点优秀的缓存策略可以缩短网页请求资源的距离，减少延迟。缓存文...

Posted by Vinter on June 20, 2018

前端常用工具介绍及区别

An article about frontends tool of npm、yarn、cnpm、webpack、gulp and so on

不知道自己的劣势，是对自己的不认识，但是如果知道自己的不足，却不去纠正改善的，是对自己的放纵和不负责，那更加可悲。一、包管理工具 1、npm npm是nodejs的一个模块，是nodejs的包管理器。我们前后端开发项目时，会用到很多别人已经写好的javascript代码，如果每当我们需要别人的代码时，都根据名字搜索一下，下载源码，解压，再使用，会非常麻烦。于是就出现了包管理...

Posted by Vinter on May 20, 2018

前端模块化之旅

A journey for modules

一、CommJS 简介：在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，这时候JavaScript作为嵌入式的脚本语言的定位动摇了，JavaScript却没有为组织代码提供任何明...

Posted by Vinter on February 10, 2018

JS设计模式--发布/订阅模式

The mode of publish-subscribe

人生缺少目标就好比行尸走肉，目标就是动力。一、前言 JS语言的执行环境是“单线程”，所以任务是一个一个进行执行，如果任务多就需要排队。如果任务多，浏览器加载不过来就会出现无响应状态（假死），因此JS语言将执行模式分为两种：异步和同步。同步很简单，执行一个程序后，才能执行下一个任务。但是异步就相对比较复杂些，一旦有异步程序，会先将同步任务执行完后才去执行异步任务，这只是大概讲了一下...

Posted by Vinter on November 10, 2017

html中meta标签的使用手册

Introduction to meta tags in HTML，and the relationship with SEO

概述 meta标签元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词，最大的作用是能够做搜索引擎优化（SEO）。 meta标签永远位于 head 元素内部。元数据总是以名称/值的形式被成对传递的。 http-equiv http-equiv相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助浏览器正确地显示网页内容。 ...

Posted by Vinter on August 26, 2017

Vinter Blog