- 点击上方“ 青年码农 ”关注 回复“特效源码”可获取各种资料 CodeMirror是一个用 JavaScript 为浏览器实现的通用文本编辑器。它专门用于编辑代码，并带有多种语言模式和插件 ，可实现更高级的编辑功能。 本教程是基于vue2实现集成，使用vue-codemirror插件 1. 安装 # npm np... 点击上方“ 青年码农 ”关注 回复“特效源码”可获取各种资料 CodeMirror是一个用 JavaScript 为浏览器实现的通用文本编辑器。它专门用于编辑代码，并带有多种语言模式和插件 ，可实现更高级的编辑功能。 本教程是基于vue2实现集成，使用vue-codemirror插件 1. 安装 # npm np...
- 以前项目上用到这个，网上教程很多，但是说法都不一样，自己总结的，如果有不对的地方可以提出来， vue-cli flexible 1、index.html引入flexible <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??f... 以前项目上用到这个，网上教程很多，但是说法都不一样，自己总结的，如果有不对的地方可以提出来， vue-cli flexible 1、index.html引入flexible <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??f...
- 点击上方“青年码农”关注 回复“源码”可获取各种资料 使用 Vue 框架开发项目中，遇到个问题，就是在用户提交数据时，如果连续多次点击按钮，会触发多次，导致数据异常，因此需要限制用户短时间内多次点击同一按钮，只触发一次。 1. 自定义指令 利用元素的 disabled 属性，新建自定义指令，preventClic... 点击上方“青年码农”关注 回复“源码”可获取各种资料 使用 Vue 框架开发项目中，遇到个问题，就是在用户提交数据时，如果连续多次点击按钮，会触发多次，导致数据异常，因此需要限制用户短时间内多次点击同一按钮，只触发一次。 1. 自定义指令 利用元素的 disabled 属性，新建自定义指令，preventClic...
- 通常，当我们需要将数据从父组件传递到子组件时，我们使用 props。想象一下这样的结构：你有一些深嵌套的组件，而你只需要来自深嵌套子组件中父组件的某些内容。在这种情况下，你仍然需要将 prop 传递到整个组件链中，这可能会很烦人。对于这种情况，我们可以使用 provide 和 inject 对。父组件可以作为其所有子组件的依... 通常，当我们需要将数据从父组件传递到子组件时，我们使用 props。想象一下这样的结构：你有一些深嵌套的组件，而你只需要来自深嵌套子组件中父组件的某些内容。在这种情况下，你仍然需要将 prop 传递到整个组件链中，这可能会很烦人。对于这种情况，我们可以使用 provide 和 inject 对。父组件可以作为其所有子组件的依...
- MoonCake 在线制作中秋月饼 言简意赅，我主要分享一下思路 体验基于vite.js + vue3.js 的快速开发过程，并将代码发布到github 技术方案 vite.js： http... MoonCake 在线制作中秋月饼 言简意赅，我主要分享一下思路 体验基于vite.js + vue3.js 的快速开发过程，并将代码发布到github 技术方案 vite.js： http...
- 点击上方“青年码农”关注 回复“特效源码”可获取各种资料 在项目开发过程中，总会遇到这样或者那样的问题，这次，用element-ui组件库的select，但是这个组件不支持分页加载更多，如果一次性把所有的数据都返回给前端，那还需要后端再加个接口。是不是有其他方式可以扩展下select？ 在Vue文档中，找到了实现方式，那就是... 点击上方“青年码农”关注 回复“特效源码”可获取各种资料 在项目开发过程中，总会遇到这样或者那样的问题，这次，用element-ui组件库的select，但是这个组件不支持分页加载更多，如果一次性把所有的数据都返回给前端，那还需要后端再加个接口。是不是有其他方式可以扩展下select？ 在Vue文档中，找到了实现方式，那就是...
- vue项目实现动态路由的方式大体可分为两种:1.前端这边把路由写好，登录的时候根据用户的角色权限来动态展示路由，(前端控制路由) 2.后台传来当前用户对应权限的路由表，前端通过调接口拿到路由信息后处理(后端处理路由) 这两种方法各有优点，效果都能实现，我们公司现在用的就是第二种，后台返回路由信息，前端动态生成路由及菜单... vue项目实现动态路由的方式大体可分为两种:1.前端这边把路由写好，登录的时候根据用户的角色权限来动态展示路由，(前端控制路由) 2.后台传来当前用户对应权限的路由表，前端通过调接口拿到路由信息后处理(后端处理路由) 这两种方法各有优点，效果都能实现，我们公司现在用的就是第二种，后台返回路由信息，前端动态生成路由及菜单...
- 作为由华人程序员尤雨溪开发的前端构架，它的出身就给国人带来了巨大的荣耀。更为重要的是Vue相对于其他前端框架更加易于上手，而且还可以与第三方库或者既有项目整合，同时还可以为单页应用提供驱动。 今天就整理几款vue开发的轮播图组件，基本不掺杂多余文件，集成项目也比较简单。 1.这款功能相对比较简单，效果中规中矩 2.这款效... 作为由华人程序员尤雨溪开发的前端构架，它的出身就给国人带来了巨大的荣耀。更为重要的是Vue相对于其他前端框架更加易于上手，而且还可以与第三方库或者既有项目整合，同时还可以为单页应用提供驱动。 今天就整理几款vue开发的轮播图组件，基本不掺杂多余文件，集成项目也比较简单。 1.这款功能相对比较简单，效果中规中矩 2.这款效...
- mock是一个模拟数据生成器，旨在帮助前端独立于后端进行开发。使前端不用去调用后端的接口，即可完成前端单元测试。 当一个项目开始开发，正常情况是前后台开发同时进行，但是很多情况是后台先提供接口，然后前端才开始编写页面，这样就会导致项目进度缓慢，为了解决这个问题，前端一般是根据接口先在本地进行数据模拟请求，本次我们使用M... mock是一个模拟数据生成器，旨在帮助前端独立于后端进行开发。使前端不用去调用后端的接口，即可完成前端单元测试。 当一个项目开始开发，正常情况是前后台开发同时进行，但是很多情况是后台先提供接口，然后前端才开始编写页面，这样就会导致项目进度缓慢，为了解决这个问题，前端一般是根据接口先在本地进行数据模拟请求，本次我们使用M...
- 前面讲了Vue2项目中动态添加路由及生成菜单，今天尝试在Vue3中动态添加路由及生成菜单。 最近在尝试用Vue3开发个管理平台项目，一切都是从头开始，基本框架搭建，熟悉Vue3写法，编写登录页，编写路由守卫，上面功能已基本完成，开始编写首页布局，用Vue3就必须用Router4.x版本，所以之前的代码迁移过来之后发现，... 前面讲了Vue2项目中动态添加路由及生成菜单，今天尝试在Vue3中动态添加路由及生成菜单。 最近在尝试用Vue3开发个管理平台项目，一切都是从头开始，基本框架搭建，熟悉Vue3写法，编写登录页，编写路由守卫，上面功能已基本完成，开始编写首页布局，用Vue3就必须用Router4.x版本，所以之前的代码迁移过来之后发现，...
- 本教程讲解的是基于Vue3和Ant Design Vue，前面讲了Vue3项目动态引入iconfont（阿里巴巴矢量图标库），这种这种写法只适用部分情况，现在我们又有了一个新的需求，就是在菜单里面使用iconfont图标，Ant Design Vue在 1.2.0 之后，使用了 SVG 图标替换了原先的 font 图标，之前... 本教程讲解的是基于Vue3和Ant Design Vue，前面讲了Vue3项目动态引入iconfont（阿里巴巴矢量图标库），这种这种写法只适用部分情况，现在我们又有了一个新的需求，就是在菜单里面使用iconfont图标，Ant Design Vue在 1.2.0 之后，使用了 SVG 图标替换了原先的 font 图标，之前...
- 相信前端开发或者后端开发都用过jquery,因为不是数据驱动，为了获取某些元素的value值，都操作过Dom元素。 // 使用Jquery获取Dom元素值$("#id").text('xxx') $("#id").value('xxx') // 使用原生D... 相信前端开发或者后端开发都用过jquery,因为不是数据驱动，为了获取某些元素的value值，都操作过Dom元素。 // 使用Jquery获取Dom元素值$("#id").text('xxx') $("#id").value('xxx') // 使用原生D...
- 组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系，父子关系、兄弟关系和隔代关系，简化点可以分为父子关系和非父子关系，下面就讲讲vue父子组件通信以及非父子组件通信的方法。使用代码格式会比较乱，所以直接使用图片演示。 1.父子组件 (... 组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系，父子关系、兄弟关系和隔代关系，简化点可以分为父子关系和非父子关系，下面就讲讲vue父子组件通信以及非父子组件通信的方法。使用代码格式会比较乱，所以直接使用图片演示。 1.父子组件 (...
- 上一篇已经对Vue2和Vue3的组件开发区别讲了一部分，如需了解请移步： 带你体验Vue2和Vue3开发组件的区别(一)， 主要讲了template、data、methods、Lifecyle Hooks这几个的区别，接下来我们再讲讲另外几个属性的变化。 1.Computed Properties Computed Pro... 上一篇已经对Vue2和Vue3的组件开发区别讲了一部分，如需了解请移步： 带你体验Vue2和Vue3开发组件的区别(一)， 主要讲了template、data、methods、Lifecyle Hooks这几个的区别，接下来我们再讲讲另外几个属性的变化。 1.Computed Properties Computed Pro...
- Vue项目开发中，有这么两个属性比较容易混淆，如果不特别注意，用法比较相似，这两个属性就是computed和watch，其实这两个还是有很大差别，下面就讲讲这两个属性的用法及不同 先说说为什么比较像，我们看下面代码。 <template> <div>  ... Vue项目开发中，有这么两个属性比较容易混淆，如果不特别注意，用法比较相似，这两个属性就是computed和watch，其实这两个还是有很大差别，下面就讲讲这两个属性的用法及不同 先说说为什么比较像，我们看下面代码。 <template> <div>  ...
上滑加载中
推荐直播
-
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步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签