摘要:
需求 - 要在react项目中实现颜色获取器功能 解决方案 - 使用react-color 依赖 - git地址:https://github.com/casesandberg/react-color - 文档地址:http://casesandberg.github.io/react-color/ 阅读全文
摘要:
需求 要求用户阅读完本页所有内容后,下一步按钮才可以点击。 实现思路 通过判断当前页面是否到达底部来设置按钮的点击事件。 要判断当前页面是否到达底部需要用到三个距离——距离顶部的距离scrollTop、可视区域的高度clientHeight、滚动条的高度scrollHeight。 代码(在vue项目 阅读全文
摘要:
需求 展示海南省地图,点击市高亮展示,并在右侧展示对应市的相关数据。 准备工作 Echarts 海南地图json 效果图 代码 index.tsx import React, { useRef, useEffect, useState } from "react"; import Sss from 阅读全文
摘要:
1. 在el-dialog中获取el-table的ref为undefined 问题:虽然设置了el-dialog的visible为true,但此时Dom并没有更新,因此在Dom更新前取不到el-table。 解决:通过vue.nextTick()方法,在Dom更新后再获取el-table。 阅读全文
摘要:
1. Property 'generatePdf' does not exist on type 'Element'. 问题:ts类型校验报错,使得编译失败 解决方法:将报错字段定义为any类型 阅读全文
摘要:
作用:可以实现在指定的位置预览PDF 缺点: (1)在iPad上只能预览一页PDF。(问题是iPad会将PDF转为img呈现,试了将img宽度设置为100%方法但并不好使) (2)在安卓上不能预览,依旧是下载。(问题是因为安卓浏览器不支持预览PDF,只能下载后用app打开) git地址 https: 阅读全文
摘要:
问题:在VUE项目中,需要请求后台接口获取数据,这时往往会出现跨域问题 解决方法:在vue.config.js中devServer配置proxy 常用的场景 1. 请求/api/XXX现在都会代理到请求http://www.baidu.com/api/XXX,例如/api/login代理到请求htt 阅读全文
摘要:
问题:在vue项目中, 需要将标签上的icon换成自己所需的,发现在更换了public/favicon.ico后,没有生效,依旧是原来Vue的icon。 解决办法:在vue.config.js中,修改pwa配置 代码 module.exports = { pwa: { iconPaths: { fa 阅读全文
摘要:
效果图 实现思路 编辑一个svg文件,可以自定义线条颜色和粗细。 将svg文件转为base64格式,作为背景图属性设置。 svg转base64的网址:https://www.sojson.com/image2base64.html 实现代码 # line.svg <svg xmlns="http:/ 阅读全文
摘要:
需求 针对list中某个字段,实现list的升序和降序 效果图 代码 我是用在angular1.X中项目的,根据list中的sort字段进行排序。 # sort.html <style> .list-sort .upper-sort { width: 0; height: 0; margin-bot 阅读全文