2021年02月_一碗周.

原创【原生案例集】01 过年了，用CSS给你的网页添加几个灯笼吧

【原生案例集】01 过年了，用CSS给你的网页添加几个灯笼吧古之立大事者，不惟有超世之才，亦必有坚韧不拔之志——苏轼写在前面《原生案例集》专栏用于记录基于原生 HTML、CSS 和 JavaScript 来写的一些简单的案例，可能有些为了简化操作也会使用 jQuery。写这个专栏的主要目的是提升自己原生的水平，现在大部分都是基本框架来写的，怕是时间长了之后原生的东西就忘得差不多了。快过年了，让你的网页有一些年味，快来添加几个灯笼吧！案例效果实现思路为一个矩形添加 border-rad

2021-02-09 22:23:49 513

原创【玩转Node.js】让你的服务端不在存储明文密码——bcrypt模块

** 古之立大事者，不唯有超世之才，亦必有坚韧不拔之志**——苏轼写在前面在写服务端的时候，经常会遇到存储存储密码的业务逻辑，如果我们的数据库存储的是明文密码的话，将会非常的不安全，bcrypt 模块帮你解决这个问题。bcrypt 模块概述bcrypt，是一个跨平台的文件加密工具。由它加密的文件可在所有支持的操作系统和处理器上进行转移。它的口令必须是8至56个字符，并将在内部被转化为448位的密钥。采用的加密使用是单线程的，也就是说仅仅可以加密而不能解密，在加密的过程中可以生成随机的字符串来增.

2021-02-08 22:25:50 319

原创 2021 年 Web 前端学习路线图 (含后端)

古之立大事者，不惟有超世之才，亦必有坚韧不拔之志 ——苏轼写在前面今天在 GitHub 看到了一个仓库，developer-roadmap 该仓库包含一组图表，这些图表介绍了成为一个 Web 开发者的学习路线图。该仓库含有前端、后端和 DevOps 的学习路线图。Frontend Roadmap(前端学习路线图)Backend Roadmap(后端学习路线图)DevOps Roadmap(DevOps 学习路线图)写在最后以上图片均出自于 developer-roadmap 仓库.

2021-02-07 20:45:39 4119

原创【Windows必备软件】01 Groupy 实现你所有的窗口标签化管理

【Windows必备软件】01 Groupy 实现你所有的窗口标签化管理古之立大事者，不惟有超世之才，亦必有坚忍不拔之志——苏轼写在前面本专栏是用于记录 Windows 上面的一些好用的软件，开此专栏主要有两个目的。将好东西拿出来大家一起分享避免时间长了以后找不到某也好用的软件了。由于博主是 Windows 系统所以只能整理一些 Windows 的软件在日常撸代码的过程中，有没有遇到窗口开的太多找到某一个窗口很费劲的情况呢？如下图在这么多页面中找到我们需要的某个窗口，如果仅仅

2021-02-07 00:04:51 3500

原创【JS随心录】Location.href 属性与 window.open() 方法的用法与区别

【JS随笔】Location.href 属性与 window.open() 方法的用法与区别古之立大事者，不惟有超世之才，亦必有坚韧不拔之志——苏轼写在前面使用 JavaScript 的朋友们肯定对 js 的 location.href 和 window.open() 的作用是什么是了解的，但是这两种方法究竟有几种用法，区别是什么估计就没有怎么了解了。本篇博客就来介绍一下两者的用法与区别。Location.href 的用法目前在开发中常用的几种形式如下所示：self.location.hr

2021-02-05 23:36:19 438

原创【玩转Node.js】必备的三个 node 命令(必备三个 Node 包)

古之立大事者，不惟有超世之才，亦必有坚忍不拔之志——苏轼写在前面Node.js 是一个能够在服务器端运行 JavaScript 的开放源代码、跨平台 JavaScript 运行环境。Node.js 具有一个强大的生态圈，其中有好多的第三方模块，于是就出现了 npm 和 Yarn 第三方模块的管理工具。所谓的第三方模块，就是有人写好的，具有特定功能的，我们能直接使用的模块就是第三方模块，由于第三方模块通常都是由多个文件组成，被放置在一个文件夹中，所以又叫做包。第三方模块具有两种存在的形式：以 .

2021-02-04 23:13:55 225

原创从0开始打造一个完美的 Windows 终端(PowerShell + Windows Terminal)

古之立大事者，不惟有超世之才，亦必有坚忍——苏轼写在前面众所周知，Windows 的命令行已经多少年没有更新多了，颜值还存留在90年代呢。已经远远的跟不上时代的潮流了。Windows 10 自带的 powershell 虽然比传统的 cmd 稍微强上这么一丢丢，但是也不尽人意。对于一个程序员来说，没有一个好的命令行工具就是相当于吃饭没有好的碗筷是一样的道理，这篇博客，就从 0 开始打造一个完美的终端工具。上效果图软件介绍与安装这里我们用到了两个软件，分别是 PowerShell 和 W.

2021-02-04 03:26:33 2448

原创【Vue生态】快速入门 Vuex

古之立大事者，不惟有超世之才，亦必有坚忍不拔之志——苏轼Vuex 概述Vuex 是什么Vuex 是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。上图可以明显看出使用与不使用Vuex的区别使用 Vuex 统一管理状态的好处能够在 vuex 中集中管理共享的数据，易于开发和后期维护能够高效地实现组件之间的数据共享，提高开发效率存储在 vuex 中的数据都是响应式的，能够实时保持数据与页面的同步什么样的数据适合存储到 Vuex 中一般情况下，只有组件之间共.

2021-02-02 18:06:01 134

一碗周