搞了一个个人博客，想要发布到腾讯云。由于之前从未接触过linux相关知识，所以在查了各种资料，挖了各种坑，重置了N次系统后终于将个人博客上线了。随手记录下正确的完整过程和维护常用的代码，希望对大家有所帮助 一、购买服务器与域名 这里我使用的是腾讯云轻量应用服务器，CentOS 7.6镜像，使用pm2+nginx部署项目。其他不多说，买就完事了，买完就能看到你的服务器了
这里添加依赖会出现兼容问题craco-less 跟react-scripts和@craco/craco版本兼容官网上有给到可兼容的版本信息修改一下本地项目版本。
原创
2024-04-25 10:50:07
92阅读
vue生命周期（包含子孙组件的情况） beforeCreate (创建前) created 此时进行数据请求 初始化数据beforeMount (载入前) 挂载开始之前被调用 挂载Dommounted. （载入后） dom渲染完成beforeUpdate (更新前) 更新updated (更新后）b ...
转载
2021-10-19 22:32:00
152阅读
2评论
前端框架经历了十多年的争奇斗艳百花齐放，经历了 JSP、jQuery、Ember、Angular、React、Vue、Solid、Svelte 等等。如今所有人都要承认的一个事实是：在上百个前端框架中，最具影响力的只剩下了两个，Vue 与 React。 Vue 进入 3.x 时代已经将近 2 年了，React 也在今年 3 月 29 日发布了 React 18 版本。 今天就来聊聊在当今 202
转载
2023-11-06 17:55:35
57阅读
从BabelAST角度分析来看，相比Vue转React，React转Vue是相对于比较简单的，比如关键字setState关键字。因为Vue用this.xxx来做赋值操作，而react用setState，React转Vue只需要搜索setState关键字，而Vue转React则需要搜索this赋值关键字操作比较烦琐，生命周期对比：props对比：更多查看工具：https://tools.w3cub.
原创
2019-08-23 23:10:13
957阅读
1、vue.directive的作用vue.directive是我们除了内置的指令（如v-model和v-show）之外的自定义指令。自定义指令是对普通DOM元素进行的底层操作，它是一种有效的的补充和扩展，不仅可以用于定义任何的dom操作，并且是可以复用的，2、vue.directive的使用场景例如在图片加载完成前，用随机的背景色占位，图片加载完成后直接渲染出来，用自定义指令可以方便的实现该问题
转载
2024-07-14 09:58:45
17阅读
一、从数据到虚拟domvue和react都是数据决定虚拟dom，进而决定ui。但是二者的实现思路不一样。1.vue的思路捕获变量的赋值和取值操作，在赋值和取值操作中，利用发布--订阅模式更新虚拟dom，进而更新ui。捕获变量的赋值和取值操作，又叫作数据劫持。如何捕获变量的赋值和取值操作呢？let person = { name: "lrx" };Object.def...
原创
2021-09-02 14:06:42
218阅读
## 实现 "jQuery Vue React" 的步骤
### 1. 了解基本概念和原理
在开始实现 "jQuery Vue React" 之前，我们需要了解一些基本概念和原理。这些概念包括：
- jQuery：一个用于简化 JavaScript 编程的快捷方式，通过使用 CSS 选择器来操作 HTML 元素。
- Vue.js：一个用于构建用户界面的渐进式框架，通过使用组件化的方式来实现
原创
2023-10-03 08:35:04
36阅读
以下是一个同时支持 Vue 和 React 的前端实现方案，我将分别提供两个框架的实现思路和核心代码示例：项目结构blog-frontend/
├── vue-blog/ # Vue 版本
│ ├── src/
│ │ ├── components/
│ │ ├── views/
│ │ ├── router/
│ │ └── App.vue
├
一、安装乾坤父应用1.以umi创建一个react工程，开启乾坤插件 mkdir myapp && cd myapp
yarn add @umijs/plugin-qiankun -D 2. 父工程添加qiankun插件 yarn add @umijs/plugin-qiankun -D 3.修改 .umirc.ts 配置文件 import { defineConfig } from
转载
2024-01-30 23:25:16
365阅读
为什么我们放弃了 Vue？Vue 和 React 深度对比 - 码道人 https://markdowner.net/article/79319258450055168为什么我们放弃了 Vue？Vue 和 React 深度对比
·2 年前 举报我使用 Vue 和 React 已经很长一段时间了，两个框架上实践代码量都在 10 万行以上。不得不说两者都是很 nice 的，帮助开发者减少很
转载
2024-01-18 13:26:29
118阅读
最近一段时间使用react + typeScript开发新对项目，说实话体验不是很好一是可能由于之前一直使用vue + js，对比react两个框架还是有明显差别对二是可能一次性接受太多的新知识，消化不完，react + typeScript做图片处理项目，很多图片图形处理在前端完成所以大家新项目做技术选型的时候还是要慎重一些，一次改变太大并不利于新项目的开发，因此可以现在不重要的模块或者项目中尝
转载
2024-01-25 21:07:20
35阅读
一、reactive 函数引入 import { reactive } from 'vue'二、什么是 reactive？ 1、reactive 是 Vue3 中提供的实现数据响应式的方法 2、在 Vue2 中响应式数据 是通过 defineProperty 来实现的 所以再对一些复杂类型进行更改时 视图和数据不同步 需要通过 Vue.$set 进行处理 但是在 Vue3 中响应式数据
转载
2023-10-04 22:54:20
40阅读
简介 React：React是一个用于创建可重用且有吸引力的UI组件的库。它非常适合代表经常变化的数据的组件。 Vue：Vue.js是一个开源JavaScript框架，能够开发单页面应用程序。它还可以用作Web应用程序框架，旨在简化Web开发。共同点 1：都是为了一起与核心库使用而构建的，并将其他功能如路由和全局状态管理交给相关库； 2：两者都是基于Virtual DOM模型， 3：提供了
转载
2023-11-28 21:02:34
112阅读
前言该组件的ui参照了招商银行app的手势登录设置和手势登录验证页面，用canvas实现了设置手势密码的功能和验证手势密码的功能，绘制手势时按顺序记录所有经过的九宫格的点，作为手势密码。其中，绘制手势时，连接不能少于4个点，每个点最多经过一次，不限制设置密码的长度：设置手势密码时，第一次绘制时，上方小九宫格会记录密码经过的点，作为再次绘制解锁图案时的提示，第二次绘制图案与第一次手势相符时，则绘制成
转载
2021-01-30 12:25:11
1391阅读
2评论
react的特点： 1、组件化，模块化，虚拟DOM，diff算法。 2、声明式的框架，可追踪性更强。 3、react 只关注视图层 & react 是MVC架构。react可以是这两种，但是react可以的更多。 4、react的灵活、以及react带来的思维模型、直观的API。 5、react将组 ...
转载
2021-07-23 17:35:00
246阅读
2评论
曾经jQuery也是王者，只是时代变了，不过时代仍然在变，我们会发现jQuery还是那个王者。react和jquery比起来，你会不会发现，那些花里胡哨的东西，在jquery面前，就是笨拙的大象么？react的生态如此庞大，以及react本身所提出的协程，不都是因为react慢吗？项目里面打包一个react-dom，噢，让界面打开再飞一会儿。总而言之，现代前端虽然有很多创新，但带来的痛苦也不尽其数
转载
2024-01-30 03:13:49
27阅读
文章目录一、安装二、图片裁剪三、将截图框回显到原图上四、其它 由于项目需要，需要做图片裁剪。之前的项目已经由cropper.js实现过，因为这次使用的是vue，所以采用了vue-cropper这个组件，使用起来很简单，但是坑也很多。一、安装npm install vue-croppermain.jsimport VueCropper from 'vue-cropper'
Vue.use(VueC
首次发表在个人博客 相同点 都支持服务器端渲染 都有Virtual DOM,组件化开发,通过props参数进行父子组件数据的传递,都实现webComponent规范 数据驱动视图 都有支持native的方案,React的React native,Vue的weex 不同点 React严格上只针对MVC
转载
2020-05-06 19:00:00
69阅读
2评论
vue数据：双向绑定data使用视图模板template编译re
原创
2022-08-19 11:37:54
34阅读
