- 博客(31)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 使用 `acme.sh` 申请 `Let‘s Encrypt` 证书部署服务器
使用 `acme.sh` 申请 `Let's Encrypt` 证书部署服务器
2024-03-22 14:46:10
496
原创 使用 Github Actions 自动发布包到 NPM 官网上
这样的话一个使用 Github Actions 自动发布包到 NPM 官网上的配置完成。如果其中遇到什么问题，可以在Issues中提出。
2024-03-12 16:53:29
798
1
原创 创建一个 Github 统计项目
就是对接 Github API，获取用户数据，然后根据数据生成 SVG 图片，如果你没有服务器的话，可以使用vercel进行部署，免费的，但是有可能需要会魔法才能访问到。
2023-09-27 17:46:06
790
原创 vite + react + typescript + uni-app + node 开发一个生态系统
使用 vite + react + typescript + uni-app + node 来开发一个简易的生态系统案例，包含 APP，H5，微信小程序，控制台，服务端一个简单的生态系统，包含 APP，H5，微信小程序，控制台，服务端 😄源码地址ecosystem总体来说都是一些基础的知识，没有什么难度，但是对于新手来说，还是有一定的难度的，需要多多练习，多多思考，多多总结，加油！😄如何有什么项目上的问题，可以提issue，我会尽快回复的，希望对你有所帮助。
2023-09-12 13:09:54
589
原创 Git 多账号多仓库配置 SSH
在我们使用 Git 中，有时候会遇到多账号多仓库的情况，比如公司的 GitLab 和 GitHub，以及自己的 GitHub，这时候我们就需要配置多个 SSH 密钥来区分不同的账号和仓库。
2023-06-20 17:18:34
1547
1
原创 搭建 Vite + Vue3 + TypeScript + Electron 项目
搭建 Vite + Vue3 + TypeScript + Electron 项目
2022-07-20 10:57:46
1192
原创 H5 + Vue3 + TS 实现元素拖拽、缩放、旋转
拖拽思路利用 touch 事件来获取元素移动的位置，通过设置元素的样式(top,left)来控制元素的移动拖拽点移动距离 = 移动实时坐标 - 初始坐标元素移动距离 = 元素初始值 + 拖拽点移动距离实现绑定属性<template> <div :style="`top:${rect.y}px;left:${rect.x}px;`" @touchstart="onTouchstart" @touchmove="onTouchmove"></div>
2022-03-09 18:21:40
2280
原创 基于 Vite + Vue3 + TS 开发组件库
技术栈附上 Github地址 和 演示地址 以供参考。HTML5 + CSS3 + Less + ES6+ + Vue3.x + Composition-API + Vite + Gulp + Rollup + Jest初始化项目可以使用 vite 的官方 template，也可以自己搭建。官方命令npm init vite@latest ui --template vue从零搭建生成 package.jsonnpm init -y{ "name": "ui",
2021-10-12 09:31:21
3245
12
原创 服务器使用 Docker 从零部署 Vue 项目
前提一台服务器 ( Linux 内核系统 - CentOS 8 为例 )，如果是本地装 docker 模拟的话，跳过此阶段了解 docker 简单概念，Linux 简单操作::: warning 注意服务器保证可以正常连接访问，国内的已备案，并开放了端口:::题外话-服务器重装系统（以阿里云为例）登录阿里云账号，右上角打开控制台找到云服务器 ECS（点击左侧栏目），停止服务器（实例）点击左侧实例，点击列表更多 > 云盘和镜像 > 更换操作系统接下来
2021-04-22 18:42:54
352
原创 使用 NodeJs + TypeScript 开发一个自动化部署程序
前端工程化已经很普遍了，让我们来开发一个自动化部署程序。什么时候使用自动化部署当你需要节省时间时自动化部署主要可以节省你打包和上传服务器的时间。如果你想节省上线时间，则不需要自动化部署，因为自动化部署不一定有你本地上传快。当你需要节省服务器的内存时自动化部署势必会占用你服务器的内存和 CPU 使用率。自动化部署原理当你在提交代码后，Git 仓库通过 Webhooks 发送一个 POST 请求到你的服务器。当你的服务器程序接受到 Webhooks 的请求会执行如下操作：.
2020-11-11 11:00:17
1335
原创 使用 vuepress 快速搭建一个个人博客
又有一个可以装逼的技术点了初始化项目npm init -y安装依赖vuepress：用来开发博客项目的依赖site-ftp：用来上传文件到服务器的依赖npm i -D vuepress site-ftp初始化目录|-- wordpress -------------------- 项目名称 |-- .gitignore --------------- git忽略文件 |-- ftp.js ------------------- 上传配置文件 |-- pac.
2020-10-31 12:03:28
310
原创 推荐一些你可能需要的 UI 组件库
Element UI简介Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。组件丰富，样式风格简约，文档讲解详细，上手简单，Github 的 Star：46.9k。免费开源，不过最近发现已经几个月不维护了，issues 也 Closed，如果你后面用上了 Vue3.0，那么就不能继续使用这一套 UI 框架，因为容易出现许多的问题解决方法：新的项目的话可以考虑其他的 UI 框架：vuetifyAnt Design of VueFork 一份自己
2020-08-25 17:04:53
3728
原创 TypeScript + NodeJs 编写一个 React 脚手架工具
搭建一个适合项目的脚手架有时候还是有必要的，除了增加你的技术以外，还可以在开发项目时更快的初始化。今天就分享一下如何使用TypeScript+NodeJs编写一个React脚手架工具，不是很难，因为都是踩在巨人的肩膀上。初始化 TypeScript 配置初始化 TypeScript 项目并创建 tsconfig.json 文件。tsc --init修改 tsconfig.json 配置文件。{ "compilerOptions": { "target": "es5", .
2020-08-12 18:16:14
567
原创 使用 Gulp 开发 HTML 静态页面和 Less 实时更新
之前一直在用 Vue 或者 React 在写 SPA 项目的时候，因为使用了 Less 感觉很不错，现在转回来写纯 css 的时候，感觉很难受（特别是写很长的选择器时）。然后就分享一下在 HTML 静态页面中如何使用 Less（当然你也可以使用 Sass 或者 Stylus），以及实时更新。如果你没有用过 Gulp，请点击这里 Gulp 官网搭建项目目录这个是我的 gulp-demo 的项目目录。创建 package.json使用 npm init 按照步骤往下走或者使用 npm .
2020-08-03 16:52:20
354
原创 React路由匹配的问题
最近在写 React 项目时，被 React 路由匹配的问题折磨的够呛，这里来分享一下其中的一些坑，以及我的路由配置组件。前提安装路由npm i react-router-dom -S用 react-router-dom 不用 react-router 的原因：react-router-dom多出<Link> <BrowserRouter>等组件。更适合，更好用，更简单（没有这些组件就需要你自己去封装）。配置 history 模式如果使用 hash.
2020-07-17 10:49:17
2736
原创 JavaScript深拷贝封装
深拷贝和浅拷贝概述为什么会有深拷贝和浅拷贝？JS的数据类型分为基本类型和接应类型。基本类型：直接存储在栈(stack)中的数据。接引类型：存储的是该对象在栈中的引用（即指针），真实的数据存放在堆内存里。深拷贝和浅拷贝针对的是接引类型。理论上基本类型赋值都属于深拷贝，这是因为基本类型的不可变性。深拷贝复制接应类型的真实数据。不直接复制引用地址（即指针）。浅拷贝只复制引用地址（即指针）。不改变接应类型的真实数据实现一层深拷贝的一些方法for in 循环复制对象const
2020-06-18 11:50:09
758
原创 前端跨域原理的一些猜想
什么是跨域？每一个web服务都是一个区域，当两个web服务之间相互通讯时，所以产生了跨域。为什么会存在跨域？这是由于浏览器的同源策略的限制。同源策略规定了如果不是同源的服务，相互之间通讯是不允许的，因为这样可能存在安全问题。同源策略：同协议、同域名、同端口如何处理跨域如果不是相互通讯的话即可以不受同源策略的影响。例如：script标签和iframe标签都是属于引用外部资源，不存在跨域问题。跨域方法JSONP通过script标签引用接口出传递回调函数，通过回调函数
2020-06-08 16:30:38
186
原创 Uni-App+Vue+NodeJs+Express开发一个开源项目
前言有一段时间没有发布博客了，前段时间写了一个由 Uni-App+Vue+NodeJs+Express 开发的一个开源项目，今天来发布一篇关于这个的博客。此项目主要兼容H5、小程序、App 这三个端。项目地址：MINEAPP技术栈名称描述uni-app框架一个使用 Vue.js 开发所有前端应用的框架。5+Api和手机交互的一些API。VueJs一套用于构建用户界面的渐进式框架。Vuex一个专为 Vue.js 应用程序开发的状态管理模式。No
2020-05-29 14:15:00
3209
原创 浅谈uni-app页面传值问题
前言作为一个前端开发者，现在大前端的概念比较深入人心，比如小程序、Android和iOS跨端，前端H5等。而最近在使用uni-app跨端开发App，遇到些问题分享一下。uni-app页面传值传递基础类型数据// A页面-传递参数let value = "参数值";uni.navigateTo({ url:`/pages/home/index?data=${value}`});...
2019-12-27 11:52:52
5501
8
原创 VUE发送Formdata数据，NodeJS接收
VUE发送Formdata数据参数blob是通过this.cropper.getCroppedCanvas().toBlob(blob => { });获取到的。具体使用方法，参考此链接地址// 这里我使用的是cropperjs插件，裁剪图片成功执行此方法 crop(blob) { const formData = new FormData(); let uid = ...
2019-04-29 17:22:14
3610
1
原创 使用autoprefixer和postcss-cli给css加上浏览器厂商前缀
在写css的时候，总会使用到css3的许多好的东西，但是有一个我们不得不考虑的问题，那就是兼容性，通过Can I use这个网站我们就会发现兼容性的东西真多。但是我们在写css的过程中，每一个都去手写的话，就会降低自己的开发效率。所以我们应该要让它自动给所有的css文件添加浏览器厂商前缀。因此我们可以使用autoprefixer这个插件来自动给css文件加上浏览器厂商前缀。那么就开始吧，首...
2019-03-12 17:07:33
2134
原创 使用axios的post请求，node.js后台接收不到参数解决方法
简单说明一下，最近在写个人网站的后台管理系统，前端界面使用的是Vue框架，后台使用的是Node.js。因为后台管理系统有登录，所以在写的时候发现一个小问题，因为以前没有登录，所以用的都是get请求，后台一直用的是req.query接收参数，但是post请求完成之后，req.query是一个空对象，req.params也是空对象，接收不到参数。前台请求成功。后台接收成功。...
2019-01-10 10:20:03
5209
4
原创 Vue/cli3.0的一些小技巧
vue/cli3.0比起vue/cli2.*来说，最明显的区别就是简化了两个文件，一个是build文件和config文件。vue/cli3.0把这两个文件的配置写进了node_modules里面去了。不过有些时候我们也需要配置一些适合自己项目开发的东西，所以我们可以把自己的相关配置写入vue.config.js文件中。（这个文件需要自己在src同目录下新建，下面统一说成根目录）介绍一下今天...
2018-09-29 17:12:24
2979
原创 使用Git，从码云上clone项目到本地，修改完之后提交项目到码云
最近在写公司的项目，用的比较多的就是使用Git，从码云上clone下来项目，到修改完之后，再提交项目到码云上去，这样的方法很适用于团队协作，以及避免电脑里的代码，因为特殊情况而丢失。所以把这个过程简单的分享一下！欢迎大家讨论。闲话少说，开始进入正题。一、把项目从码云上clone下来。（这里以一个自己的简单分支做演示）1.先简单创建一个临时演示的项目。（已有项目直接进入2）2.点...
2018-09-25 13:54:06
31549
1
原创 谈一谈使用webpack开发时，Vue组件之间的数据传递
我们在学习Vue的时候，难免会使用各个组件之间传递数据。 先来介绍一下Vue中组件传递的方式，有父组件传递给子组件数据，子组件传递给父组件数据，父组件直接获取子组件中数据，子组件直接获取父组件数据以及兄弟组件之间传递数据这五种方式。 接下来介绍一下这五种组件传递数据的方式在webpack中如何使用的。一、父组件传递给子组件数据 第一步，新建一个子组件放在component...
2018-08-08 18:27:41
1629
原创 VueJs 打包之后遇到的坑
最近在用webpack+vue写项目，经过几天的熬夜加班改BUG，终于把基本的框架给写完了，后面只要加一些小功能就可以了，太好吧！先来npm run build 打包出来看看吧！打包中...，我们用本地服务器打开看一下。额，不看不知道，一看吓一跳，坑咋这么多呢！但是作为一名积极向上的IT从业者，填坑吧。1.打包之后没有被渲染出来。怎么回事，刚打开就告诉我啥也没有，这是要搞事情的前奏啊！，我们看一下...
2018-06-01 17:38:15
47703
14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人