wiki►front end

vue 

1
2
3
4
5
6

node -v

npm -v  // 软件安装


html + css + javascript(数据交互)

vue/react - 用于构建用户界面的javascript库 - 封装html + css + javascript


s1: 发送请求获取数据
s2: 处理数据(过滤、整理格式等)
s3: 操作dom呈现页面 - vue/react - 是一个将数据渲染为html视图的开源javascript库且只关注视图
javascript直接操作dom - 浏览器不断重绘重排

Read More

wiki►front end

export default

使用export语句只能导出已经命名的变量、函数或类。而使用export default语句的默认导出则可以导出任意表达式，包括匿名函数。

一个模块只能有一个默认导出，因此export default在一个模块中只能使用一次。

Read More

config

spring security

https://spring.io/projects/spring-security#overview

https://docs.spring.io/spring-security/reference/index.html

Spring Security integrates with the Servlet Container by using a standard Servlet Filter. This means it works with any application that runs in a Servlet Container.

Spring Security, with first class support for securing both imperative and reactive applications, is a framework that provides authentication, authorization, and protection against common attacks.

Spring Security 的过滤器链的顺序非常重要，因为每个过滤器依赖于前面的过滤器执行特定的功能，才能实现整体的安全控制。

Read More

wiki►back _end

tomcat_NioEndpoint

NioEndpoint 是 Tomcat 中用于处理网络 I/O 的组件之一。在 Tomcat 中，NioEndpoint 是基于 NIO（New I/O）技术实现的一种端点（Endpoint），用于处理网络连接和数据传输。

NIO 是 Java 提供的一种非阻塞 I/O 模型，相比传统的阻塞 I/O 模型，NIO 具有更高的性能和并发处理能力。NioEndpoint 利用 NIO 技术实现了非阻塞的网络 I/O 操作，可以更高效地处理大量的并发连接和请求。

在 Tomcat 的架构中，NioEndpoint 负责接受客户端的连接请求，并在连接建立后处理数据的读取和写入操作。通过使用 NIO 技术，NioEndpoint 可以同时处理多个连接，而不会因为某个连接的阻塞而影响其他连接的处理。

总的来说，NioEndpoint 是 Tomcat 中用于处理网络 I/O 的组件，采用 NIO 技术实现非阻塞的网络通信，提高了 Tomcat 的性能和并发处理能力。

Read More

wiki►front end

export_default_组件选项

在组件选项对象中有一个data选项，该选项是一个函数，Vue在创建组件实例时会调用该函数。data()函数可以返回一个数据对象，应用程序实例本身会代理数据对象中的所有数据。

在创建的应用程序实例中，通过methods选项可以定义方法。应用程序实例本身也会代理methods选项中的所有方法，因此也可以像访问data数据那样来调用方法。

(每个应用程序实例在创建时都有一系列的初始化步骤。例如，创建数据绑定、编译模板、将实例挂载到DOM并在数据变化时触发DOM更新、销毁实例等。在这个过程中会运行一些叫作生命周期钩子的函数，通过这些钩子函数可以定义业务逻辑。beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed )( 在浏览器控制台中运行代码，页面渲染完成后，结果如图所示。在2秒后调用setTimeout()方法，修改text的内容，触发beforeUpdate和updated钩子函数，结果如图所示。)

创建应用程序实例后，需要通过插值进行数据绑定。数据绑定是Vue.js最核心的一个特性。建立数据绑定后，数据和视图会相互关联，当数据发生变化时，视图会自动进行更新。这样就无须手动获取DOM的值，使代码更加简洁，提高了开发效率。

指令是带有v-前缀的特殊属性。从写法上来说，指令的值限定为绑定表达式。指令用于在绑定表达式的值发生改变时，将这种数据的变化应用到DOM上。当数据变化时，指令会根据指定的操作对DOM进行修改，这样就不需要手动管理DOM的变化和状态，