- 博客(31)
- 收藏
- 关注
RSS订阅原创 ONLYOFFICE8.1版本桌面编辑器测评
在当今数字化办公的时代，一款高效、易用且功能全面的办公软件是职场人士和教育领域的必备工具。随着开源软件的兴起和云技术的发展，OnlyOffice作为一款备受推崇的办公套件，正以其出色的兼容性、协作能力和高度定制化的特性，逐渐成为Microsoft Office和Google Docs的有力竞争者。最新发布的OnlyOffice 8.1桌面编辑器，在继承了以往版本优点的基础上，进一步优化了用户体验，引入了多项创新功能，旨在为用户提供更加流畅、高效的文档处理体验。
2024-06-26 14:10:37
1245
原创 SQL的多表联查
INNER JOIN：匹配两边的记录，无匹配则不显示。LEFT JOIN：以左表为主，左表所有记录均显示，右表无匹配则NULL。RIGHT JOIN：以右表为主，右表所有记录均显示，左表无匹配则NULL。FULL JOIN：展示两边所有记录，任一边无匹配则对应侧为NULL。
2024-05-24 17:54:29
727
原创 yarn的基本命令和用法
Yarn通过并行安装、离线模式、确定性安装以及更好的依赖解析算法，为开发者提供了更快、更稳定、更安全的包管理体验。它保留了npm的大部分功能，并在此基础上做了大量优化，下面我们就来详述Yarn的核心命令和实用技巧。📚。
2024-05-24 17:42:25
374
原创 npm的基本命令和用法
下载并安装适合你操作系统的版本。这两个命令分别显示Node.js和npm的当前版本。首先，确保你的系统中已安装了Node.js，因为npm随Node.js一同分发。字段允许你定义自定义脚本命令，这对于自动化构建、测试、启动服务器等任务非常有用。这个文件是项目的配置文件，记录了项目的名称、版本、依赖关系等重要信息。运行上述命令后，npm会引导你完成一系列问题的回答，最终生成。当你开始一个新的Node.js项目时，通常第一步是使用。如果你不想逐个回答，可以使用。文件夹，存放所有依赖包，并在。
2024-05-23 23:21:41
346
原创 Vue 2与Vue 3的区别
总之，Vue 3是在Vue 2成功的基础上的一次大胆进化，它不仅优化了现有的功能，还引入了许多创新特性，以适应现代Web开发的需求。Vue 3通过优化打包和代码分割，使得初始包的大小减少了约41%，初始化渲染速度快了55%，更新速度更是快了133%，同时内存使用减少了54%。等形式存在，而在Vue 3中，这些钩子函数被重构为更符合Composition API的设计理念，使用了新的命名约定，如。对象，提供了更全面的响应式系统，不仅能够代理整个对象，还能更高效地追踪数组和对象的变化，显著提升了性能和灵活性。
2024-05-22 23:47:22
1279
原创 计算属性和监听属性
计算属性侧重于简化模板表达式，提供基于其他数据属性的衍生数据，并且有自动缓存机制，适合于纯计算场景。监听属性则更适用于执行副作用操作，特别是需要在数据变化后执行一些非计算逻辑时，它是触发异步或高成本操作的理想选择。
2024-05-22 23:39:00
370
原创 深拷贝和浅拷贝
数据独立性：深拷贝创建了完全独立的数据副本，而浅拷贝的副本与原数据在深层次上仍然相互关联。性能消耗：由于深拷贝需要遍历整个对象结构，所以相对浅拷贝来说，它消耗更多的计算资源和时间。适用场景：当你需要完全隔离数据更改时，选择深拷贝；若只需快速复制顶层结构，且不关心内部对象的变化，则浅拷贝更合适。
2024-05-21 23:58:12
552
原创 keep-alive的使用
Vue中的组件是前端开发中的一个宝藏功能，它如同时光胶囊般保留组件的状态，让组件在切换时仿佛按下暂停键，再次回来时还能继续播放，极大地优化了用户体验和性能。🚀✨。
2024-05-21 23:47:08
511
原创 get 和 post 的区别？以及什么情况使用get|post
GET适用于简单、安全、幂等的读取操作，特别适合那些不希望用户看到参数或结果被缓存的场景。POST用于更复杂的操作，特别是涉及数据的修改、创建或包含大量/敏感数据的场景，它提供了更高的灵活性和安全性。
2024-05-20 10:29:04
900
原创 npm是什么 ？
npm是Node.js生态系统的基石，它不仅让你能够轻松安装和管理软件包（或称为“模块”），还提供了丰富的功能来增强你的开发流程。想象npm如同一个巨大的工具箱，里面装满了各种工具，从基础的螺丝刀到高级的电子测量仪器，应有尽有，只需一句命令就能为你所用。👩🔧🚀。
2024-05-17 23:23:17
770
原创 Git的常用命令以及使用
首先，你需要在GitHub或其他版本控制系统上找到你想要贡献的原始仓库。点击“Fork”按钮，就像在荒野中找到了一个完美的营地地点一样，这样就在你的账户下创建了一个该仓库的副本。恭喜，现在你有了自己的领地！接下来，你需要将这个派生的仓库克隆到你的电脑上，以便进行编辑。git remote add (将公司的库 和 自己派生的库都加入进来)如：公司库的名字是origin 自己库的名字anna。这就像用魔法把远程的仓库复制到了你的桌面上！分支的干净，并且方便管理你的改动。
2024-05-17 18:21:22
717
原创 v-if 和 v-show的区别是什么 ？
v-if是Vue提供的条件渲染指令，它根据表达式的真假来决定是否渲染模板或组件。这位智者深思熟虑，只在条件满足时才现身，颇有“运筹帷幄之中，决胜千里之外”的气度。🎯与深思熟虑的v-if不同，v-show更像一位行动派，它总是先渲染元素，然后通过修改CSS的display属性来控制元素的显示与隐藏，如同一位瞬间移动的忍者，虽然一直存在，但只在需要时现身。💨。
2024-05-17 10:40:11
875
原创 前置路由守卫和后置路由守卫
想象一下，你正准备进入一家需要门票的游乐园。守门人会先检查你是否有票，这就是前置路由守卫的工作——在路由被激活之前执行逻辑判断。👩⚖️。
2024-05-16 23:15:56
625
原创 Vuex状态管理
通过以上步骤，我们演示了如何在Vue应用中使用Vuex来管理购物车商品的数量，包括定义状态、getter、mutation和action，以及如何在组件中调用这些功能。这就是Vuex的基本使用流程，它帮助我们保持应用状态的一致性和可维护性。
2024-05-16 00:03:04
1040
原创 数据库事务的使用
说明：执行这条命令即开启事务，开启事务之后，自动提交将保持禁用状态，这时候我们可以对数据做一些增删改查的功能。如insert update delete。
2024-05-15 23:19:59
189
原创 前端怎么去做适配？
通过配置根元素字体大小和转换规则，可以精确控制元素在不同分辨率屏幕上的尺寸，大大简化了适配过程，让开发者可以专注于设计本身，而非繁琐的单位换算。），可以帮助自动调整根元素的字体大小，以此为基础，使用rem单位设置元素尺寸，从而实现不同屏幕尺寸下的完美适配。，如果根元素的字体大小是16px，那么这个元素的字体也是16px。这样设置的字体大小会随着用户的浏览器设置或媒体查询的变化而自动调整，提升阅读体验。布局，可以让父元素高度随子元素内容动态调整，确保内容不会溢出，也不会出现不必要的滚动条。
2024-05-14 17:46:26
742
2
原创 包管理工具yarn 和 npm的使用和区别
在解析依赖树和处理依赖安装顺序上有所不同，混用可能导致即使依赖版本看似相同，实际安装的依赖结构和版本组合也可能不同，影响应用的稳定性和一致性。团队成员间若使用不同工具，容易造成混淆和沟通成本增加，特别是在解决依赖相关问题时，难以确定问题根源是工具差异还是代码问题。可能是基于某个特定包管理器编写的，混用可能使得脚本执行逻辑出错，比如依赖的环境变量、路径处理等不一致。每个工具都有自己的缓存机制，混用可能导致缓存污染，使得某些包未能正确更新或安装，引起难以预料的错误。的普遍性和不断改进，专一才是王道。
2024-05-14 09:45:00
285
1
原创 mvvm的设计思想
视图模型一边理解模型的“语言”，将数据转换成视图能理解的形式；另一边，它还监听用户的每一个动作，通过命令(Command)处理这些交互，再反馈给模型。实现了数据的双向绑定，意味着视图（View）的变化会自动反映到模型（Model）中，当用户在界面上输入信息时，Vue会自动调用相应的事件处理器来更新关联的数据；关键在于，通过数据绑定，视图能自动反映出数据的变化，无需手动调整DOM。事件，一旦事件触发，就会执行一个更新函数，该函数会获取最新的输入值并设置到Vue实例的data属性中，从而完成数据的更新。
2024-05-13 21:22:53
305
原创 常见的HTTP 状态码有哪些 ？
Hey，各位编程大侠👋，今天咱们不谈风花雪月，而是要深挖那些藏在每一次网页跳转背后的秘密——HTTP状态码！你是否曾对着一串串数字发呆，不知它们暗含何意？🤔 别急，资深码农这就带你走进HTTP状态码的奇幻世界，让你成为状态码界的武林高手！每一种状态码都是网站与服务器间的密语，读懂它们，就能在排查问题时事半功倍，成为真正的网络侦探🕵️♂️。下次遇到网页加载异常，不妨先看看状态码，或许答案就藏在那里！—— 小心，前方有坑 Pitfall。🎉HTTP江湖秘籍：状态码大起底🔍。—— 跟我来迷宫探险 Maze。
2024-04-29 17:56:36
280
原创 WebSocket是什么 ？
想象一下，WebSocket先进行一次握手，然后就打开了魔法通道，信息双向流畅穿梭，不受HTTP请求头重脚轻的限制。这意味着，无论是股市行情更新Ticker TapeTicker Tape，还是你最爱的游戏角色实时对战，都流畅无阻，体验感MAX🚀！它是HTML5时代的一项革命性技术，直接在浏览器和服务器间搭建起一个持久的、全双工的通信通道桥梁🌉。简单来说，就是一个超级高效的“聊天室”，两边可以随时自由对话，无需等待！一旦握手🤝成功，后续数据交流就像是实时对讲机，即时发送即时收，嗖嗖的快如闪电⚡️！
2024-04-29 17:47:26
199
3
原创 什么时候使用created或者mounted
这个过程不需要直接操作DOM，只需设置好数据，Vue会自动更新视图。create（）方法是，模板渲染成html之前调用，通常用于初始化某些属性值，然后在渲染成视图，所有这个时候是拿不到html中的dom节点。DOM操作（使用mounted）: 如果获取到数据后，你需要根据数据动态调整DOM元素的样式或进行其他DOM操作，这时就应该在。mounted（ ）方法是，模板在渲染后html之后调用，通常是初始化页面完成后，对html中的dom节点进行操作。
2024-04-25 22:04:58
361
3
原创 数据库事务的管理
说明：执行这条命令即开启事务，开启事务之后，自动提交将保持禁用状态，这时候我们可以对数据做一些增删改查的功能。如insert update delete。
2024-04-25 13:10:07
220
原创 v-show 和 v-if的区别
v-if由false变为true时，会触发组件beforeCreate、create、beforeMount、mounted钩子，由true变为false的时候促发组件的beforeDestory、destoryed方法。v-if :切换有一个局部编译/卸载的过程，切换的过程中合适地销毁和重建内部的事件监听和子组件；v-show：是为改元素添加css-display:none,但是dom元素还在。**性能消耗：v-if有更高的切换消耗；v-show: 只是用于简单的css样式的切换。
2024-04-02 16:49:32
499
1
原创 nodemon的作用
当我们编写了node.js的项目，如果修改了项目的代码就需要在终端频繁的去执行node xxx.js，然而nodemen就很好的解决了这个问题，它会直接监听到项目的改变，并重新启动项目。不需要我们重复去执行 node xxx.js这个命令 (xxx是需要启动的文件名字)nodemon的作用。
2023-03-28 22:17:52
232
原创 对象的两种读取方式
优点：1.使用[]的方式取操作属性会更加灵活 2.可以动态的添加属性值。使用场景：在不需要使用特殊的属性名的时候采用.的方式来操作。语法：对象["属性名"] = 属性值。使用场景： 需要使用特殊的属性名，如数字等。缺点：通过这种方式读取的属性不可以是数字。语法：对象."属性名" = 属性值。
2023-03-28 17:37:01
156
原创 Invalid handler for event “click“: got undefined found in
事件“点击”的无效处理程序。
2023-03-22 15:31:29
2883
原创 解决less版本过高导致项目运行报错的问题
error:TypeError: this.getOptions is not a function 解决less版本过高导致的报错
2023-03-14 14:31:12
1381
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人