- 博客(50)
- 收藏
- 关注
RSS订阅原创 echarts初始化时只显示100px的问题
初始化el-container时，需要选择项目才可进入el-main；以上就能明白为什么show为false，但是对应的路由还是执行了，导致echarts在element还未mounted时就加载，获取不到父级的width和height。遇到问题呢，可以看下具体问题；2、如果有el-tag, 设置v-if进行判断显示echarts模块的显隐；3、设置一个定时器 settimeout去init chart；1、直接设置echarts的宽高；
2024-04-01 16:55:51
290
原创 element-plus中的日期时间选择器el-date-picker；日期选择面板中选定起始与结束的日期只能改具体的时刻，日期默认是一个月没法动态修改问题
对于年月日的修改的话，默认是一个月的设定，这与我的需求不一致，我需要是默认一周的范围才可。所以我决定直接修改它的源码。使用datetimerange进行范围选择时，在日期选择面板中选定起始与结束的日期，默认会使用该日期的00:00:00作为起始与结束的时刻；目前遇到一个问题，在使用element-plus中的日期时间选择器el-date-picker，type为datetimerange时，展示的日期选择面板有两个输入框，开始时间和结束时间，element-plus只提供了default-time。
2024-03-28 16:00:18
478
原创 el-menu collapse时图标不见，文字和箭头没有隐藏问题
问题描述：使用el-menu时，菜单收缩和展开正常，但是存在以下两个问题。第二个问题好解决，有很多解答（注：不能加scoped，不然不起作用）以上作为一个记录，如果你们也遇到类似的问题，能帮得到你们就好。
2023-04-26 14:38:01
1030
原创 input focus改变边框颜色
我需要将其变成浅绿色，修改focus和focus-visible的border-color都没有用；后面发现需要设置下input的outline-stylenone;这样就可以改变边框颜色了。记录一下遇到的小问题input当focus时边框颜色是深蓝色，就像这样。...
2022-07-20 14:27:24
4179
原创 OAuth2.0 golang接入百度平台授权
根据code可以获取access_token和refresh_token（用于刷新access_token）注意百度开发者平台填写callback后有一定的延时，需耐心等待。3）编写golang服务oauth.go文件，端口是8082；点击html页面会跳转到授权，成功后会返回code值。2）callback地址需要在OAuth中配置好。4）执行oauth.go服务。......
2022-07-18 11:34:45
790
原创 H5 pc录视频和拍照并能预览照片和视频
最近做了一个项目关于：用H5做pc端录视频和拍照并能预览照片和视频。遇到的一个问题和解决办法这边记录一下，有需要的可以看下：录视频后得预览一下，网上找了很多例子，比如用video或者video的source进行兼容什么的，还有将file文件进行转码function getObjectURL(file) { var url = null ; if (window.createObjectURL!=undefined) { // basic url = window.createO
2021-10-28 11:15:33
414
原创 antd 中 Tooltip 和 Popover 组件第一次打开位置错位，第二次正常
antd 中 Tooltip 和 Popover 组件第一次打开位置错位，第二次正常的问题记录：设置点击事件trigger=“click”，第一次打开是偏下，第二次再次点击即正常，https://ant.design/components/popover-cn/官网也没有显示，网上很多是说将content的内容限制好宽高，这在实际项目中是不可能的，不可能每可以进行设置：forceRender={true}<Popover placement="left"
2020-10-15 11:26:14
5637
原创 antd design Select设置defaultValue没有作用
问题：Select组件设置defaultValue没有作用，排查发现是设置了labelInValue，查看API直接设置defaultValue没有效果，后面用对象的格式就可以，{key: "",label: ""}赋值给defaultValue即可。
2020-09-04 22:45:12
2266
2
原创 antDesignPro upload+fetch+formdata实现上传
需要的数据格式是这样的，之前遇到过获取不到参数或者类型不对等各种问题；现在将解决方案做个记录：1、用formdata封装数据：formData.append('file', fileList[0].originFileObj);formData.append('任意参数', 任意值);2、调用dispatch时的payload: formdata3、service文件夹的调用接口的js特别注意：method: 'POST',data: params,headers: { .
2020-09-03 20:52:43
1723
原创 svn报错：浠ュ墠鐨勬搷浣滄病鏈夊畬鎴愶紱濡傛灉瀹冭涓柇锛岃鎵ц鈥渟vn cleanup鈥?
提交svn时遇到两个错，这里记录一下：问题：浠ュ墠鐨勬搷浣滄病鏈夊畬鎴愶紱濡傛灉瀹冭涓柇锛岃鎵ц鈥渟vn cleanup鈥?按照提示使用右键-》cleanup，默认的选项是点击确定，再次提交还是报错；后面使用命令行解决：svn cleanup注：本人使用的是Mac，项目放在Mac的里，在虚拟机里没法用cmd去打开对应的文件夹，尝试直接在Mac上打开终端，到对应的文件夹使用命令行svn cleanup报没有权限，加上sudo svn cleanup 回车输入密码即可。2、报错：Unab
2020-07-28 17:50:46
4492
原创 对修饰器的实验支持功能在将来的版本中可能更改。在 “tsconfig“ 或 “jsconfig“ 中设置 “experimentalDecorators“ 选项以删除此警告。
突然vs code提示对修饰器的实验支持功能在将来的版本中可能更改。在 “tsconfig” 或 “jsconfig” 中设置 “experimentalDecorators” 选项以删除此警告。这样的报错，查看度娘，好多是要下载依赖包，后面发现只要将vscode设置下就行：Mac下：code-》首选项-》设置搜索experimentalDecorators，将勾勾上就OK了。...
2020-07-16 16:58:42
16008
5
原创 antd design pro菜单打开http链接
pro的动态菜单之前有写过，这里就不重复了。现在遇到的问题是点击菜单的某一个跳转的是http链接，不是路由，将http放在菜单时进行跳转时会跳转到当前IP地址后面加/+http的地址，相当于http前面有一条斜杆。翻阅pro的githup查issues看别人有没有遇到类似的问题，发现了两个类似的：如何配置不展示在菜单中的router：https://github.com/ant-design/ant-design-pro/issues/227menu里配置外链，生成path错误：https://git
2020-07-16 11:32:25
3675
原创 百度地图添加信息窗口InfoWindow被遮住的问题
问题描述：大屏展示了地图和各个模块，地图在最底层全面展示，两侧有描述信息用的position定位，z-index比地图高，则在地图的上面；问题是地图有打点，点击打点用百度地图自带的添加信息窗口InfoWindow展示打点信息，该弹出框一直被两侧的内容给遮住，不管怎么设置z-index的层级都没有用？想过很多办法，比如：1、用百度地图自带的添加信息窗口InfoWindow，将该窗口的position设置成fixed，但是也不成；2、将地图的各个z-index修改，但是地图会遮住两侧；两边的层级比中间的高
2020-07-16 10:57:08
2103
2
原创 react修改URL不刷新页面
有一种情况，不得不将参数放在URL上，但是又不想让别人看到参数，所以能获取到数据后将参数去掉又不影响路由的正常跳转，而且不刷新页面，特别是不能刷新两次。location.href 如果参数在路由的后面，可以用这种办法。location.href = location.href.origin + window.location.hash.split("?")[1];window.history.pushState({}, 0, 新的地址);如果参数在路由的前面，则用该方法，用location.h
2020-07-10 10:37:45
6480
原创 antd upload上传图片在IE11中出现的问题 err_connection_reset
问题：upload一开始使用在谷歌和IE都可以，但是最近出现了以下问题，在IE11和谷歌都偶尔会出现访问不到action的链接问题；1、在IE中，直接用 https://www.mocky.io/v2/5cc8019d300000980a055e76这是组件里的action链接时，会访问不到该接口：2、后端没有给保存图片的接口，所以考虑将该action去掉；但是去掉之后会报：3、后面查了以下API，发现是beforeUpload方法中有返回promise对象导致的错误：4、解决方案：考虑将be
2020-06-12 11:13:36
1639
原创 antd pro 自定义菜单 经过子级时主菜单会上下移动
问题描述：左侧主菜单点击出现右侧子菜单，通过修改子菜单的样式，将其定位在其右侧；经过sonMenu9及以下时，主菜单menu5会下移，经过sonMenu7时，主菜单menu5会上移，经过sonMenu8及以上时，主菜单menu5会不动：第一种投机取巧办法：将子菜单的高度调到主菜单menu5以上，这样避免了经过时的上下移动；第二种一劳永逸办法：将主菜单的ant-menu-submenu-title设置margin：0 !important；多番认证发现是这个ant-menu-submenu-title
2020-05-13 22:52:19
566
原创 纯前端使用vlc\ffmpeg 实现浏览器播放rtsp直播视频流
如何只靠前端实现浏览器播放rtsp视频流这次接到任务实现浏览器播放海康rtsp视频流，尝试过很多办法：通过vlc将rtsp转成rtmp，然后通过客户端通过video标签播放通过ffmpeg + nginx + video，rtsp转rtmp播放通过ffmpeg + video，rtsp转hls播放这些方案都试过，但是我这边没有成功过，具体的你们可以参考这个 https://juejin...
2020-04-14 17:36:34
2781
6
转载 npm ERR! missing script: start和ENOTFOUND localhost问题
1、npm ERR! missing script: start执行npm start 时，出现“npm ERR! missing script: start“错误出现这个主要的原因是：package.json中没有配置start；解决方案1:通过react重新构建项目解决方案2:执行 npm run dev;有可能这时候会报错 ENOTFOUND localhost：这时候就...
2020-04-14 14:21:57
8620
原创 Mac react，存 "index.jsx"失败: 权限不足。选择 "以超级用户身份重试" 以超级用户身份重试
1、首先将此权限都改成读和写2、上面这步只能改当前文件夹的权限，里面的内容没有改变，所以还得将里面的内容也全部覆盖到
2020-04-14 10:41:41
6711
原创 Unpacking objects：53%；hint: Updates were rejected because the tip of your current branch is behind
Unpacking objects: 53% (22/41) 一直进行不下去；还报一下以下错误：git pull或push都不行，一直报错，后面强制更新git pull -f origin dev；这样执行过后就好了，直接用git pull 或 git push 都可以了。...
2020-02-22 23:13:03
435
原创 moment 二十四小时制
用react时经常需要用到时间，moment是常用的：import moment from ‘moment’;moment().format(‘YYYY-MM-DD HH:mm:ss’); //当前时间moment().add(-1,‘year’).format(‘YYYY-MM-DD HH:mm:ss’); //当前时间 前一...
2020-01-14 09:53:50
3747
2
原创 antd-design treeselect 默认显示树
需求是默认一进去显示整棵树，但是在antd-design（https://ant.design/components/tree-select-cn/）默认都是收起来的，没有API满足这个需求；本想用原来的tree树，但是循环起来太麻烦了；而且也找不到对应展开树的方法，被封装的太深了。后面终于找到了对应的API，只是antd-design没有写而已。<TreeSelect style=...
2019-11-17 21:50:27
4178
原创 ant-design-pro与服务器交互遇到400问题
HTTP Status 400 - Required String parameter ‘xx’ is not present遇到这个问题，首先要看ant-design-pro的request是怎么封装的链接是：https://github.com/ant-design/ant-design-pro/blob/master/src/utils/request.tsFormData和Payl...
2019-10-29 19:04:48
858
1
原创 ant-design-pro v4 从服务器请求菜单
ant-design-pro写的比较笼统，router-nav-cn这里详细介绍一下从服务器请求菜单的过程：第一步：找到入口文件layouts/BasicLayout.js第二步：配置请求方法及菜单调用menuData第三步：新建一个menu.js，调用 model 的 effect第四步：调用统一管理的 service 请求函数最后一步：json格式注意：如果菜单有子级时，...
2019-10-19 10:50:32
3625
原创 ant-design-pro v4 的menu改用自定义icon或iconfont
ant-design中有介绍如何使用阿里巴巴图表库的icon，调用iconfont的 生成的url 封装一下啊。iconfont如果使用ant-design-pro v2的话：src/components/SiderMenu/BaseMenu.js 文件中：import { getMenuMatches } from './SiderMenuUtils';import { isUrl }...
2019-10-19 09:39:25
2975
2
原创 Error: EACCES: permission denied, mkdir '/node_modules/.cache'
一开始使用ant-design-pro时，按照开发手册的执行步骤，当执行到npm start时，就开始报这个问题，很明显是没有权限，但是当使用sudo npm install进行下载时，继续执行npm start还是报一样的错；后面才发现是因为ant-design-pro需要安装 yarn、node 和 git；技术栈基于 ES2015+、React、UmiJS、dva、g2 和 antd...
2019-10-16 13:56:21
2330
原创 如何让单页面支持 3840x2160分辨率的电视机，响应式布局
试过很多办法，设为百分比的话，页面显示OK，但是字体什么的会有点异常，所以直接判断分辨率，通过transform:scale进行放大或缩小倍数的办法来实现不同分辨率的适配。(function($) { // 插件的定义 $.fn.scale = function(options) { var obj = this; var opts = $.e...
2019-10-11 15:13:17
1809
原创 vscode 打开终端/新建终端的快捷键
Ctrl + ` 打开默认终端;Ctrl + Shift + ` 新建新的终端;Ctrl + Shift + Y 打开调试控制台,然后再自行切换终端选项;注意：` 在键盘数字1的左边。
2019-09-30 14:59:20
2876
原创 ERROR in static/js/0.4cf92f088ca8370e9cdf.js from UglifyJs Unexpected token: punc webpack打包时出错解决方法
将一个vue-cli项目使用webpack打包时，一直出现这个错上网查了很久，都是推荐安装babel-es2015之类的包，但是一放上去就会报更多的错。于是发现是打包时time-formater报错，也就是在打包过程中，这个包下的所有JS文件没有使用babel-loader。在build文件夹中的webpack.base.conf.js文件中，做如下修改：{ test: /\.js...
2019-09-19 14:08:15
492
转载 前端开发不得不知道的网站大全
作为一名前端开发者（所有程序员）最起码遇到bug就算不会解决也应该会搜解决问题的答案。一般笔者会先在百度搜（关键词一定要输入正确）如果没搜到会再去bing里面看看还没有的话就去github的Issues里面再看看如果还不行就只能自己去看官方文档然后自己研究了。只是知道搜解决问题的方法这是最基础的，遇到问题才会去想办法解决，而作为一名积极进取的程序员应该随时跟着时代的潮流走，不断的拓展...
2019-09-17 14:35:37
680
原创 vscode: Visual Studio Code 常用快捷键
主命令框F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内，可以输入任何命令，例如：按一下 Backspace 会进入到 Ctrl+P 模式在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式在 Ctrl+P 窗口下还可以:直接输入文件名，跳转到文件? 列出当前可执行的动作! 显示 Errors或 Warnings，也可以 Ctrl+Shif...
2019-09-17 13:58:25
203
原创 前端优化七点
主要是以下七个方面：减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化减少请求数量【合并】如果不进行文件合并，有如下3个隐患1、文件与文件之间有插入的上行请求，增加了N-1个网络延迟2、受闭包问题影响更严重3、经过代理服务器时可能会被断开但是，文件合并本身也有自己的问题1、首屏渲染问题2、缓存失效问题所以，对于文件合并，有如下改...
2019-09-04 16:14:53
133
原创 苹果Mac系统常用快捷键
苹果Mac系统常用快捷键：Command+Tab 任意情况下切换应用程序 - 向前循环Shift+Command+Tab 切换应用程序 - 向后循环Command+Delete 把选中的资源移到废纸篓Shift+Command+Delete 清倒废纸篓(有确认)Shift+Option+Command+Delete 直接清倒废纸篓Command+~ 同一应用程序多窗口间切换Comma...
2019-09-03 14:53:22
254
原创 react路由的使用详细说明
路由的使用npm install react-router-dom --save-dev //这里可以使用cnpm代替npm命令<HashRouter> <Switch> <Route exact path="/" component={Home}/> <Route exact path="/detail" co...
2019-09-02 17:08:11
262
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人