- 博客(61)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 【Mockjs】基本使用
Mock.js 是一款前端开发中拦截Ajax请求再生成随机数据响应的工具.可以用来模拟服务器响应. 优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型.
2025-12-05 15:33:31
735
原创 【vuex】
对于组件化开发来说，大型应用的状态往往跨越多个组件。在多层嵌套的父子组件之间传递状态已经十分麻烦，而Vue更是没有为兄弟组件提供直接共享数据的办法。基于这个问题，许多框架提供了解决方案——使用全局的状态管理器，将所有分散的共享数据交由状态管理器保管，Vue提供了一个专为 Vue.js 应用程序开发的状态管理库Vuex ，采用集中式存储管理应用的所有组件的状态。简单的说，Vuex用于管理分散在Vue各个组件中的数据。提示：以下是本篇文章正文内容，下面案例可供参考。
2025-12-05 14:19:33
731
原创 Axios使用教程(一）
在实际项目开发中，前端页面所需要的数据往往需要从服务器端获取，这必然涉及与服务器的通信。Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。Axios 在浏览器端使用XMLHttpRequests发送网络请求，并能自动完成JSON数据的转换。
2025-11-24 10:49:23
1115
原创 【vue】打印pdf组件
如果只想简单在页面中嵌套 PDF，使用 iframe / object / embed 是最好的选择，它不需要你自己去编写翻页组件、不需要去调整样式，用户体验佳。如果对权限控制、样式定制需求较高，使用 vue-pdf 是最好的选择，接口和属性较全，扩展能力强，自由度高。如果对样式没有定制化的需求，使用 vueshowpdf 也是非常不错，弹窗式的 UI 看起来会更加高大上。//分页--------------//src pdf路径地址。
2025-11-21 15:31:06
922
原创 swagger
Swagger是一个规范和完整的框架，用于生成、描述、调用和可视化RESTful风格的Web服务，是非常流行的API表达工具。能够自动生成完善的RESTfulAPI文档，，同时并根据后台代码的修改同步更新，同时提供完整的测试页面来调试API。
2025-11-18 11:00:03
363
原创 SpringBoot热部署
本文介绍了Spring Boot开发环境中实现热部署的方法。首先需要在pom.xml中添加spring-boot-devtools依赖，并设置optional=true防止依赖传递。其次配置application.properties文件，设置热部署生效、重启目录和排除目录。最后针对不同IDE进行设置：Eclipse会自动编译重启，而IntelliJ IDEA需要额外配置自动编译功能，在Settings中勾选Build project automatically，并通过快捷键设置允许运行时自动编译。完成这些
2025-11-17 11:03:49
389
原创 【element-ui】面包屑导航
/Vue Router 提供的属性，返回一个数组，包含当前路由匹配到的所有层级路由记录（从顶层到当前页）//包含当前的路由信息 以及上级路由信息。//处理第一个路由的信息。
2025-10-20 13:42:29
209
原创 【vue】导出excel
上面可以自定义自己的样式，还可以引用其他组件button。后端导出excel：就用 vue+POI（maven 包）前端导出excel：就用 vue+XLSX（npm 包）3.js方法：导出全部exportAllExcel。main.js中引入。
2025-10-16 17:29:41
810
原创 【vuex】store的用法
3actions：用于进行异步操作，相当于对mutations做一个包装，完成其不能完成的异步操作，注意，actions里的第一个参数为context上下文，当使用actions调用mutations的方法时要用context.commit（‘mutations方法名’,操作参数（可选））可以想象为一个“前端数据库”（数据仓库），让其在各个页面上实现数据的共享包括状态，并且可操作，即vuex就是把组件共享状态抽取出来以一个全局单例模式管理，把共享的数据函数放进vuex中，任何组件都可以进行使用。
2025-10-16 17:20:14
1006
原创 【vue】设置时间格式
moment().weekday(0) // 设置日期为本周第一天（周日）moment().isoWeekday(1) // 设置日期为本周周一。moment().format(‘X’) // 返回值为字符串类型。moment().format(‘x’) // 返回值为字符串类型。moment().format(‘x’) // 返回值为字符串类型。moment().format(‘HH时mm分ss秒’)moment().unix() // 返回值为数值型。（7）获取本周最后一天(周六)23时59分59秒。
2025-10-16 16:36:32
804
原创 【git pull】拉取远程失败
想把自己修改的部分从本地仓库中再拿出来，通过Git -> unStash Changes 把之前的改动合并到本地。在commit那栏中右键changes,创建新的changelist。本地有配置文件与远程不一致，pull更新就会提示错误，无法更新。右键模块名->git->Stash Changes。然后将不想提交的修改放到这个changelist中。将本地的所有改动暂存到本地仓库。
2025-08-26 09:51:17
234
原创 【nginx-part4】nginx配置高可用集群
安装之后,在etc里面生成目录keepalived,有文件keepalived.conf。需要两台服务器192.168.17.129和192.168.17.131。在两台服务器安装keepalived。需要keepalived.在两台服务器安装nginx。需要两台nginx服务。
2025-08-17 16:19:50
254
原创 【nginx-part3】nginx配置实例
此种方法非常适合不经常变动的资源。（如果经常更新的文件，不建议使用 Expires 来缓存），我这里设置 3d，表示在这 3 天之内访问这个 URL，发送一个请求，比对服务器该文件最后更新时间没有变化，则不会从服务器抓取，返回状态码 304，如果有修改，则直接从服务器重新下载，返回状态码 200。:用于不含正则表达式的 uri前,要求Nginx服务器找到标识uri和请求字符串匹配度最高的location后,立即使用此location处理请求,而不再使用location块中的正则uri和请求字符串做匹配。
2025-08-15 16:36:40
831
原创 【nginx-part2】nginx安装与配置
Nginx服务器配置中最频繁的部分，代理、缓存和日志定义等绝大多数功能和第三方模块的配置都在这里。这块和虚拟主机有密切关系，虚拟主机从用户角度看，和一台独立的硬件主机是完全一样的，该技术的产生是为了节省互联网服务器硬件成本。从配置文件开始到events块之间的内容,主要会设置一些影响nginx服务器整体运行的配置指令。每个 http 块可以包括多个 server 块，而每个 server 块就相当于一个虚拟主机。events块涉及的指令主要影响Nginx服务器与用户的网络连接。3、停止 nginx。
2025-08-15 15:02:10
282
原创 【Nginx-part1】基本概念
单个服务器解决不了,我们增加服务器的数量,然后将话请求分发到各个服务器上,将原先请求集中到单个服务器上的情况改为将请求分发到多个服务器上将负载分发到不同的服务器,也就是我们所说的负载均衡。1.Nginx(“enginex”)是一个高性能的HTTP和反向代理服务器,特点是占有内存少,并发能力强,事实上nginx的并发能力确实在同类型的网页服务器中表现较好。2.Nginx专为性能优化而开发,性能是其最重要的考量,实现上非常注重效率,能经受高负载的考验,有报告表明能支持高达50,000个并发连接数。
2025-08-15 09:08:50
165
原创 【第七节】表单控件绑定
尽管有点神奇， v-model 不过是语法糖，在用户输入事件中更新数据以及特别处理一些极端例子。但是有时想绑定 value 到 vue 实例的一个动态属性上，这时可以用 v-bind 实现，并且这个属性的值可以不是字符串。lazy:改变v-model的同步时机，从默认的 “input” 事件（实时）改为 “change” 事件（失去焦点或回车时）对于单选按钮，勾选框及选择框选项，v-mode1 绑定的 value 通常是静态字符串(对于勾选框是逻辑值)下拉选择框（select）与数据的双向绑定。
2025-07-27 23:05:27
734
原创 【第五节】列表渲染
但是，如果每个对象都有一个唯一ID 的属性，便可以使用 track-by 特性给 vue.js个提示，Vue.js 因而能尽可能地复用已有实例。Vue.js 实现了一些启发算法，以最大化复用 DOM 元素，因而用另一个数组替换数组是一个非常高效的操作。类似于 template v-if ，也可以将 v-for 用在 标签上，以渲染一个包含多个元素的块。的结果遍历，但是不能保证它的结果在不同的 JavaScript 引擎下是一致的。的新对象，它知道它可以复用这个已有对象的作用域与 DOM 元素。
2025-07-24 23:02:34
763
原创 【第四节】条件渲染
在切换 v-if 块时，Vue.js 有一个局部编译/卸载过程，因为 v-if 之中的模板也可能包括数据绑定或子组件。-般来说，v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗，因此，如果需要频繁切换 v-show 较好，如果在运行时条件不大可能改变 v-if 较好。v-else 元素必须立即跟在 v-if 或 v-show 元素的后面-否则它不能被识别。可以用 v-else 指令给 v-if 或 v-show 添加一个“else 块”另一个根据条件展示元素的选项是 v-show 指令。
2025-07-23 22:55:43
459
原创 【第三节】Class与Style绑定
数据绑定一个常见需求是操作元素的 class 列表和它的内联样式,因为它们都是属性，我们可以用 v-bind 处理它们:我们只需要计算出表达式最终的字符串。尽管可以用 Mustache 标签绑定 class,比如 class="{{className}}”，但是不推荐这种写法和 v-bind:class 混用。例如，如果isB 变为 true，class 列表将变为"static class-a class-b"我们可以传给 v-bind:class一个对象，以动态地切换 class。
2025-07-22 23:56:31
1335
原创 【第三节】计算属性
vm.b 依赖于 vm.a，因此当 vm.a发生改变时依赖于 vm.b 的绑定也会更新。我们是声明式地创建这种依赖关系计算属性的 getter 是干净无副作用的，因此也是易于测试和理解的。使用v-for指令进行列表渲染、v-model实现表单双向绑定以及计算属性（computed）进行数据计算的功能，主要实现了一个可实时计算总和的物品价值列表。v-model实现表单与数据的双向绑定，输入框的值会同步到item.value，反之亦然。vm.b 的值始终取决于 vm.a 的值，这里我们声明了一个计算属性 b。
2025-07-22 15:35:22
317
原创 【第二节】数据绑定语法
XSS攻击通常指的是通过利用网页开发时留下的漏洞通过巧妙的方法注入恶意指令代码到网页，使使用者载入并执行攻击者恶意制造的网页程序。指令(Directives)是特殊的带有前缀v-的特性。Vue.is 的模板是基于 DOM 实观的这意味着所有的 Vue.js 模板都是可解析的有效的 HTML且通过这些特殊的特性做了增强Vue 模板因此从根本上不同于基于字符串的模板。它们看起来跟“合法"的 HTML有点不同，但是它们在所有 Vue.js 支持的浏览器中都能被正确地解析，并且不会出现在最终渲染的标记中。
2025-07-22 14:30:59
613
原创 【第一节-vue实例】
Vue 实例在创建时有一系列初始化步骤–例如，它需要建立数据观察，编译模板，创建必要的数据绑定。尽管可以命令式地创建扩展实例，不过在多数情况下将组件构造器注册为一个自定义元素，然后声明式地用在模板中。现在你只需知道所有的 Vue.js组件其实都是被扩展的 Vue 实例。也有一些其它的钩子，在实例生命周期的不同阶段调用，如 compiled、 ready 、destroyed。每个 yuejs 应用的起步都是通过构造函数 Vue 创建一个Vue 的根实例(root Vue instance)
2025-07-22 09:21:49
307
原创 codepen使用
使用 v-on 指令 (简写为 @) 来监听 DOM 事件，并在事件触发时执行对应的 JavaScript。v-for 指令的值需要使用 todo in todos形式的特殊语法，其中 todos是源数据的数组，而 todo是迭代项的别名。指的是vue实例中的data与其渲染的DOM元素的内容保持一致，无论谁被改变，另一方会相应的更新为相同的数据。input标签中的内容修改后对应message中的内容也被修改，反之同理。2.方法事件处理器：一个指向组件上定义的方法的属性名或是路径。
2025-07-20 19:41:20
537
原创 linux
netstat -tnlp //-t表示只输出tcp协议的连接，-n表示将字符串地址转换为ip地址显示、将协议转换为端口号显示，-l表示只显示(过滤)出state列值为LISTEN(监听)的连接，-p表示显示连接对应的进程PID和进程名称，可组合或单独使用，一般四个组合用。find 路径范围 -type 文件类型 **//**以文档类型为基准，文档类型有，“-”表示文件(搜索时用f代替)，“d”表示文件夹。
2025-07-18 00:04:50
805
转载 idea运行springboot启动类报错IDEA 出现问题：Error running，Command line is too long. Shorten command line解决方案
IDEA 出现问题：Error running，Command line is too long. Shorten command line解决方案
2024-09-20 18:19:38
154
原创 【mock平台】
浏览器中输入localjost:8080/redirect/topath跳转到localhost:8080/redirect/new，响应成功。浏览器中输入localjost:8080/redirect，网页重定向到百度。访问/redirect/new会被从定向到。2.粘贴jar包，配置json文件。
2024-08-23 01:56:17
503
原创 【git基础使用】
使用分支意味着你可以把你的工作从开发主线上分离开来进行重大的Bug修改、开发新的功能，以免影响开发主线。commitID 可以使用 git-log 或 git log 指令查看。commitID 可以使用 git-log 或 git log 指令查看。git branch -d b1 删除分支时，需要做各种检查。我们还可以直接切换到一个不存在的分支（创建并切换）命令：git checkout -b 分支名。作用：提交暂存区内容到本地仓库的当前分支。一个分支上的提交可以合并到另一个分支。
2024-08-23 01:13:49
1100
求教大神们！！！JBOSS运行不成功，是环境变量配置的问题吗
2019-10-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人