Hexo

Keep it Simple and Stupid

0%

发表于 分类于 ， ， 阅读次数：

项目背景

过年前学完了 react 和 ts,在找面试项目 idea 的时候找到了这个掘金手册，Node + React 实战：从 0 到 1 实现记账本，总体来说，符合我的要求，所以我的项目在这个项目的基础上加上了改进。 那时我并不知道这个想法会让我吃个大亏。不过幸运的是，这个项目最终完成了。
具体的改进如下：

  1. 使用了最新的 react18 和 react routerv6
  2. 开始使用 TypeScript 进行类型约束
  3. 手册使用了 zarm UI 库, 而我则使用 antd-mobile UI 库
  4. 手册使用了 less, 而我则使用了 sass
  5. 手册并没有规范代码格式了，而我使用了 eslint + prettier 来规范美化代码
阅读全文 »

发表于 更新于 分类于 阅读次数：

背景

使用 Vant+vue-cli的学习项目中,
想使用 unplugin-vue-components,实现按需导入,报错 TypeError: ComponentsPlugin is not a function

解决方案

官方文档已经说明了，官方文档
相关 issue, 文档 unplugin-vue-components@0.26.0 引用方式有误 #12499

1
2
3
4
5
6
7
8
9
10
11
12
13
const { VantResolver } = require('@vant/auto-import-resolver');
const ComponentsPlugin = require('unplugin-vue-components/webpack');
module.exports = {
  configureWebpack: {
    plugins: [
      //   请注意你项目 unplugin-vue-components 的版本，如果大于等于 0.26.0 你需要注释第一行，反之，则相反
      // 当 unplugin-vue-components 版本小于 0.26.0 时，使用以下写法
      ComponentsPlugin({ resolvers: [VantResolver()] }),
      //当 unplugin-vue-components 版本大于等于 0.26.0 时，使用以下写法
      ComponentsPlugin.default({ resolvers: [VantResolver()] }),
    ],
  },
};

请注意你项目 unplugin-vue-components 的版本，如果大于等于 0.26.0 你需要注释第一行，反之，则相反

发表于 更新于 分类于 阅读次数：

Windows 下使用多版本NodeJS

需求

  1. Windows 下可以简单使用，不需要过多的安装和配置
  2. 需要使用多版本的 NodeJS 版本, 如果并不需要使用多版本，建议使用 LTS 版本，这篇文章写于24/2/15,当前版本是 20.x, 18.x 已经是维护版本。

实现

  1. 下载多版本的 NodeJS 版本，华为云镜像站，下载的时候选择node-版本号-win-x64.7z 或.zip 后缀 举例：node-v12.17.0-win-x64.zip或者node-v12.17.0-win-x64.7z压缩包，解压
  2. 创建系统环境变量NODE_HOME，路径是需要的 NodeJS 版本目录
  3. 将创建的这个变量添加到 Path 中
  4. 新开一个 cmd 窗口，验证版本是否生效 node -v, npm -v

发表于 分类于 ， 阅读次数：

服务器购买

略
鉴于我买的是阿里云的云服务器， 所以接下来的是阿里云的使用。
由于我使用的是密钥登录，所以需要配置密钥对
密钥对会在下面讲，这里就不多说。
由于需要开发端口，所以需要配置安全组

putty

可以通过阿里云提供的服务创建密钥对
https://help.aliyun.com/document_detail/51793.html?spm=5176.2020520101keypair.help.13.26634df5k8AVA0#concept-wy4-th1-ydb
也可以通过PUTTYGEN.EXE
https://www.cnblogs.com/baker95935/p/9810986.html
使用密钥对关联云服务器实例后， 需要重启一下云服务器
https://www.cnblogs.com/baker95935/p/9810435.html
putty 设置 keep live，保证不会一下子就断连
https://www.cnblogs.com/lovewhatIlove/p/16580861.html

我的后端代码是通过私有git 仓库上传的同步的， 前端代码是生成 dist文件夹直接通过 PSCP

pscp -P 22 -i C:\你的私钥文件 -C -r dist username@ip:云服务器的目录
https://www.cnblogs.com/wxsj/p/9816588.html

阅读全文 »

发表于 分类于 阅读次数：

云开发

技术产生背景

云计算

Saas: 常见软件
Pass: 钉钉,云服务器，阿里云，腾讯云。 amazon ec2, amzure
Lass: 算力，存储，网络，存储
Serverless(faas+baas): Serverless

一些概念

云数据库， 可以类比MongoDB,可以通过 http api 访问操作

环境

云函数

官方 quickStart

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// 官方 quickStart 例子
// /getOpenId/index
const cloud = require('wx-server-sdk');

cloud.init({
  env: cloud.DYNAMIC_CURRENT_ENV
});



// 获取openId云函数入口函数
exports.main = async (event, context) => {
  // 获取基础信息
  const wxContext = cloud.getWXContext();

  return {
    openid: wxContext.OPENID,
    appid: wxContext.APPID,
    unionid: wxContext.UNIONID,
  };
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// /selectRecord/index.js
const cloud = require('wx-server-sdk');

cloud.init({
  env: cloud.DYNAMIC_CURRENT_ENV
});
const db = cloud.database();

// 查询数据库集合云函数入口函数
exports.main = async (event, context) => {
  // 返回数据库查询结果
  return await db.collection('sales').get();
};

阅读全文 »

发表于 更新于 分类于 阅读次数：

微信小程序入门

认识项目结构

  1. cloudfunctions 云函数
  2. miniprogram 小程序
  3. miniprogram_npm 是项目所需要的依赖，node_module 是本地依赖。用npm install 安装完本地依赖，需要使用小程序ide 工具 –> 构建npm 进行构建后才能供小程序使用。

微信官方文档，虽然文档我感觉并不适合入门， 但是还是比很多资料都要好点， 不建议全看完才进行开发。 弄懂一些概念即可。

大致有四种文件， js 逻辑， json, 配置， wxml， 类比html 结构， wxss， 类比 css。
全局的是app, app.js, 定义全局的函数， app.json 定义全局的配置。
局部的是page, component。 , 有个 data 字段，页面的初始数据，至于页面的生命周期函数，需要的时候再详细看文档即可。

阅读全文 »

发表于 更新于 分类于 阅读次数：

记一次安装Ubuntu搭建过程

安装Ubuntu

B站av号av22847796这个视频只是一个开始，有能力也有别的需求的朋友可以科学上网到youtube找安装双系统的视频，你可以找到很多相当不错的教程。

Notes:

  1. 在本机上实验需要保存好自己的数据和重要数据。及时做好备份。
  2. 如何选择种类繁多的Linux系统，例如Debian,Fedora,Ａrch linux。简单说说我对这几个系统的理解，Debian系对用户更友好，更容易上手，想想Ubuntu就知道了，Ubuntu就是Debian的一个分支。Fedora系对用户技术要求高，适合想要追求技术和服务器使用centos、RedHat的朋友。ArchLinux系不推荐，适合不怕事，有大量空闲时间和精力，想要折腾的朋友。系统版本选择，推荐较新的版本，因为最新版本可能会有一些解决不了的问题，社区，搜索引擎很难找到解决答案，而太老版本你可能需要做很多无用功了，而且有很多新特性你体会不到。举个例子，snap需要在Ubuntu 16.04版本及以上版本中使用。
  3. 分区选择，如果不会，可以全部安装在/根目录下，稍微进阶的是，设置swap交换分区，再进阶的是，根据需求定制自己的要求。
  4. 桌面环境应该要求稳定，适合自己就好，不要去过度追求酷炫。（写给自己）
阅读全文 »

发表于 更新于 分类于 阅读次数：

Hexo博客搭建记录

搭建一个个人博客一直是自己的想法，选择有很多，有Hexo，Hugo，jekkll，workpress，国内大的写作平台也有CSDN,博客园，简书。选择一个自己喜欢，坚持写下去吧。
接下来，就是这个博客的搭建过程。希望对你有所帮助。
（接下来是在windows平台实践的）

Hexo是什么

来自官网的解释

Hexo 是一个快速、简洁且高效的博客框架。
Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

阅读全文 »