抛弃Webpack！Vite使用初体验~
什么是Vite？Vite，官方称其为”下一代前端开发与构建工具”。GitHub地址：https://github.com/vitejs/vite 起因寒假学习Webpack的时候，基本配置就研究了一天。乱七八糟的配置文件一堆，抽离之后虽然好了一点，但还是觉得很乱。尤其是Babel的配置尤为复杂，正可谓：天下苦webpack久矣（其实还是自己太菜 前几天逛某乎的时候偶然发现的新框架，去GitHub一看原来已经出很长时间了，甚至刚发布了2.0版本。作为一个紧跟时事的bug写手，我决定体验一下这款号称极其出色的构建工具 如果里学过Vue，那你一定会知道它的开发者尤雨溪（Evan You)，没错，这款工具正是尤雨溪本人编写，所以第一个支持的肯定是Vue，甚至他还表示可能会取代Webpack。 开始创建项目使用Vite创建项目要比webpack简单许多，简单几步搞定，没有特别复杂的配置。 1234npm init vite-app <project-name>cd <project-name>npm installnpm run...
用Node.js写一个二维码生成接口
如你所见，这又是一篇水文 前几天培训的时候老师讲了一个用javaweb中的二维码模块生成二维码，不过只能保存到本地。 正好最近自己在研究Node.js，于是决定使用Node自己实现一个在线生成二维码的接口。 引入模块这里我在GitHub上找到了一个qr-image模块，研究一番之后发现用法不难，于是就决定用它了。 配置路由为了方便说明，这里解释一下我之前的路由配置，下面编辑后的是router/index.js： 1234567891011121314151617const express = require('express')const app = express()const randPicRouter = require('../apis/randPic')const qrCodeRouter = require('../apis/qrcode')var port = process.env.PORT || 8081const server = app.listen(port,() => { ...
使用Heroku部署Node.js随机壁纸接口
起因最近在研究Node.js，这个东西十分强大，打算自己琢磨琢磨后端，于是就试着随便写个接口玩玩。不过既然要学习，不部署到公网玩咋行 网上查了下资料，最后总结出三种方案： 服务器/VPS部署 鉴于我自己的服务器资源有限，而且还挂着网站和代理，再运行个Nodejs实在吃力，干脆放弃了这个想法。 云函数部署 云函数的话目前只能选国内的，按量计费环境怎么想心里都不太安稳，而且云函数的Nodejs还要用专门的一套接口，麻烦。 Heroku部署 Heroku是国外的一家应用平台，支持PHP，Ruby，Nodejs等多种环境，而且有免费套餐，不用担心扣费，于是就决定是它了。 使用Heroku ToolbeltHeroku Toolbelt是Heroku的一个本地命令行工具，使用该工具可以将本地的项目部署到Heroku 下载并安装完成后，在 shell 中输入heroku login，用创建heroku账号的email和密码登陆 12345$ heroku loginEnter your Heroku credentials.Email:...
一次配置Nginx多站点的折腾记录
前几天弄到了DigitalOcean的一百刀的Credit，于是乎开了一台新加坡的vps，本来没想着速度能有多快，搭完Trojan-go之后发现速度还可以，而且配置也正好足够，甚至有1T的Transfer想着光搭代理有点浪费，于是再放个网站吧。 前一段时间用腾讯云函数搭的OneManger网盘，一直感觉加载速度太慢，于是这次便尝试部署到服务器上，不过这一部署，果然又踩了不少坑（头秃 首先搜索一番之后找到了这篇文章：在Nginx上配置多个站点 于是我在/var/www目录下把OneManager的源码克隆到cloud目录，在/etc/nginx/conf.d下新建了一个cloud.conf，编辑内容如下： 1234567891011121314151617181920server { listen 80; # 监听端口 server_name www.site.com; # 站点域名 root /home/user/www/blog; ...
Hexo之Butterfly主题美化记录
魔改一时爽，升级火葬场。 样式类修改 样式的的修改需要自行添加inject.css文件并在主题配置中导入。 页脚透明在inject.css中添加： 1234567891011121314151617181920#footer { background: rgba(255, 255, 255, .15); color: #000; border-top-right-radius: 20px; border-top-left-radius: 20px; -webkit-backdrop-filter: saturate(100%) blur(5px); backdrop-filter: saturate(100%) blur(5px)}#footer::before { background: rgba(255, 255, 255, .15);}#footer #footer-wrap { color: var(--font-color);}#footer #footer-wrap a { color:...
学习Vue.js中的render函数
最近在研究Vue.js的内容，感觉render函数理解有些吃力，那就写篇笔记记录一下吧。 Vue.js的工作流程先看一张Vue的工作流程图： 由这张图可以看出：Vue先把现有的template解析成ast(Abstract Syntax Tree - 抽象语法树)，再将抽象语法树编译为render函数，然后把render函数加载到一个虚拟的DOM对象中（其实中间还有进行一系列的复杂操作，这里只是简单解释），最后由虚拟DOM渲染到真实的DOM，也就是界面中。 为什么要使用render函数假设一个原本的Vue实例是这样的： 12345new Vue({ el: '#app', components: { App }, template:...
我的个人网盘搭建之路
前一段时间突然心血来潮，想学大佬搞一个个人网盘，正好有一个微软E5的订阅和A1的订阅，于是便开始着手研究网盘站的搭建。 下面我会介绍我尝试过的几个网盘搭建程序并进行对比供大家参考。 OneManager源码地址：OneManager-php Demo：OneManager Heroku Demo 这是一个PHP开发的OneDrive目录索引程序，也是我目前主要在用的一个。 OneManager同样支持云函数搭建，如腾讯，阿里云，百度云，华为云等。我目前将OneManager搭建到了腾讯云函数，响应速度还算可以。 OnePoint源码地址：onepoint Demo：OnePoint Demo 这是一个以Node.js为核心的网盘索引程序。目前支持的网盘有： OneDrive Google Drive coding Teambition node_fs 由于Nodejs的核心，它甚至可以部署在CloudFlare...
小程序开发初探及沉浸式界面设计
前一阵子在学习微信小程序开发，于是写一篇文章来记录一下~ （博客文章数喜加一 开发工具值得一提的是微信专门为小程序和网页开发搞了一个IDE，名字毫无特色，就叫微信开发者工具，界面设计的倒还不算反人类，打开工具栏有一个叫调试(调戏)微信开发者工具的选项，才知道这个IDE差不多就是一个加了壳的网页，不过这样做确实方便调试 WMXL语法虽然也算是HTML的变种，但是相对HTML修改了很多部分，比如HTML里的div相当于WXML里的view，img相当于image等等，另外大概超过一半的html元素在wxml里都被阉割，取而代之的是微信自己设计的开箱即用的组件，如scroll-view，swiper等，说实话，开发小程序的难度确实要比网页开发简单多了 MVVM框架微信小程序的模式和目前的主流前端框架都使用了MVVM开发模式，由于之前也没有接触过这个领域，我去查了一下相关的资料。 MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI...
SolidWorks 2020 破解教程
话不多说，直接开始。下载并解压缩后我们会得到下面的文件(夹) SolidWorks.2020.SP3.0.Full.Premium.DVD.iso (主安装文件) SW2020 SP2 fixed SPRs.7z _SolidSQUAD_ (破解补丁) 在_SolidSQUAD_目录下有一个英文版的readme.txt，我们就依照这里的步骤进行安装。 If you already have SW2020 cracked by SSQ installed you can just update existing SW2020 to this one. No additional crack is needed So you can skip steps 1-5 如果你已经安装过了被SSQ破解过的2020版，你可以仅仅升级到此版本并跳过1-5步。 安装前准备断网并准备.NET环境 Before installation, block the outgoing Internet access by means of Windows Firewall or cord plug....