前端开发
文章平均质量分 61
dazhong2012
这个作者很懒,什么都没留下…
展开
-
vue框架学习-- 父子页面 参数方法调用
部分中指定props数组或对象来完成。-- 子组件 ChildComponent.vue -->接收到的消息: {{ message }}props: ['message'], // 定义了一个名为message的prop// 你可以在这里添加其他组件选项...原创 2024-09-29 14:58:50 · 611 阅读 · 0 评论 -
vue框架学习 -- 日历控件 FullCalendar 使用总结
最近在项目中要实现日期排班的功能,正好要用到日历视图的控件,经过对比发现,vue 中 使用可以实现相关需求,下面对使用过程做一个总结。原创 2024-09-28 16:41:39 · 982 阅读 · 0 评论 -
vue框架学习 -- 表单开发之页面自定义显示值
在 Vue 2.0 中,如果在使用 Element UI 的 组件,并希望自定义 中显示的 prop 属性的值(比如,memberName),有几种方法可以实现这一点。最直接的方法之一是在 Vue 组件的 data 函数或计算属性(computed properties)中处理这些数据,然后通过模板语法展示处理后的值。原创 2024-09-27 17:15:33 · 644 阅读 · 0 评论 -
URLSearchParams: 浏览器中的查询字符串处理利器
URLSearchParams是一个强大且灵活的API,它简化了在JavaScript中处理URL查询字符串的复杂性。无论是构建查询字符串,还是解析和更新浏览器当前URL的查询部分,URLSearchParams都提供了一种高效和易于使用的方法。原创 2024-06-30 21:46:48 · 939 阅读 · 0 评论 -
Vue CLI 环境变量使用指南
Vue CLI 的环境变量功能为前端项目提供了极大的灵活性和便利性。通过合理使用环境变量,可以轻松管理不同环境下的配置,实现项目的快速部署和高效运行。掌握环境变量的使用,是前端工程化的重要一步。注意:在使用环境变量时,请确保不要将敏感信息(如API密钥、数据库密码等)硬编码在代码中。对于生产环境的变量,应使用安全的配置管理方式。原创 2024-06-08 10:00:00 · 1494 阅读 · 0 评论 -
vue框架学习 -- 跨域问题解决之 proxy 配置
文件中的 devServer.proxy 配置来设置一个代理服务器。这个代理服务器会拦截特定的请求,并将其转发到目标后端服务器。通过上述配置,当Vue应用在开发过程中发出对 /api/xxx 的任何HTTP请求时,这些请求会被。在Vue.js项目中,为了在开发环境下解决跨域问题,我们可以利用 vue.config.js。从而绕过了浏览器的同源策略限制,使得前端应用能够与不同域名下的后端服务正常交互。// vue.config.js 文件。// vue.config.js 文件。原创 2024-05-27 08:00:00 · 1554 阅读 · 0 评论 -
vue框架学习 -- 跨域问题解决之 proxy 配置
文件中的 devServer.proxy 配置来设置一个代理服务器。这个代理服务器会拦截特定的请求,并将其转发到目标后端服务器。通过上述配置,当Vue应用在开发过程中发出对 /api/xxx 的任何HTTP请求时,这些请求会被。在Vue.js项目中,为了在开发环境下解决跨域问题,我们可以利用 vue.config.js。从而绕过了浏览器的同源策略限制,使得前端应用能够与不同域名下的后端服务正常交互。// vue.config.js 文件。// vue.config.js 文件。原创 2024-05-25 22:13:30 · 839 阅读 · 0 评论 -
vue框架学习--表单校验
在使用 Element UI(一个常见的 Vue UI 组件库),要给 添加表单验证,Element UI 的表单验证通常通过 Form 和 FormItem 组件以及它们的 rules 属性来实现。当用户尝试提交表单时,submitForm 方法会被调用,它会触发 el-form 的验证过程。在这个例子中,我使用了 el-form 和 el-form-item 组件来构建表单。// 这里可以添加你的表单提交逻辑。// 其他表单数据...// 其他验证规则...// 其他字段...'请输入联系人姓名'原创 2024-05-16 08:15:00 · 599 阅读 · 0 评论 -
Springboot开发 -- @RequestBody 接收参数的实例
在这个例子中,前端使用 $.ajax 发送了一个包含 JSON 数据的 POST 请求到 /user/changePwd。后端使用 Spring MVC 的 @RestController 和 @PostMapping 注解来映射这个请求,并使用 @RequestBody 来自动将 JSON 数据转换为 PasswordChangeDTO 对象。后端处理完请求后,返回一个包含状态码和消息的 JSON 响应给前端。前端在 success 回调中处理这个响应。在 Ajax 数据传输JSON 格式数据。原创 2024-05-15 08:00:00 · 1451 阅读 · 0 评论 -
web 扫描漏洞:HTML form without CSRF protection 问题解决
一.扫描工具:acunetix二.问题描述该漏洞主要是利用用户登录网站中的session 或 cookie 信息,采用诱导链接,获取用户浏览器中的相关session 或 cookie ,发送恶意请求或重复攻击;三.解决方法1.在提交浏览器表单信息时,增加 token 或 随机数 参数,并将 参数 写入到 session 信息;后台校验时,通过 对比 表单参数和 session 中的参数的一致性,判断表单提交是否是来源于页面的正常请求。jsp 页面代码如下:<%@ page language原创 2024-05-04 08:00:00 · 934 阅读 · 1 评论 -
如何安装和使用Yarn管理JavaScript依赖
在JavaScript开发中,依赖管理是一个至关重要的环节。Yarn是一个强大的包管理工具,旨在提供快速、可靠和安全的依赖解决方案。本文将介绍如何安装和使用Yarn,让你轻松管理JavaScript项目的依赖。原创 2024-04-18 17:24:55 · 467 阅读 · 1 评论 -
xml 文档校验之 xml schema学习
在项目工作中,我们要对生成的 xml 文档进行规则校验,看生成的文档是否符合我们的模板文档,简单的方法是是编写 XSD 文档。XSD是指 XML结构定义 ( XML Schemas Definition )XML Schema 是DTD的替代品。XML Schema语言也就是XSD。关于 XSD 的教程,我们可以参考 W3cSchool 的 XSD 教程XML Schema描述了XML文档的结构。可以用一个指定的XML Schema来验证某个XML文档,以检查该XML文档是否符合其要求。文档设计者可原创 2021-01-08 17:08:23 · 460 阅读 · 0 评论 -
Vue 开发错误- npm ERR! cb() never called
1.开发环境 :Windows 102.错误描述:Vue工程中,使用npm 构建项目时,执行 npm install 命令时,命令行出现以下错误npm ERR! cb() never called !3.解决方法:命令行输入 nmp 缓存清理命令,重新进行构建npm cache clean --force...原创 2019-12-06 16:04:25 · 1343 阅读 · 0 评论 -
前端开发框架 Vue 学习第二篇—— 构建项目结构说明
Vue 项目结构 打开我们昨天构建好的myapp 项目,我们会看到如下的目录结构: 下面我们分别来说明: 目录 子目录 说明 src assets 静态资源(如图片等) ...原创 2018-08-20 17:12:54 · 401 阅读 · 0 评论 -
vue框架学习第四篇——解读 Vue 首页启动过程
前面我们已经学习了 vue 项目结构,这篇开始我们开始进行一个简单的项目,并学习 vue 路由知识。 所谓 vue 路由,实际上是指 vue项目中的页面跳转及连接配置。一.初始 vue 项目入口 main.js下面是我们构建项目自动生成的main.js文件,我们可以看到文件由两部分组成 1. 导入文件 主要导入 Vue的全局变量 ,router 路由,以及应用主组件 App.v...原创 2018-08-23 08:54:52 · 3822 阅读 · 0 评论 -
前端开发框架vue学习第三篇—— vue中的资源路径处理
默认情况下,vue-loader 使用 css-loader 和 Vue 模版编译器自动处理样式和模版文件。在编译过程中,所有的资源路径例如 、background: url(…) 和 @import 会作为模块依赖。例如,url(./image.png) 会被转换为 require(‘./image.png’), 将会编译为: createElement(‘img’, { attr...原创 2018-08-22 14:11:03 · 1061 阅读 · 0 评论 -
前端开发框架 Vue 学习第一篇—— 开发环境搭建(文末送福利)
一.安装 NodeJS 1. 下载地址:https://nodejs.org/en/download/ 2. 安装过程:点击next安装 3. 测试安装成功: 打开命令行窗口(WIN +R键) 命令行输入 node -v ,如果输出版本号,则表示安装成功。 在我们安装NodeJS的同时,它自带的包管理工具 NPM 也一同被安装 我们可以命令行输...原创 2018-08-10 08:47:13 · 473 阅读 · 0 评论