- 博客(78)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue3是如何利用Proxy进行双向数据绑定的（二）？
在上一篇文章中，我们对Proxy有了一些认识后，似乎有些明白了Vue3为什么在实现响应式系统使用Proxy来代替了Object.defineProperty,下面我们来详细看下Proxy在功能、性能和开发体验上有哪些改进？
2025-03-18 15:59:31
856
原创 Office文档在线预览报错 An error occurred的解决方案
我之前是域名访问的，后来域名需要SSL认证就改成IP了。发现就访问不了，所以出现以上错误的可以按照以上方式排查。4.链接必须包含文件类型，比如 http://www.xx.com/aa/bb/文件名称.xlsx。5.检查文件链接路径是否正常访问：可以直接把文件路径在浏览器里打开，检查链接是否可以直接下载文件。1.文件路径需要编码：encodeURIComponent(文件链接)3.链接必须是公网(外网)可以访问的，不能是内网IP，不能是局域网ip。2.文件路径不能包含ip,必须是域名，否则识别不到。
2025-03-11 10:59:19
325
原创 Vue3是如何利用Proxy进行双向数据绑定的（一）？
在上一篇文章中，我们知道Vue2是利用Object.defineProperty()来实现响应式数据的。但是在Vue3中，用的是Proxy来代替Object.defineProperty。为什么要这样做呢？Object.defineProperty有什么缺陷吗？比如不能检测到对象属性的添加或删除，数组的索引修改和长度变化可能也监听不到。Proxy可以拦截更多的操作，比如对属性的添加、删除，甚至是数组的索引操作，这样响应式系统会更强大和灵活。让我们先来认识一下Proxy吧！
2025-03-11 10:21:46
920
原创 Mysql面试题（55道含答案）
一张表，里面有 ID 自增主键，当 insert 了 17 条记录之后，删除了第 15,16,17 条记录，再把 Mysql 重启，再 insert 一条记录，这条记录的 ID 是 18 还是 15 ？如果表的类型是 MyISAM，那么是 18因为 MyISAM 表会把自增主键的最大 ID 记录到数据文件里，重启 MySQL 自增主键的最大ID 也不会丢失。如果表的类型是 InnoDB，那么是 15，InnoDB 表只是把自增主键的最大 ID 记录到内存中，所以重启数据库或者是对表进行OPTIMIZE 操
2025-02-25 16:32:25
905
原创 Mysql性能优化的21个最佳实践
今天，数据库的操作越来越成为整个应用的性能瓶颈了，这点对于 Web 应用尤其明显。关于数据库的性能，这并不只是 DBA 才需要担心的事，而这更是我们程序员需要去关注的事情。当我们去设计数据库表结构，对操作数据库时(尤其是查表时的 SQL 语句)，我们都需要注意数据操作的性能。这里，我们不会讲过多的 SQL 语句的优化，而只是针对 MySQL 这一 Web 应用最多的数据库。希望下面的这些优化技巧对你有用。
2025-02-24 17:03:47
1241
原创 Vue2是如何利用Object.defineProperty实现数据的双向绑定？
我们之前说道过Object.property()方法有一关键特性，就是数据劫持，通过get/set 拦截属性的读取和修改操作。Vue主要是通过数据劫持结合发布-订阅模式来实现的，利用Object.defineProperty来劫持各个属性的setter和getter，在数据变动时发布消息给订阅者，触发相应的监听回调。
2025-02-21 16:36:46
1150
原创 vue2.0+vue3.0一学就会全套教程【Object.defineProperty讲解】
说道Object.defineProperty，它是Vue2.0 实现数据响应式的核心，Object.defineProperty 是 JavaScript 中用于定义或修改对象属性的核心方法，尤其在 Vue2 中被广泛用于实现响应式数据系统。它的核心用法是通过 数据描述符 和 访问器描述符 来定义属性。我们先来看看Object.defineProperty的基本用法，了解下它到底有什么神奇之处吧！
2025-02-21 11:21:54
136
原创 DeepSeek 从入门到精通：用 AI 工具提升工作效率，这篇就够了！
在人工智能技术飞速发展的今天，如何利用 AI 工具提升工作效率成为了职场人士的必修课。DeepSeek 作为一款功能强大的 AI 工具，能够帮助我们高效完成各种任务。本文将带你从零开始学习 DeepSeek，掌握其核心功能和使用技巧，助你轻松玩转 AI，工作效率倍增！
2025-02-18 17:22:29
958
原创 vue2.0+vue3.0一学就会全套教程【Element Plus UI组件库】
Element Plus是基于Vue3.0 实现的一套不依赖业务的UI组件库，提供了丰富的PC端组件，比如一个form表单，一个button按钮，一个table表格，一个弹窗提醒等等，有了这些现成带有好看样式的组件，我们开发一个系统软件就太容易了。
2025-02-14 16:23:16
1151
原创 vue2.0+vue3.0一学就会全套教程【Axios详解】
这不是一种新技术，本质上还是对原生XMLHttpRequest的封装，可用于浏览器和nodejs的HTTP客户端，只不过它是基于Promise的，符合最新的ES规范。
2025-02-12 16:58:45
1023
原创 vue3组件通信的方式有哪些？高频面试题
组件是Vue最强大的功能之一，vue中的每一个`.vue`文件都可以视之为一个组件。在古代，人们通过驿站、飞鸽传书、烽火报警、符号、语言、眼神、触碰等方式进行信息传递，到了今天，随着科技水平的飞速发展，通信基本完全利用有线或无线电完成，相继出现了有线电话、固定电话、无线电话、手机、互联网甚至视频电话等各种通信方式。 从上面这段话，我们可以看到通信的本质是信息同步，共享回到vue中，每个组件之间的都有独自的作用域，组件间的数据是无法共享的但实际开发工作中我们常常需要让组件之间共享数据
2025-02-11 15:06:57
863
原创 vue2.0+vue3.0一学就会全套教程【pinia状态管理器】
pinia发音接近西班牙语的pineapple，即“菠萝”， 菠萝花实际上是一组各自独立的花朵，它们结合在一起，由此形成一个多重的水果。与 Store 类似，每一个都是独立诞生的，但最终它们都是相互联系的。它(菠萝)也是一种原产于南美洲的美味热带水果。所以我们在看pinia开发手册时，官网给的一个很可爱的菠萝图标。pinia是一款与菠萝花一样寓意的Vue.js状态管理库，允许我们夸组件或者页面共享状态，比如用户登录信息、当前的登录状态等数据，不仅如此，pinia可以将状态进行集中的模块化管理，
2025-02-08 15:06:30
595
原创 vue2.0+vue3.0一学就会全套教程【router路由】
在router文件夹下的index.ts中使用createRouter方法创建一个路由器router,router中指定了两个内容，一个是路由的工作模式，一个是路由数组。一种是history模式，另外一种是hash模式。在实际的项目应用中，嵌套路由通常有多层嵌套的组件组合而成，例如，在home页面中，希望通过路径/home/message和/home/news访问一些内容，这就需要用到嵌套路由。安装路由有两个方法：一种是在创建项目时，选中安装路由，生成项目的配置选择时，选择安装Vue router。
2025-02-07 16:54:53
1075
原创 vue2.0+vue3.0一学就会全套教程【vue3.0核心语法】
vue3.0在2020年9月18日，发布了正式版本。较vue2.0有着很大的变化。比如在性能方面有了显著的提升，官方文档中介绍的打包大小减少了41%，初次渲染快55%，更新渲染快133%，内存减少54%。比如Vue3.0对源码也做了升级，使用,同时vue3.0可以更好的支持Typescript。在实际开发中，用好vue3.0,掌握Vue3.0核心语法尤为重要。让我们一起来看看吧！
2025-02-07 10:05:57
997
原创 开工了，搬砖了！
其实吧，年过得怎么样重要的是，一家人团团圆圆，和和气气，不内耗，重要的是过一个精神轻松的假期，在搬砖之余有许多有意义的事情值得我们用生命和时间去体验。没有什么事情的开始是没有困难的，我们要做的是用一个积极的心态去!个个解决，这个过程很重要。武汉的梅花开了，先搬几天砖，带上家人去赏花吧！
2025-02-05 14:30:51
250
原创 vue2.0+vue3.0一学就会全套教程【vue3.0项目的创建】
2020年9月18日，发布了Vue3.0的正式版本。相较于Vue2有很大的区别，而且现在工作上基本上都已经是用vue3了，接下来让我们一起来体验一下vue3带给我们不一样的神奇体验吧
2025-01-25 17:17:09
793
原创 linux 管道符、重定向与环境变量
输入重定向就是把文件导入到命令中，而输出重定向则是指把原本输出到屏幕的数据信息写入到指定文件中。在日常工作中，相较于输入重定向，输出重定向的频率更高，所以又将输出重定向分为了标准输出重定向和错误输出重定向两种不同的技术，以及清空写入与追加写入两种模式。
2025-01-24 15:11:16
1246
原创 linux工作必须掌握的命令
linux系统与window系统最大的区别就是就是图形化界面，linux中很多图形化工具其实就是调用了脚本来完成相应的工作，往往只是为了完成某种工作而设计的，缺乏Linux命令原有的灵活性及可控性。再者图形化的工具相较于Linux命令行界面会更加消耗系统资源，因此很多时候都不会给Linux安装图形界面，需要开始运维工作时直接通过命令模式远程连接过去,Shell就是这样一个命令行工具。Shell（也称终端或壳）充当的是人与内核（硬件）之间的翻译官，用户把一些命令告诉终端，它就会调用相应的程序服务去完成某些工作
2025-01-23 14:28:22
877
原创 vue2.0+vue3.0一学就会全套教程【Render函数】
在Vue2中，使用了Virtual Dom（虚拟DOM）来更新DOM节点，提升渲染性能。虽然在之前的介绍中，我们的组件模版都是写在template选项里，但是在Vue编译时，都会解析为Virtual Dom.我们就来Vue.js是如何通过Render函数实现的Virtual Dom.
2025-01-13 15:13:32
926
原创 vue2.0+vue3.0一学就会全套教程【组件高级用法】
哈喽，大家好，我是鑫阳！我们之前聊到了组件的注册与通信，这篇来聊聊组件的一些高级用法，这些用法在实际业务中不是很常用，但是在开发独立组件时可能会用到的。
2025-01-08 17:44:54
918
原创 vue2.0+vue3.0一学就会全套教程【slot插槽的用法】
我们逛网站时，点击网站的导航可以呈现不同的内容区域，这个时候可能需要让组件组合使用，父组件的内容需要呈现在子组件模版时，就会用到slot,这个过程叫做内容分发（transclusion），文章详细讲解slot插槽的作用域、slot用法、作用域插槽等
2025-01-08 11:49:25
870
原创 vue2.0+vue3.0一学就会全套教程【组件注册与组件通信】
组件（Component）是Vue.js最核心的功能，文章主要讲解组件如何注册使用，包括全局注册、局部注册、父子组件之间的如何进行通信传递数据的，非父子组件之间如何通信等等。
2025-01-07 15:52:05
868
原创 vue2.0+vue3.0一学就会全套教程【表单与model】
刚刚过完元旦，又是一个周五，您是在看博客还是坐等下班呢？哈喽，大家好，我是鑫阳。我们在前端开发中，表单类控件承载了一个网页数据的录入和交互，前面已经了解到了Vue数据的双向绑定，认识了vue指令 v-model,那我们就详细聊聊如何使用v-model完成表单的数据双向绑定吧！
2025-01-03 17:39:59
773
原创 vue2.0+vue3.0一学就会全套教程【淘宝购物车实战】
看到这个图，是不是有那么点熟悉的感觉，没错，就是参照淘宝购物车做的。以上展示的是一个已经加入淘宝购物车的商品列表，包含了商品名称、商品描述、商品规格、商品单价，购买数量和操作等信息，还需要实时显示购买的总价，其中购买数量可以增加或者减少，每类商品还可以从购物车里删除，在商品的左边有多选框供我们选择要进行结算的商品。我们需要的数据很简单，只有一个列表，里面包含了商品描述、单价、购买数量，在实际开发中，这个数据应该是通过ajax从服务端获取的，这里我们就直接自己模拟点数据吧，所以直接写在data选项内。
2025-01-03 15:41:53
1083
原创 vue2.0+vue3.0一学就会全套教程【Vue内置指令】
大家好，我是鑫阳。在前面的文章我们已经接触了不少Vue指令，比如:v-html、v-pre、v-bind、v-on等等，在实际开发过程中，还会用到其他的一些指令，让我们一起来看看吧！
2025-01-02 14:22:23
839
原创 vue2.0+vue3.0一学就会全套教程【v-bind及class与style绑定】
今天，2025月1月1日 元旦，2024年与2025之间，其实就是隔着秒钟滴答的停顿而已。我们总会不由自主地在想象中为一些特殊的日期赋予魔力，期待他们能在瞬间将生活点金成石，却不知，任何力量都不能突破量变到质变的规律，科技不能，网络不能，时间更不能。把握未来就在此时此刻，这个世界永远尊重脚踏实地的践行者哈喽，大家好，我是鑫~阳，祝大家元旦快乐！2025我们一起披荆斩棘，遇见一个更优秀的自己！在。
2024-12-31 21:20:49
1298
原创 vue2.0+vue3.0一学就会全套教程【计算属性】
计算属性不仅能进行上面的动态改变一些文本插值，还可以动态的设置元素的样式名称class ，而在在使用组件开发时，计算属性也经常用来动态的传递props，计算属性和methods的使用取决于在实际开发中是否需要缓存，在做大数组遍历和计算时应使用计算属性缓存来提高性能
2024-12-31 11:49:41
776
原创 vue2.0+vue3.0一学就会全套教程【数据绑定】
Hello,word!2024年最后一天了，每到这个时候，心里总有许多遗憾和惋惜，遗憾的是很多事还没来得及做，惋惜时间过得太快，或许这就是成年人的感觉吧。O(∩_∩)O哈哈~，感叹一下，您好，世界！让我们一起拥抱未来吧。
2024-12-31 08:57:04
983
原创 vue2.0+vue3.0一学就会全套教程【初识vue】
大家好，我是鑫阳。欢迎大家持续关注【vue2.0+vue3.0入门到实战】系列文章，后面会持续更新的。看到官方介绍的vue.js是渐进式的，数据双向绑定的框架，刚开始不是很理解，又是什么前端技术,又要跟着学习啦，没办法，技术总是为了让开发变的越来越简单吧。
2024-12-30 10:37:26
1070
原创 快速建站（更改模版） 详细步骤二
我们常常看到企业官网，个人博客每个页面的头部和尾部样式和内容是一样的，每一篇文章除了文章内容不一样其他基本都是一样，这就是因为网站的页面是基于模版而生的。为什么要有模版呢？一致的网站结构和样式：网站所有的页面都使用了相同的头部、尾部模版、内容页模版，每个页面就有了除了内容不一样，有了相同的结构和css样式便于网页修改和维护：网站的页面非常多，如果我们要修改网站的某一个地方，不用一个页面一个页面的去修改，只需要修改模版对应的地方，在网站后台更新模版对应的栏目，就可以了。
2024-12-30 08:55:18
661
原创 如何编写一份通俗易懂的技术文档？
在学习一个新的技术或者框架的时候我经常喜欢百度一下，正所谓凡事问度娘嘛，第一个是觉得看技术问题有点麻烦，在一大推目录当中去找自己想要的答案耗时间，有的还是英文看的云里雾里，第二个是觉得技术问题枯燥无味难以理解，有没有相同感受的想伙伴呢？在这里，我认为一份好的技术文档在于，将自己对技术的理解用口语化，生活化的方式表达出来，技术的发明来源于生活的，说到什么是 for循环，我们想到了每天定时定点循环的公交车，说到数据库，我们想到了工业园的仓库，想到了常常办公用到的excel等等。
2024-12-24 15:56:27
246
原创 快速建站（网站如何在自己的电脑里跑起来） 详细步骤 一
打开xampp控制面板，点击Apache和MySQL对应的start启动按钮，会看到对应的进程PID，和端口Port 就代表本地环境已经启动了，在浏览器中输入http://localhost/PbootCMS/,就可以看到Pbootcms网站已经可以打开了。Joomla：另一个流行的开源CMS，提供了丰富的功能和灵活性，适合构建各种类型的网站，包括企业网站、电子商务网站、社交网络等。PrestaShop：易于使用的开源电子商务平台，提供了丰富的功能和灵活的定制选项，适合小型和中型企业。
2024-12-24 10:27:13
845
原创 html + css 淘宝网实战
之前有小伙伴说，淘宝那么牛逼你会写代码，能帮我做一个一样的淘宝网站吗，好呀，看我接下来如何给你做一个淘宝首页。hahh,开个玩笑。。。学习而已。在进行html + css编写之前 先了解下网页的组成和网页元素的尺寸吧。
2024-12-24 09:27:31
3434
原创 css常用属性有哪些
在上篇文章我们知道了利用css选择器来对HTML进行简单装饰，**就像做word文档一样，需要对哪一段落修改格式，就需要先选中，css选择器就是这意思。**这格式如何修改，怎么放大字体，怎么加粗，怎么修改背景色等等，就需要知道我们继续熟悉css有哪些常用的属性了。
2024-12-17 17:17:34
1092
原创 html标签属性是什么
html 属性是HTML元素提供的附加信息。就跟人一样 有姓名、性别、年龄一样。人可以自己取一个昵称，标签属性也一样，可以给标签添加自定义属性。
2024-12-16 17:41:44
588
原创 html基础-认识html
html是浏览器可以识别的的标记语言，我们在浏览器浏览的网页就是一个个的html文档，html是有html标签（元素）组成的，有时候叫html标签，有时候叫html元素，都一个意思。例如上面的``标签 代表标题 ``标签代表段落
2024-12-16 14:39:57
732
原创 如何理解html+css
上篇文章中，说道不会写代码能拥有自己的网站吗？答案当然是可以的。不过这就和住毛坯房的感觉是一样的，我要改一下房子的结构，要装修一下让房子变得更符合自己的气质就又不会了。所以呢了解下 前端html + css是很有必要的。
2024-12-13 17:15:00
194
原创 想要拥有自己的个人网站，不会写代码怎么办？
想要拥有自己的个人网站，不会写代码怎么办？即使不会写代码也完全可能拥有自己的网站,现在网上很多开源系统如WordPress、织梦系统这些平台就像快速安装一个软件一样让你快速拥有一个网站。
2024-12-13 16:05:20
352
原创 wdcp 安装多版本php，在站点中如何使用指定的php版本？
wdcp默认的php版本比较低，目前很多程序需要高版本的运行环境了。在wdcp站点中想要指定不同的php版本，看看这里，三个步骤就能帮您快速解决建站难题。
2024-12-12 17:39:38
579
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人