一、vue中自适应rem的设置新建文件src/libs/rem.jsfunction setRem() {
// 750px为设计稿视口宽度 字体大小默认18px;
const screenWidth = 750
const scale = screenWidth / 18
const htmlWidth = document.documentElement.cli
一、前言 利用Sass预处理实现换肤和字体大小调整。 思路及达到的效果:字体大小的适配使用window.devicePixelRatio的值和需要调整的差量进行控制。页面初始化是的字体适配可以根据devicePixelRatio和css3 media进行适配. 实现方法:1.利用全局变量和bus事件,使用js方式调整字体和颜色(这里暂不讨论); 2.利用scss预处理方式实现
转载
2024-07-13 05:43:43
475阅读
AntDesign-React与VUE有点不一样,第一篇深入了解React的概念之一:JSX一、什么是JSX使用JSX声明一个变量(REACT当中的元素):const element =<h1>Hello,world!</h1>;JSX是一种JavaScript的语法扩展。我们推荐在REACT中使用JSX来描述用户界面,JSX乍一看起来可能比较像是模板语言,但事实上完全是J
之前一篇博客的变色是可以根据选择的颜色变色的,现在需要直接改变主题色,也就是改变默认的那个蓝色,之前的方法用到这里就太繁琐了,百度是个好东西,查到了好用的办法,复制一下,谨防丢失 参考文章: 作者:撑船的摆渡人我用的办法:在项目中改变 SCSS 变量新建一个样式文件,例如 element-variables.scss,写入以下内容:/* 改变主题色变量 */
$--color-primary: t
转载
2024-04-14 14:46:34
395阅读
大文件分片上传就是一个契合分治算法的场景,现而今,视频文件的体积越来越大,高清视频体积大概2-4g不等,但4K视频的分辨率是标准高清的四倍,需要四倍的存储空间——只需两到三分钟的未压缩4K 电影,或者电影预告片的长度,就可以达到500GB。 8K视频文件更是大得难以想象,而现在12K正在出现,如此巨大的文件,该怎样设计一套合理的数据传输方案?这里我们以前后端分离项目为例,前端使用Vue.js3.0
目的:记录一下自己工作过程中遇到的 Ant Design Vue 开发问题 文章目录Ant Design Vue 开发问题async和await让异步编程更简单1、antdv中table组件 scopedSlots 和 ellipsis 属性一起使用,悬浮框失效问题2、antdv修改调用的后端地址3、Java修改application名称和IP地址4、antdv调用后端接口文件5、antdv路由文
第一篇文章简单的介绍了一下ant-design-pro,关于项目的搭建,我想官网的文档已经写得很清楚了,这里就不多做赘述了,这篇文章,我们来探讨一下ant-design-pro的动态路由。
动态路由首先是和用户登录权限挂钩了,不同的角色权限,看到不同的路由菜单,当用户登录后得到roles(角色),前端根据roles(角
转载
2024-03-19 00:04:06
143阅读
使用Ant Design Vue Pro 基础框架都知道好用,但是MultiTab标签一直未解决(V3.0.0),最新版解决了但是要收费9K(2022-01-21日)。 首先需要实现如下:MultiTab标签打开菜单路由页面之后keep-alive就一直保持缓存当前路由页面,直到点击MultiTab标签的X(或者点击菜单:关闭当前/关闭左边/关闭右边/关闭全部)此时删除keep-alive缓存。下
转载
2024-04-24 12:22:04
126阅读
? 大家好,我是小丞同学,一名大二的前端爱好者? 这篇文章是学习 React 中 React antd组件库的学习笔记? 非常感谢你的阅读,不对的地方欢迎指正 ?? 愿你忠于自己,热爱生活引言在我们学习JavaScript 的时候,我们学习了一个 bootstrap 的组件库。可以让我们快速开发,但是我们现在学习了 React ,一种组件化编程方式,很少说会去贴大量的 HTML 代码,再配一下 C
转载
2024-05-06 21:05:09
815阅读
需求:下拉菜单中数据过多,200条以上,就会导致Ant design Vue 中的select组件卡死。所以需要使用滑动到底部使其分页加载 可以借助 onPopupScroll 事件来监听下拉菜单的滚动事件,并判断当前是否已经到达了下拉菜单底部。具体可以通过以下步骤实现: 1、在组件中绑定 @popupScr
转载
2024-04-03 15:12:37
473阅读
1. 本节课将为您演示如何为新建的工作簿,设置默认的工作簿属性。首先点击空白工作簿缩略图,创建一份空白的工作簿。
2. 从字体命令组区域可以看出,工作簿默认的字体大小为11号。那么如何更改工作簿中单元格的字体大小呢?首先点击选择一个单元格。
3. 然后点击字体大小下拉箭头,弹出系统预设的字体尺寸列表。
4. 选择列表中的36号选项,
Ant Design of React @3.10.9
拉取项目 luwei.web.study-ant-design-pro, 切换至
add 分支,可看到 Form 表单实现效果
实现一个新增表单 思路Create表单:@Form.create()
表单数据绑定 getFieldDecorator
渲染查询表单的查询条件 render
定义表单校验条件
转载
2024-10-27 10:55:28
7阅读
使用VUE开发后台管理系统 完全由后端控制左边菜单项思路在传统开发后台管理系统时,都会涉及权限控制这一功能需求 即:根据不同登录的角色账号来使用该账号拥有的功能,也就是说系统左边的菜单栏不是固定不变的,而是根据登录账号的权限去动态控制的,现在主流的两种模式即:1.前后端配合控制 2.完全由后端来控制本章着重来介绍 第二种模式 :由后端数据控制前端的菜单借助Ant Design Pro Vue 来讲
转载
2024-04-19 11:37:14
210阅读
最近在学习使用Vue作为前端的框架,本文记录路由插件vue-router,以及搭建登录页面的过程。
vue-router在使用vue-router时,我们需要做的就是把路由映射到各个组件,vue-router会把各个组件渲染到正确的地方。1安装、起步· 安装 npm install vue-router --save ·2基本用法· <div id="app"
转载
2024-04-30 07:13:32
107阅读
总结对于框架原理只能说个大概,真的深入某一部分具体的代码和实现方式就只能写出一个框架,许多细节注意不到。算法方面还是很薄弱,好在面试官都很和蔼可亲,擅长发现人的美哈哈哈…(最好多刷一刷,不然影响你的工资和成功率???)在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要
转载
2024-06-11 11:48:14
154阅读
GoDB内嵌HTML原始的页面里面已经有一个内嵌HTML的例子了,那就是维护支持页面。下图是稍微修改后的页面...请自行脑补。这里使用的是上一节所说的gdo containter的方法。打开maintenance.frm文件,该文件包括了一个gdo控件,名字叫做gdoMaintenance,查看该frm文件的Source<GDO UID="1"
Name="gdoMaintenance"
X
目标:自己实现一个antd表单组件先看下Ant Design官网上给出的表单组件用法: 1 import React, { Component } from 'react'
2 import { Form, Icon, Input, Button } from 'antd'
3
4 function hasErrors(fieldsError) {
5 return Object.
转载
2024-07-05 06:38:10
600阅读
之前有写过Vue.Draggable实现拖拽效果(快速使用)最近项目中要用到这个拖拽的效果,当产品那个今日头条app编辑导航,拖拽的效果时,心里暗爽,(之前玩过呀,很简单的,事实证明,任何看似简单的东西,实现起来都不会那么一帆风顺,当然:当你真正实现了该效果时,会发现其实还是挺简单的:ps:自说自话,自己打自己脸\(^o^)/~),闲话少说,直接切入正题: 仔细观察发现,今日头条导航部分编辑
工作中需要制作一个看板,选型选用antV G2进行开发。由于项目前端是使用Vue,于是研究了antVG2在Vue中的使用。1.安装antv/g2在WebStrom下面Terminal中输入 npm install @antv/g2 --save 安装完成后为如下状态2.创建一个Vue文件,引入antV/g2 import G2 from '@antv/g2'; 3.创建一个函数,函数内部创建一个C
antdesign-vue结合sortablejs实现两个table相互拖拽排序实现效果sortablejs介绍具体实现 实现效果本来想在网上看看有没有基于antdesign做的,然后发现是真的少啊!废话不多说,先上图:sortablejs介绍首先先来认识一下这个插件: sortablejs 大家可以去细读一下它的api文档: 这边我就着重介绍一下我用到的api。 1.group可以传入对象,参
转载
2024-06-26 06:14:08
264阅读