- 博客(188)
- 收藏
- 关注
RSS订阅
原创 vue学习笔记（超详细）
文章目录一. Vue基础认识Vue.jsVue安装方式Vue的MVVM二. Vue基础语法生命周期模板语法创建Vue, options可以放什么语法综合v-onv-for遍历数组v-model表单绑定v-model结合radio类型使用v-model结合checkbox类型使用v-model结合select类型使用值绑定修饰符检测数组更新计算属性 computed计算属性setter和gettercomputed / methods区别fulters过滤器三. 组件化开发组件的基本介绍注册组件的基本步骤全局
2020-12-18 16:38:35
45225
14
原创 Java校招面试题复习
JAVA 基础知识点（一）什么是J2EE？JVM？JRE？JDK？（1）J2EE：是为开发企业环境下的应用程序提供的一套解决方案，该技术体系中包含的技术如Servlet、Jsp等，主要针对Web应用程序开发。（2）JVM：JVM是java虚拟机(JVM Java Virtual Machine)，java程序需要运行在虚拟机上，不同平台有自己的虚拟机，因此java语言可以跨平台。（3）JR...
2019-09-14 16:46:49
11942
4
原创 Vue中的diff算法
算法在很多场景下都有应用，在Vue中，作用于虚拟dom渲染成真实dom的新旧VNode节点比较。关于这个静态标记，其作用是为了会发生变化的地方添加一个。算法是一种通过同层的树节点进行比较的高效算法。标记，下次发生变化的时候直接找该地方进行比较。过程中则不会比较，把性能进一步提高。整体策略为：深度优先，同层比较。下图这里，已经标记静态节点的。子节点不完全一致，则调用。打补丁，更新相应的视图。
2024-07-22 17:31:42
1176
原创 从0开始搭建Spring-Cloud若依项目开发环境
下载地址：https://dev.mysql.com/downloads/mysql/2.以管理员身份打开cmd，进入 MySQL安装目录中的bin，输入。首先在data中找到一个.err文件，里面有初始密码。MySQL文件目录下新建一个配置文件my.ini。如果没有出错会自动生成data文件。这里我使用的是 5.7.44版本。输入旧密码和新密码即可。1.安装mysqld。
2024-07-04 18:09:42
531
原创 AntV学习笔记
G6 是一个简单、易用、完备的图可视化引擎，它在高定制能力的基础上，提供了一系列设计优雅、便于使用的图可视化解决方案。能帮助开发者搭建属于自己的图可视化、图分析、或图编辑器应用。
2024-07-03 16:46:40
262
原创 安装并配置Nginx
如果你不想停止正在使用80端口的进程，或者那个进程是你需要的，你可以考虑配置Nginx监听其他端口。如果找到占用80端口的进程，并且你确定可以安全地停止它（例如，如果它是一个你不再需要的web服务器或测试服务器），你可以使用。注意：如果你更改了Nginx监听的端口，你也需要确保你的防火墙设置允许新的端口，并且你的客户端知道应该连接到哪个端口。如果你是在远程访问，确保服务器的防火墙设置允许对 80 端口的访问，并使用服务器的公网 IP 地址或域名来访问。如果配置文件中有错误，这个命令会输出具体的错误位置。
2024-06-26 16:02:50
1052
原创 PHP安装配置
它可以运行在几乎所有广泛使用的计算机平台上，由于其跨平台和安全性被广泛使用，是最流行的Web服务器端软件之一。PHP是在服务器端执行的脚本语言，与C语言类似，是常用的网站编程语言。PHP独特的语法混合了C、Java、Perl以及 PHP 自创的语法。打开“系统属性”窗口（右键点击“此电脑”或“计算机” -> 属性 -> 高级系统设置 -> 环境变量）在“变量值”中添加PHP的安装目录和ext目录的路径，例如C:\php74;在“系统变量”中找到“Path”变量，点击“编辑”点击“确定”保存更改。
2024-06-17 11:22:05
390
原创 安装前端依赖node-sass报错
这个错误是由于在较新版本的 Python 中（从 Python 3 开始），print 函数的使用需要括号，但是 node-gyp 试图执行的 Python 代码是为 Python 2 编写的，其中 print 是一个语句而不是一个函数，因此不需要括号。安装Python后，确保将Python的安装目录添加到你的系统PATH环境变量中。在你的错误信息中，node-gyp 试图使用 Python 3.12 来运行一段为 Python 2 设计的代码，这导致了 SyntaxError。
2024-06-14 18:02:10
1264
原创 Centos上部署Node服务和MongoDB
浏览器会自动检查某个AJAX请求是否跨源，如果是，则浏览器会首先使用OPTIONS方法发起一个预检请求（preflight request）到服务器，以获知服务器是否允许该跨源请求。但请注意，手动设置CORS响应头可能会更加繁琐，并且难以维护，特别是当你的API有很多端点时。如果你需要以守护进程的方式运行Node.js应用程序，可以使用如pm2这样的进程管理器。代码，启动后，在Chrome浏览器点开F12，会发现多了一个绿色的按钮。方式二：如果不打算在启动项目时就启动调试工具的话，还可以在。
2024-06-13 11:21:53
1395
原创 MongoDB学习笔记
MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。特别适合存储大量的无结构无规则的数据单表实现存储PB级别的数据，但读写效率仍然不输MySQL不支持SQL、不支持连表查询、不支持事务不支持高度优化的查询方式。
2024-05-29 16:05:22
1148
原创 Vue如何引入公用方法
是一种分发Vue组件中可复用功能的非常灵活的方式。当组件使用mixin对象时，所有mixin对象的选项将被“混合”进入该组件本身的选项。如果你的公用方法非常通用，并且你想在多个项目中重复使用，你可以考虑将它们打包成Vue插件。Vue插件的范围没有严格的限制——具有一对公开方法。上可能会导致在大型项目中难以追踪方法的来源。因此，这种方法在小型或中型项目中可能更为适用。文件中引入并注册你的公用方法，使得它们可以在整个Vue应用中使用。如果你只需要在特定的组件中使用公用方法，你可以直接在组件的。
2024-05-10 15:13:27
680
1
原创 axios-mock-adapter使用
使用 mock 实例的onGetonPostonPutonDeleteusers: [});// 你可以访问请求的 config 对象，包括请求头和请求体// 返回状态码和响应数据});建议使用单独一个mock文件夹，导入的形式来引入// mock.js"msg": "操作成功",});
2024-04-08 15:37:54
732
原创 Vue-Router学习笔记
在vue-router的单页面应用中, 页面的路径的改变就是组件的切换.Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。嵌套路由映射动态路由选择模块化、基于组件的路由配置路由参数、查询、通配符展示由 Vue.js 的过渡系统提供的过渡效果细致的导航控制自动激活 CSS 类的链接HTML5history模式或hash模式可定制的滚动行为URL 的正确编码当定义像:userId。
2024-03-12 15:33:29
1059
原创 nextTick原理
这种机制的好处是，它允许开发者在数据变化后，但在DOM更新前，进行一些必要的操作或逻辑处理。时，Vue会将传入的回调函数添加到一个队列中。然后，在下一个事件循环中，Vue会检查这个队列，并依次执行其中的回调函数。在 Vue.js 中用于在 DOM 更新后延迟执行某些操作。，从而提供了一种灵活且可靠的方式来处理与DOM相关的异步操作。都会确保你的回调函数在 DOM 更新后执行。的实现会根据不同的环境选择使用不同的方法，包括。是 Vue.js 中的一个重要方法，用于。，并在其回调函数中获取更新后的 DOM。
2024-03-08 16:48:44
878
原创 WebNN学习
WebNN（Web Neural Network）是一个由W3C发布的JavaScript API，旨在允许通过浏览器进行神经网络推理的硬件加速。这个API提供了一个与硬件无关的抽象层，利用操作系统和底层硬件平台的机器学习功能，而无需绑定到特定于平台的功能。这个抽象层解决了关键机器学习JavaScript框架的需求，并允许熟悉ML领域的web开发人员在没有库帮助的情况下编写自定义代码。
2024-03-02 23:51:49
1352
原创 WASM学习
WASM（WebAssembly）是一种为浏览器设计的二进制指令格式，它使得开发者能够以一种安全、快速和跨平台的方式在Web上运行高性能代码。WASM 是一种编译目标，类似于机器码，但它是为Web设计的，旨在解决C、C++、Rust等编程语言在Web上运行的问题。
2024-03-02 23:41:40
1369
原创 web漏洞与规避
它通常出现在网站搜索、用户登录注册等交互处，通过构造特定的参数值，嵌入到URL中，当其他用户访问该URL时，就会触发XSS漏洞，服务器端将恶意脚本解析后返回给用户的浏览器执行。
2024-03-02 23:26:30
926
原创 Vue组件通信的方式
实例作为事件总线，在组件之间通过这个实例来触发和监听事件。方法在子组件中触发一个事件，然后在父组件中监听这个事件。在 Vue 2 中，子组件可以直接使用props获取。使用事件总线（Event Bus）：创建一个全局的。是Vue的状态管理库，用于在多个组件之间共享状态。属性将数据从父组件传递给子组件。在 Vue 3 中，你可以使用。来定义组件的 props。选项提供数据，子组件通过。选项来注入这些数据。
2024-02-06 17:30:13
601
原创 Pinia学习笔记
Store 是使用// useStore 可以是 useUser、useCart 之类的任何东西// 第一个参数是应用程序中 store 的唯一 id})这个name，也称为id，是必要的，Pinia使用它来将store连接到devtools。将返回的函数命名为use...是跨可组合项的约定，以使其符合你的使用习惯。
2024-02-06 10:57:11
508
原创 Vue 响应式原理源码剖析
a.data中的一个属性对应一个dep, 一个dep中可能包含多个watcher(模板中有几个表达式使用到了同一个属性)b. 模板中一个非事件表达式对应一个watcher, 一个watcher中可能包含多个dep(表达式是多层: a.b)c. 数据绑定使用到 2 个核心技术消息订阅与发布。
2024-01-26 14:11:58
1109
原创 Vue 生命周期
Vue2.0的生命周期钩子一共有10个分别简单介绍如下：在Vue中，请求接口通常放在或生命周期钩子函数中。钩子函数在实例创建之后、挂载之前被调用，此时还没有挂载到DOM上，适合做一些不依赖于DOM的操作，比如数据请求。钩子函数在实例挂载到DOM上之后被调用，此时已经完成了DOM的渲染，适合做一些依赖于DOM的操作，比如初始化组件内的某些DOM元素。根据具体情况，你可以选择在或钩子函数中发起数据请求。我们创建了一个 app 的Vue根实例，将其挂载到页面 id 为 app 的 Dom 元素上。然后局部注册了
2024-01-24 14:09:02
1709
原创 Virtual DOM + Diff
从另一个角度看，虚拟 DOM 为我们提供了函数式的编程方式，使代码可读性和可维护性更高。符合React的核心思想。通过虚拟DOM，渲染到DOM（web）之外的平台。比如ReactNative，Weex。打补丁需要传入两个参数，一个是要打补丁的元素，另一个就是所要打的补丁。每个元素都有一个补丁，所以需要创建一个放当前补丁的数组。那一定要清楚其存在的意义，给定任意两棵树，采用。的区别，也就是在比较两个对象的区别。节点，避免不必要的性能开销。的算法找到最少的转换步骤。
2024-01-19 15:47:13
891
原创 Vue3的v-if 和v-for优先级
来过滤和返回你想要在页面上渲染的列表。计算属性可以根据条件动态计算并返回一个新的数组，这样可以避免在每次渲染时遍历整个列表。，会导致性能问题，因为每次渲染时都会对整个列表进行遍历。下面是一个示例代码，展示如何使用计算属性来替代在。是用于条件渲染的指令。是用于循环渲染列表的指令，而。当两者一起使用时还是会有报错。一个更好的做法是使用。
2023-12-26 17:44:49
1071
原创 前端路由模式
在 history 下，你可以自由的修改 path，但刷新页面时，如果服务器中没有相应的响应或者资源，则会出现404页面，因为刷新页面会发送 http 请求。也就是说，使用 history 路由模式，需要通过服务端来允许地址可访问，后端也必须配置了当前资源路径地址才行。hash 模式不会向后端发送 http 请求，所有的 hash 值操作都与后端无关。即，在同一文档的两个历史记录条目之间导航会触发该事件。的简写模式，是 History 构造函数的实例化对象。拼接在真实 url 后面的模式，通过。
2023-12-20 10:35:20
1245
原创 Vue中$props、$attrs和$listeners的使用详解
多根节点的组件并没有自动“透传属性和事件”的行为，由于Vue不确定要将“透传属性和事件”透传到哪里，所以我们需要。是从父组件传过来的，且儿子组件未通过props接收的数据，例如zoo。在孙子组件中一定要使用props接收从父组件传递过来的数据。3.孙子组件（GrandChild.vue）来访问一个组件的“透传属性和事件”2.儿子组件（Child.vue）在选项式 API 中，我们可通过。，这样孙子组件才能接收到数据。在儿子组件中给孙子组件添加。来访问“透传属性和事件”在组合式 API 中的。
2023-12-12 09:45:45
398
原创 小程序面试题
等平台访问，但与普通web开发不同，小程序运行环境并不是浏览器，而是依附于各自的软件App，如微信小程序必须在微信中访问，支付宝小程序必须在支付宝中访问等，小程序的开发流程也有所不同，需要经过申请小程序帐号、安装小程序开发者工具、配置项目、开发、调试、上线发布等过程方可完成。当小程序发布新的版本后，用户如果之前访问过该小程序，通过已打开的小程序进入（未手动删除），则会弹出提示，提醒用户更新新的版本。文件，是小程序的脚本代码。文件，这个是全局的样式，所有的页面都会调用到，每个项目目录下面的。
2023-08-02 14:30:43
1174
原创 cesium学习文档
是一种对各种地理数据结构进行编码的格式，基于Javascript对象表示法。首先要在cesiumion里去申请城市模型id。注意：静态文件需要放在public中。文件是谷歌公司创建的一种地标性文件。
2023-07-11 14:56:35
7017
原创 计算机网络
传输层的作用是为上层协议提供端到端的可靠和透明的数据传输服务，包括处理差错控制和流量控制等问题。该层向高层屏蔽了下层数据通信的细节，使高层用户看到的只是在两个传输实体间的一条主机到主机的、可由用户控制和设定的、可靠的数据通路。表示层提供各种用于应用层数据的编码和转换功能,确保一个系统的应用层发送的数据能被另一个系统的应用层识别。1.快速排序思路：选择数组中的一个值作为基准，将数组中小于该值的数置于该数之前，大于该值的数置于该数之后，接着对该数前后的两个数组进行重复操作直至排序完成。就是通常说的IP层。
2022-11-23 09:52:08
109
原创 Vite 学习笔记
Vite官网在浏览器支持 ES 模块之前，JavaScript并没有提供原生机制让开发者以模块化的方式进行开发。这也正是我们对 “打包” 这个概念熟悉的原因：使用工具抓取、处理并将我们的源码模块串联成可以在浏览器中运行的文件。Vite 旨在利用生态系统中的新进展解决上述问题：浏览器开始原生支持 ES 模块，且越来越多 JavaScript 工具使用编译型语言编写。
2022-11-08 15:09:38
262
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人