
前端
文章平均质量分 52
一颗小芹菜的日常
这个作者很懒,什么都没留下…
展开
-
echarts图形的x、y坐标文字设置间隔显示
x横坐标文字设置间隔显示以 echarts 示例里面的 这个折线图为列,当数据比较少时,X轴的类目文字(横坐标)可以完全显示修改左侧的option内容,在xAxis的data数组中再添加两行内容,同时,在series中添加对应数量的值,运行后,可以看到x横坐标已经按照图形大小,自动间隔显示了文字。如果没有特殊要求,这个就可以满足当内容少时,全部显示横坐标文字,当内容多时,自动间隔显示文字在 option 的 xAxis 区域添加 axisLabel:{ interval:0 },这里是设置横坐标的原创 2021-06-22 11:13:13 · 15302 阅读 · 8 评论 -
OpenLayers隐藏默认放大放小按钮
<div id="map"></div>import {Map, View} from 'ol';import TileWMS from 'ol/source/TileWMS';import TileLayer from 'ol/layer/Tile';import {ScaleLine, defaults as defaultControls} from 'ol/control';//安徽省数据源let wmsSource = new TileWMS({.原创 2021-04-20 11:38:57 · 3169 阅读 · 0 评论 -
vue配置环境变量(可验证、步骤详细)
.env.development和.env.production文件是什么?.env.development 是开发环境下的配置文件.env.production 是生产环境下的配置文件如果这两个文件是空的,那么运行 npm run serve 时,process.env.NODE_ENV 的值默认就是 development;运行 npm run build 时,process.env.NODE_ENV 的值默认就是 production; "scripts": { "serve": "vu原创 2021-04-07 17:34:18 · 21590 阅读 · 10 评论 -
合并代码时,处理Merge branch ‘dev‘ of ssh: xxxxxx问题
出现Merge branch 'dev' of ssh: xxxxxx时,你可以这样处理,Please enter a commit message to explain why this merge is necessary.原创 2022-07-22 17:01:13 · 1828 阅读 · 0 评论 -
关于时间的代码片段
关于时间的代码片段时间转换成时间戳,时间戳转换成时间,时间显示几秒前,几分钟前,几小时前等(待更新) //时间转换成时间戳 timeToTimestamp(time) { return new Date(Date.parse(time)).getTime(); } //时间戳转换成时间 timestampToTime(timestamp) { var date = new Date(timestamp); //时间戳为10位需*1000,时间戳原创 2020-11-06 18:34:06 · 319 阅读 · 0 评论 -
vue倒计时翻页插件
介绍一款插件 一款时间翻页的插件,可以在vue2里面使用名称:vue2-flip-countdowngithub地址:https://github.com/philipjkim/vue2-flip-countdowndemo: https://philipjkim.github.io/vue2-flip-countdown/index.html(点击直接看效果)它的最终效果如下图所示:我把它用在我们项目里面,对样式进行了修改,我的效果如下:使用方法如下:安装和下载:npm install原创 2020-11-04 15:44:06 · 2773 阅读 · 9 评论 -
a标签下载pdf文档
开发过程中,有时我们需要点击a标签然后可以下载pdf文档,但是结果经常是pdf文档直接就在浏览器中打开了,那么想要直接下载需要怎么实现呢?实现方式:在a标签的href中写上要下载的pdf文档的地址,加上download下载属性,最后记得让后台给.pdf加个content-type头:application/octet-strea!...原创 2020-10-30 15:15:18 · 6600 阅读 · 0 评论 -
小程序的版本更新 提示用户更新
微信小程序新版本发布之后,用户使用依然是旧版本,这是因为在微信有缓存且不会及时更新至新版本。所以想让用户更新到新版本,可以通过两种方式,一种是卸载小程序后再重新搜索下载,另一种则是小程序中加个功能:给予用户版本更新提示并自动下载安装新版本。原创 2020-09-11 17:28:48 · 1507 阅读 · 0 评论 -
使用element-ui遇到的相关问题
问题1:element-ui 上传图片后 清空图片显示使用element-ui组件,用el-upload上传图片,上传图片后再次打开还是会有原来的图片,如果想要清空原来上传的图片,就需要在组件上绑定ref,在提交成功后的方法里调用this.$refs.upload.clearFiles();就可以清除原来上传的文件。...原创 2020-06-17 21:05:56 · 641 阅读 · 0 评论 -
小程序体验版本接口是http协议,打开不调用接口
工作中遇到的问题:小程序体验版本打开后显示空白只有点击“打开调试模式”再次打开才能显示正常原因:因为体验版本的接口协议是http,但小程序只认https,所以不会去调接口;所以只有打开调试模式才能调接口,这就相当于我们在微信开发者工具上勾选上了“不校验合法域名、web-view(业务域名)、TLS版本及HTTPS证书”。...原创 2020-06-17 15:10:37 · 2696 阅读 · 3 评论 -
组件同名报错、组件嵌套报错
解决vue报错:vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <xiangmu> - did you register the component correctly? For recursive components, make sure to provide the "name" option.,列出两种注册全局组件的方法原创 2020-06-06 10:26:56 · 835 阅读 · 0 评论 -
在vscode的终端上执行编译typescript指令报错的解决方法
最近在学习typescript,然后在写代码测试的过程过发现vscode对typescript的支持蛮好的,typescript的代码是不能直接被浏览器识别的,需要用tsc xx.ts的指令编译成js代码才行,结果在终端中输入编译语句时报如下错误tsc : 无法加载文件C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅http://go.microsoft.com/fwlink/?LinkID=1351原创 2020-05-25 16:37:36 · 3014 阅读 · 1 评论