- 安装VUE 安装Node.js 下载地址https://nodejs.org/zh-cn/ 下载安装完成打开cmd windows键+r 输入cmd或者搜索打开 输入 node -v 出现这种情况安装完成 切换淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 回车就行 然... 安装VUE 安装Node.js 下载地址https://nodejs.org/zh-cn/ 下载安装完成打开cmd windows键+r 输入cmd或者搜索打开 输入 node -v 出现这种情况安装完成 切换淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 回车就行 然...
- 小工具的使用(H5转app/exe) 前端页面做好打包后，可以转成app/exe 转成app:https://www.apicloud.com/console 新建webapp项目 网址填写你的项目运行的地址，比如localhost:8080但是这是本地的 手机连接电脑的wifi才可以访问 最好部署到云服务器 往下看 如何打包 根据自己需要选择完成后可以编译成ap... 小工具的使用(H5转app/exe) 前端页面做好打包后，可以转成app/exe 转成app:https://www.apicloud.com/console 新建webapp项目 网址填写你的项目运行的地址，比如localhost:8080但是这是本地的 手机连接电脑的wifi才可以访问 最好部署到云服务器 往下看 如何打包 根据自己需要选择完成后可以编译成ap...
- 效果如下 数据来源为uniCloud云数据库 照片来源为网络 代码来源为我的毕业设计 鼠标未放到软件上面之前 放到软件上面后 软件所在卡片 高亮显示 如果背景颜色是灰色 效果更加明显 使用element ui的 卡片 走马灯 弹出框 文字链接 分割线 elementui文档地址 https://element.eleme.cn/#/zh-... 效果如下 数据来源为uniCloud云数据库 照片来源为网络 代码来源为我的毕业设计 鼠标未放到软件上面之前 放到软件上面后 软件所在卡片 高亮显示 如果背景颜色是灰色 效果更加明显 使用element ui的 卡片 走马灯 弹出框 文字链接 分割线 elementui文档地址 https://element.eleme.cn/#/zh-...
- 效果 > 欢迎访问博客代码哈士奇 技术 聊天 交流群 974178910 前端交流群 535620886 代码 不显示图片/播放视频音频代码如下如果想要显示图片/播放视频/播放音频 若使用 请自行优化代码和样式 不显示图片/播放视频音频代码如下 <template> <div> <div v-on:dragover=... 效果 > 欢迎访问博客代码哈士奇 技术 聊天 交流群 974178910 前端交流群 535620886 代码 不显示图片/播放视频音频代码如下如果想要显示图片/播放视频/播放音频 若使用 请自行优化代码和样式 不显示图片/播放视频音频代码如下 <template> <div> <div v-on:dragover=...
- 本文主要讲解基于element-ui datetimepicker实现日期时间，在表单校验中的校验逻辑及实现方法。 注：在表单检验时间组件时，应在检验中增加type: 'date'，否则会提示检验对象错误问题。 vue部分 <!--开始/结束日期,时间--> <template> <el-row style="margin-top:... 本文主要讲解基于element-ui datetimepicker实现日期时间，在表单校验中的校验逻辑及实现方法。 注：在表单检验时间组件时，应在检验中增加type: 'date'，否则会提示检验对象错误问题。 vue部分 <!--开始/结束日期,时间--> <template> <el-row style="margin-top:...
- 前言 在项目实战过程中，需要为项目主页实现日程日历功能，主要包括日程的增删改查。 在网上研究一番后，经过对比发现一款比较好用的良心插件Fullcalendar。 Fullcalendar是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。 本文由以下几个部分组成： 1.安装fullcalendar 2.简易DEMO代码 3.Tem... 前言 在项目实战过程中，需要为项目主页实现日程日历功能，主要包括日程的增删改查。 在网上研究一番后，经过对比发现一款比较好用的良心插件Fullcalendar。 Fullcalendar是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。 本文由以下几个部分组成： 1.安装fullcalendar 2.简易DEMO代码 3.Tem...
- 引入场景 有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。 官网解释：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会... 引入场景 有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。 官网解释：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会...
- Vue项目中使用预处理器，可以有效减少css代码量， 推荐使用Sass、Scss、Less预处理器。可以在创建项目的时候选择预处理器 (Sass/Less/Stylus)。 如果当时没有选择，内置的 webpack 仍然会被预配置为可以完成所有的处理，也可以手动安装相应的 webpack loader： # Sass npm install -D sass-load... Vue项目中使用预处理器，可以有效减少css代码量， 推荐使用Sass、Scss、Less预处理器。可以在创建项目的时候选择预处理器 (Sass/Less/Stylus)。 如果当时没有选择，内置的 webpack 仍然会被预配置为可以完成所有的处理，也可以手动安装相应的 webpack loader： # Sass npm install -D sass-load...
- 需求背景 在实现组件拖拽设计过程中，发现组件样式中设置了 display: flex属性信息，导致组件生成后无法实现拖拽效果，网上查阅资料后发现Flex布局大有天地。 Flex来源 传统的布局解决方案采用CSS实现，基于盒状模型，依赖 display属性 + position属性 + float属性。但是，它对于那些特殊布局非常不方便，比如，垂直居中就不容易实... 需求背景 在实现组件拖拽设计过程中，发现组件样式中设置了 display: flex属性信息，导致组件生成后无法实现拖拽效果，网上查阅资料后发现Flex布局大有天地。 Flex来源 传统的布局解决方案采用CSS实现，基于盒状模型，依赖 display属性 + position属性 + float属性。但是，它对于那些特殊布局非常不方便，比如，垂直居中就不容易实...
- 在前面博文中，我们讲解了提升用户体验的一个技巧：自适应布局。接下来这篇博文主要讲解提升用户体验的另一个技巧：字体自适应。 首先，我们要清楚在字体设置中比较常用的三个单位：px，rem，em。 px是一个大小单位，相当于1像素，这样写字体大小就是固定的，绝对值；rem,em两者都是比例单位，只是相对比的对象不同，相对值：em是相对于父级的，父级字体设置20px，子级设... 在前面博文中，我们讲解了提升用户体验的一个技巧：自适应布局。接下来这篇博文主要讲解提升用户体验的另一个技巧：字体自适应。 首先，我们要清楚在字体设置中比较常用的三个单位：px，rem，em。 px是一个大小单位，相当于1像素，这样写字体大小就是固定的，绝对值；rem,em两者都是比例单位，只是相对比的对象不同，相对值：em是相对于父级的，父级字体设置20px，子级设...
- 前言 在Vue项目开发过程中，当你遇到应用逻辑出现错误，但又无法准确定位的时候，知晓Vue项目调试技巧至关重要。 同后台项目开发一样，可以在JS实现的应用逻辑中设置断点，并进行单步、进入方法内、跳出方法等调试，从而准确定位问题根源。 本文主要针对JetBrains系列WebStorm下Vue项目进行调试的2种方法：debugger和Vue-devtools。 d... 前言 在Vue项目开发过程中，当你遇到应用逻辑出现错误，但又无法准确定位的时候，知晓Vue项目调试技巧至关重要。 同后台项目开发一样，可以在JS实现的应用逻辑中设置断点，并进行单步、进入方法内、跳出方法等调试，从而准确定位问题根源。 本文主要针对JetBrains系列WebStorm下Vue项目进行调试的2种方法：debugger和Vue-devtools。 d...
- 在使用Vue进行前端项目开发过程中，会遇到出于安全考虑，浏览器地址栏禁止显示方法参数的需求。以下方法可实现以上需求。 注：该方法存在页面刷新方法参数无法获取问题，需要另作处理（例如sessionStorage）。 在使用Vue进行前端项目开发过程中，会遇到出于安全考虑，浏览器地址栏禁止显示方法参数的需求。以下方法可实现以上需求。 注：该方法存在页面刷新方法参数无法获取问题，需要另作处理（例如sessionStorage）。
- 在进行Vue项目开发的时候，遇到控制台错误提示“TypeError: data.indexOf is not a function"的错误。 原因：表格显示需要数组包含对象的形式，每个对象是一行数据，拿到的数据格式不对。 解决措施：确保拿到的表格数据显示类型为数组。 在进行Vue项目开发的时候，遇到控制台错误提示“TypeError: data.indexOf is not a function"的错误。 原因：表格显示需要数组包含对象的形式，每个对象是一行数据，拿到的数据格式不对。 解决措施：确保拿到的表格数据显示类型为数组。
- 问题描述 在vue里出现警告信息：data functions should return an object。 原因 component中的 data () {}中return要求返回一个对像。即使无内容也要返回一个空对象 解决方案 返回空对象 data () { return{} } 123 问题描述 在vue里出现警告信息：data functions should return an object。 原因 component中的 data () {}中return要求返回一个对像。即使无内容也要返回一个空对象 解决方案 返回空对象 data () { return{} } 123
- 在项目开发过程中，需要使用el-date-picker日期控件，需求是elementUI 中 el-date-picker中弹出的日期和时间的输入框设置为只读。 实现方式如下： <el-date-picker type="date" :editable="false"> </el-date-picker> 1 在项目开发过程中，需要使用el-date-picker日期控件，需求是elementUI 中 el-date-picker中弹出的日期和时间的输入框设置为只读。 实现方式如下： <el-date-picker type="date" :editable="false"> </el-date-picker> 1
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签