工欲善其事,必先利其器,所以在开始之前选择一个合适好用的编辑器是很重要的,工具不再多,在于好用就行,除了编辑器,我们也要掌握其他的一些工具,才能够让我们在学习的道路上更加的顺畅。1. WebStorm不必多说,前端最强大的编辑器,特别是那无敌的智能提示,但是它的缺点在于如果项目多于大时,出现的卡顿让很多人苦恼。 WebStorm:官网下载地址。WebStorm 有哪些过人之处?激活WebStorm
vue3 UI组件库 Ant Design of VueAnt Design Vue?安装引入??安装?全局引入?局部引入?实战操作?Button按钮样式Menu 导航菜单Form 表单注意summaryv-for循环实现菜单栏?菜单栏中用两种方法处理有无children的问题?? ???一个好项目的编写不仅需要完美的逻辑,以及相应的技术,同时也需要一个 设计规范的高质量UI组件库。???本期
转载 2024-03-07 17:37:39
164阅读
1. 如何引入icon 首先安装npm install --save @ant-design/icons-vue 然后引入import { CloudDownloadOutlined } from '@ant-design/icons-vue’;  接着注册 最后使用即可  2. ant-desgin-vue的分页和日期组件如何
转载 2024-03-07 12:04:06
1263阅读
vue 项目 openlayers 点击弹窗这个写的稍微简单一点就行了,其实呢,这个不是很难,主要是知道原理就可以了。 我想实现的内容是什么意思呢?就是说页面上有很多坐标点,点击坐标点的时候在相应的位置弹出一个框,然后框里显示出这个坐标点的相关数据。解释这个内容的其实就是添加一个弹窗图层,然后在点击的时候让他显示出来罢了。编写弹窗首先一点,我们这个弹窗需要自己写一下,具体的样式,展示的内容之类的,
转载 2024-09-22 15:24:44
295阅读
Vue-cli3官方:https://cli.vuejs.org/zh/guide/这个系列计划从零开始搭建一个Vue-CLI3.0的项目,其中会包括实际项目目录框架搭建、常用的插件安装使用方法(还会详细介绍vuex、axios、router、权限管理等在具体项目里的使用),最终项目会发布在GitHub上以便大家下载第一部分我们讲一个Vue-CLI3.0的项目的创建及基本插件安装1、首先看一下自己
 写在前面    时间真快,转眼又是新的一年。随着前后端技术的不断更新迭代,尤其是前端,在目前前后端分离开发模式这样的一个大环境下,交互性、兼容性等传统的开发模式已经显得有些吃力。之前一直用的是react,随着后面钩子的加入更让人爱不释手,但是整个团队需要更新技术,这里选择了更容易上手的Vue(这里的容易上手并没有歧义,指的是更容易适应),也相信Vue3.0发布后会更
转载 2024-05-25 20:22:20
120阅读
Ant Design Vue Pro 动态路由1、关闭mock2、修改动态权限功能引用4、修改报错5、修改src/api/login.js6、修改permission.js逻辑7、修改src/store/modules/user.js8、修改generatorDynamicRouter 1、关闭mock注释掉main.js第16行// with polyfills import 'core-js
转载 2024-03-04 21:58:51
587阅读
antd 是基于 Ant Design 设计体系的组件库,主要用于研发企业级中后台产品。第一步:安装node.js已安装可跳过。 官网下载地址:https://nodejs.org/zh-cn/download/ 安装完成之后,就拥有了npm,一个node.js自带的包管理工具。类似php的composer。第二步:用npm安装yarn已安装可跳过。 yarn和npm一样,是一个包管理工具,但速度
转载 2024-09-24 21:26:15
182阅读
在Zoho Creator中,每当往表单中添加新条目或者提交表单的时候,都会弹出一个窗口,显示消息为“成功添加数据”,这是您在Zoho Creator上创建的所有表单向所有用户显示的默认消息。 但有时会觉得,只有文字弹出,会不会太单调了?仿佛一台没有感情、冷冰冰的机器在于用户交流。其实,Zoho Creator完全可以让表单提交成功后的提示更“俏皮”一点,我们来尝试在提交成功后的提示中加
演示事例http://www.longstudy.club/vue-drag-scroll/index.html最近在做一个新的项目,有个需求是这样的: 简单描述一下,就是鼠标拖动页面,整个页面会随着的鼠标的拖拽而移动,如果页面有内容,里面的内容也需要跟着拖动的外层整体移动。一开始没啥思路,所以就发了个朋友圈,得到的答案挺多的,主要还是用拖拽之类的,但这个拖拽只是单个元素的拖动,我想要
深入剖析axios一、深入剖析axios1.引入2.API3.config 配置对象4.方法别名5.配置默认值1.全局配置2.实例配置3.请求配置4.配置的优先顺序6.并发7.拦截器1.请求拦截器2.响应拦截器3.移除拦截器4.为axios实例添加拦截器8.取消请求9.错误处理10.axios 预检 一、深入剖析axiosAxios是一个基于promise的HTTP库 浏览器支持情况:Chrom
转载 2024-03-28 09:01:36
105阅读
前言最近,公司技术栈转型,前端逐步过渡到Vue3.0上来,在做angular之前自己虽然使用过一段时间的vue,但那时都是Vue2.0+Element-UI,所以这些东西对于自己来说也是一个新的内容,开发过程中也遇到了很多坑,下面给大家做一些分享,有不到的地方欢迎大家指正问题描述当时我从业务那里拿到的需求是开发一个列表,其中嵌套得有子列表,默认是不展开的,点击展开按钮会展开当前行子表格,其他行不受
转载 2024-04-22 13:58:13
106阅读
antd vue集成vue-quill-editor富文本编辑器,支持图片上传,图片调整大小/拖拽前言一、vue-quill-editor的安装1.引入库2.vue-quill-editor直接使用3.vue-quill-editor封装3.1 template代码3.2 script代码3.3 css代码3.4 关于MyQuillEditor.vue文件中script代码块引入的quill
前言 前段时间,老大搭好了Vue的开发环境,于是我们愉快地从JQ来到了Vue。这中间做的时候,在表单验证上做的不开心,看到vue的插件章节,感觉自己也能写一个,因此就自己开始写了一个表单验证插件va.js。 当然为什么不找个插件呢? vue-validator呀。我想了下,一个是表单验证是个高度定制化的东西,这种网上找到的插件为了兼顾各个公司的需求,所以加了很多功能,这些我们不需要。事
转载 8月前
280阅读
Vue3 & Ant Design Vue3基础nodejs版本要求:node-v18.16.0-x64 nodejs基础配置npm -v node -v npm config set prefix "D:\software\nodejs\node_global" npm config set cache "D:\software\nodejs\node_cache" npm conf
转载 11月前
115阅读
vue3.0+antd实现嵌套子表格一键全部展开的功能1.页面上显示出一键全部展开的列antd本身有嵌套子表格功能,用expandedRowRender就可以实现,但没有一键全部展开的功能,且在使用expandedRowRender时自动生成的展开按钮列也是无法选中进行自行编辑的(也可能是我没找到),所以此处先将这个自动展开列去除,再自己写按钮操作列。 》》》 此处使用的属性是:expandRow
转载 2024-07-07 20:16:43
262阅读
你想做的是 卡片列表布局(Card List) 吗?在 Ant Design Vue 3 里可以直接用 <a-card> + <a-list> 结合,或者自己用 <a-row> + <a-col> 配合 grid 样式来实现。 我给你写几个常见的写法示例:? 1. 基本卡片列表(List + Card)<template> <a
原创 29天前
197阅读
1点赞
        前言:本题是网易云课堂的前端微专业《页面制作》课程的作业题,当时对题意理解错误没有实现题目要求,成了心中永远的痛,所谓念念不忘必有回响,在学校图书馆花了几个小时做出来并对相关知识点进行了总结,写了这篇博文。好,进入正题。---------------------华丽的分割线------------------------0.需求:当鼠标hov
转载 7月前
64阅读
初始化项目用 vue-cli 快速构建项目vue create ant-design-vue-procd ant-design-vue-pro/安装必要依赖npm i ant-design-vue moment删除/初始化 不需要的文件// clear └──src/ ├───router/ │ └───index.js ├───views/ │ └───
转载 2024-07-11 07:04:12
267阅读
UMI不等同AntDesign(React),但是使用UMI可以减少一些配置工作量,下面笔记主要记录基于UMI环境学习,另外中间夹杂着一些基础技术。关于UMI的说明引自百科:umi,中文可发音为乌米,是一个可插拔的企业级 react 应用框架。umi 以路由为基础的,支持类 next.js 的约定式路由,以及各种进阶的路由功能,并以此进行功能扩展,比如支持路由级的按需加载。然后配以完善的插件体系,
  • 1
  • 2
  • 3
  • 4
  • 5