- 博客(12)
- 收藏
- 关注
RSS订阅原创 Vue-cli创建Vue3项目
那么，在开始 Vue.js 3.0 的开发之前，我们需要先创建一个 Vue.js 3.0 项目。在后续的开发中，我们可以按照 Vue.js 的开发文档进行开发，并且使用 vue-cli 提供的命令行工具来进行构建和打包。vue-cli 是一个由 Vue.js 官方提供的命令行工具，可以帮助我们快速创建 Vue.js 项目。在选择中，我们选择了默认的配置，并且选择了 Vue.js 3.0 版本作为我们的项目模板。安装完成 vue-cli 后，我们就可以使用它来创建 Vue.js 3.0 项目了。
2023-06-04 10:15:00
634
原创 关于vue中nextTick（）的理解
Vue.js 中的 nextTick() 方法是一个非常常用的 API，它可以确保我们访问的 DOM 是最新的。其原理是通过任务队列来实现的，当我们调用 nextTick() 方法时，会将回调函数推入任务队列中，然后等待下一次 tick 时执行。在更新循环中，Vue.js 会不断地检查任务队列，如果任务队列中有回调函数，就会立即执行它们。也就是说，当我们调用了某个方法去改变组件的状态时，如果立即访问 DOM，可能会得到的是更新前的结果。接下来，我将从原理和源码的角度来解析 nextTick() 方法。
2023-05-31 13:15:00
170
原创 Vue3和React的区别
Vue 3 和 React 的响应式系统都是通过虚拟 DOM 来实现的，不同之处在于 Vue 3 的响应式系统更加强大和灵活。Vue 3 和 React 的渲染方式也有所不同，Vue 3 使用模板来渲染组件，而 React 使用虚拟 DOM 来渲染组件。总的来说，Vue 3 和 React 都是优秀的前端框架，它们的原理和区别都值得我们深入学习和研究。虚拟 DOM：Vue 3 使用虚拟 DOM 作为中间层，将虚拟 DOM 和真实 DOM 进行比对，从而减少 DOM 操作。1、Vue 3 的原理。
2023-05-29 19:31:47
1365
1
原创 前端配置代理解决跨域问题的原理是什么？
例如，我们在本地开发环境中使用的端口号和服务器上的端口号不一致，就会引起跨域问题。而配置代理的解决方案，则是通过在客户端和服务器之间加上一个代理服务器，使得客户端向代理服务器发送请求，再由代理服务器向真正的服务器发送请求，并将结果返回给客户端。2.代理服务器收到请求后，将请求转发给真正的服务器，例如：http://www.example.com/api/getData。可以看到，代理服务器起到了一个“中间人”的作用，将客户端和服务器之间的请求进行了转发和处理，从而解决了跨域问题。
2023-05-29 19:27:02
1348
1
原创 keep-alive的实现原理
Vue2中的keep-alive功能是一项非常重要的功能，它可以帮助我们提高应用程序的性能，避免不必要的页面重渲染。在本文中，我们将分析Vue2中keep-alive功能的实现涉及的源码原理。
2023-04-03 11:12:37
342
1
原创 js实现模糊搜索下的文字高亮显示
因为项目需求写了一段模糊搜索文字高亮显示的功能，话不多说，直接甩代码：setSearchStyle() { if(this.searchValue.trim() !== '') { for(let i = 0; i < this.fileList.length; i++) { this.positions = []; let re = new RegExp(this.sea
2021-08-11 16:35:15
1077
1
原创 Vue项目中使用quill富文本编辑器
最近新起了一个项目,弃用之前的UE富文本编辑器,通过调研决定使用quill,一个很简单的小插件哈,以下是我的使用经验1. 安装npm install vue-quill-edito2. 引用注册//引用import 'quill/dist/quill.core.css';import 'quill/dist/quill.snow.css';import 'quill/dist/quill.bubble.css'import { quillEditor } from 'vue
2021-08-11 15:53:04
669
原创 D3.js实现双曲线示波器
先上效果图项目需要做一个显示不同波形的示波器，所以研究了一下D3，代码放一下，便于自己温习，有需要的可以自行学习。（欢迎指正）；项目环境为vue项目中在node环境下，使用d3实现this.padding = {top: -10, right: 10, bottom: 120, left: 40};//坐标data大致这个形式this.data[0].gainVal = [{"x":0,"y":439},{"x":1,"y":17},{"x":2,"y":799},{"x":3,"y":751}
2020-06-24 10:09:41
1396
3
原创 原生js解决dblclick双击和mousedown，mouseup鼠标按下抬起冲突问题
最近在开发项目中遇到这么一条需求，canvas画布上实现图形的拖拽以及双击结束多边形画图的功能。但是遇到了鼠标事件冲突的问题。参考网上demo最后确定的实现思路是，使用setTimeout方法。判断一下延迟250ms后是否鼠标按下了一次。若按下了一次，则是mousedown事件，大于1次则是dblclick事件。mousedown (event) { if (event.button === 0)//判断左右鼠标中键 0为左键 2为右键 {
2020-05-26 17:12:55
2492
原创 本地分支与线上代码发生冲突，导致不能应用最新储藏问题
使用git开分支是很多工作人员再工作中会遇到的问题。今天就遇到了 储藏的分支与线上代码发生冲突，导致拉取代码后，最新储藏不可应用的问题直接上图![在这里插入图片描述](https://img-blog.csdnimg.cn/20191014105010350.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10...
2019-10-14 10:52:42
314
原创 git克隆远程版本库的项目到本地指定文件夹
Git克隆远程版本库的项目到本地指定文件夹登录gitHub的官网，找到你要克隆的版本库地址（如下图所示），将版本库地址复制下来。命令行设置用户名和 e-mail地址。$ git config --global user.name "你的用户名" $ git config --global user.email "你的邮箱" 标记你的工作空间，即命令行输入项目需要导出到的...
2019-06-12 10:04:52
3371
原创 关于页面内所有form元素失效问题
@关于页面所有form元素失效问题图片如下居中的图片: 跑项目的时候遇到了这样一个问题，页面所有的form元素全部失效，输入框不可输入，下拉框不可下拉。查了很多原因。确定表单上层没有任何遮罩层遮挡。有大神提到微软的removechild的bug问题。查找全篇，确定自己没有用到removechild。最后……峰回路转，，，，，， 元凶出现“event.preventDefault();”，这句...
2019-06-11 16:47:16
518
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人