nonlinearthink的博客

demo 预览首先，我先来说一说这个需求产生的原因，我前些日子更新了一些 CSS 相关的博客，但是我发现，要展示 CSS 的效果，必须要用到一些交互的功能，我必须要写一些小 demo，然后嵌入到网页中去。一开始，我使用的就是纯粹的 HTML 代码，加上 style 和 script 标签，直接写在 .md 里面。我意识到这不是一个好方法，一篇博客有时候需要多个 demo ，随着代码越来越多，每个 demo 之间会产生冲突，我迫切需要隔离它们。使用 iframe随着我的代码越来越多，我发现在一篇博客

我们日常做开发的时候，经常遇到环境变量的配置，网上的教程往往总是教你做，却不告诉你为什么。今天我就来谈谈为什么。LInux系统配置文件夹多用户配置在unix-like系统中，系统配置文件都被放在一个叫/etc的目录下。里面文件有很多，我们重点关注两类文件。cd /etcls *profile #这类文件里的配置信息会在用户登录时运行# output: # profile zprof...

电脑空间越来越少，被迫减少Jetbrains的IDE的个数，把一些IDE干的活交给vscode。前置工作从Python官网下载你系统对应的安装包，或者使用系统对应的包管理器(choco[Windows], apt[Ubuntu], brew[MacOS]等等)。从微软的vscode商城下载Python插件。配置vscode的pythonPathvscode的settings....

vscode 已经火了很多年了，各种体验都在上升，早期的 vscode 配置教程比较少，很容易劝退一些伸手党。现在大不同了，很多插件的默认配置就很不错了，大部分环境都是装个插件就可以直接上手了。vscode 跑 vue 应该算是非常常见的了，本文主要记录一些我使用 vue 插件的时候遇到的一些问题。首先，Vetur基本上是必不可少的插件了，但是 Vetur 对于原生三大件的补全做得不是很好，所以我之后又安装了一个VueHelper来解决这个问题。不过现在我不推荐使用VueHelper了，我觉得Vue

本来想要使用 vue 开发 chrome 插件，结果在网上搜了一圈，好多教程还在用 2.x 的命令行。本文使用 4.x 的命令行来做演示。vue-cli-plugin-chrome-ext

2002年前，Linux社区一直急缺一个好用的版本控制系统，Linus一开始选用了一个商业的版本控制系统BitKeeper，但是后来因为社区的人试图破解BitKeeper的协议，最终和BitMover公司翻脸了。Linus被迫无奈，花了两个星期写出了Git。分布式版本控制系统集中式的版本控制系统说到分布式版本控制系统，就必须要说一下传统的集中式版本控制是怎么做的。在集中式的版本控制系统中，代码被保存在一个服务器中，客户端通过远程连接服务器来更改代码。这导致了一旦服务器崩溃，整个项目都面临丢失的风

想要更好的阅读体验，可以转我的个人博客: nonlinearthinkJDBC (Java Database Connectivity) ，属于 Java 应用编程中比较基础的一块，我们会从最基本的开始，由浅入深地解释 JDBC 中的各种问题。连接数据库驱动初始化基于 Class.forName 的初始化想要开始 JDBC 编程，第一步是需要把 数据库驱动程序 的代码加载进来。可以利用 Class.forName 函数，它原本的功能是返回一个 类或者接口的 Class 对象 ，也就是相当于初始化

想要更好的阅读体验，可以转我的个人博客。box-shadow 概述先从整体来说说 box-shadow 属性 。box-shadow 支持定义多个阴影，他们应该使用逗号分割:box-shadow: 3px 3px red, -1em 0 0.4em olive;这里定义了两个阴影，分别是 3px 3px red、-1em 0 0.4em olive。其中，每个阴影支持最多6个字段:inset可选的字段，默认不指定。指定inset，阴影向内扩散，否则阴影向外扩散。offset-x

Gittalk 简介Gittalk 是一个评论系统，它的原理是借助 GitHub Issue 的评论功能，来存储和管理评论。像是 disqus 之类的国外评论系统，因为涉及到数据安全，很容易被墙，虽然被墙了也能用就是了；国内的评论系统，基本上没过多久就倒闭了，关闭了什么的，没几个靠谱的。Gittalk 最大的优势是有 Github 在背书，只要 Github 不倒，应该是不会有任何问题。GitHub Pages + Gittalk ，完全使用 Github 的免费服务就可以拥有一个漂亮的个人博客。

想要更好的阅读体验，可以转我的个人博客。像素思维这一小节，我们将介绍 px(Pixel)。逻辑像素而不是物理像素px 从字面上来看是像素的意思，很多新手一上来可能会认为它的物理像素。这里必须要澄清，px一般是指逻辑像素，它会根据浏览器、操作系统、硬件设备做适当的缩放。但是，通常96px对应了一个物理英寸。像素级的完美与响应式布局最开始，px 被设计出来的时候所奉行的哲学就是提供像素级别的完美。早期的网页设计者会在一个固定大小的页面中设计网页，一般是 800px，你的浏览器如果超过来这个尺寸