![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
文章平均质量分 85
cinoway
人最难是接受平庸的自我,也最难填满那颗无底洞的内心。
展开
-
解决前端项目中动态获取项目路径问题之Location对象
书到用时方恨少,用好对象没烦恼。今天简单记录一下Location对象使用后的一些笔记。需求:处理项目中静态资源的(绝对路径的获取)今天在全局处理项目静态资源路径的时候,想把相对路径全部换成绝对路径,这样的话方便后期维护,但是维护一个路径变量后期在开发过程中随着服务的改变还要反复修改这个路径,感觉很麻烦。所以我们可以动态的去获取当前的服务路径。Location:Location 对象存储在 Window 对象的 Location 属性中,表示那个窗口中当前显示的文档的 Web 地址Locat.原创 2020-07-16 11:13:59 · 1449 阅读 · 0 评论 -
文本溢出处理(显示省略号)之溢出事件监听
1.文本显示溢出处理以及注意事项在处理前端的文本时候,我们可能需要对多余的文本进行省略显示。.text-overflow { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vert...原创 2020-04-13 18:05:48 · 2408 阅读 · 1 评论 -
html5 js(Javascript-Barcode-Reader)实现上传图片或拍照识别条形码的功能
废话不多说,先描述一下场景:本案例是通过图片上传或者拍照来识别出图片上条形码的内容。调研发现目前 识别条形码推荐最多的两个js库分别是 quagga.js 和barcode-reader,这里我选择barcode-record 因为看了两个文档对比发现后者实现起来更方便效率上也更高效点。习惯性附一下:javascript-barcode-reader的npm地址:https://...原创 2019-09-27 18:05:02 · 4438 阅读 · 20 评论 -
关于echarts插件图表渲染后四周留有大量空白区域解决
最近一直在做报表,报表中需要用到大量的图形展示,echarts 图表在渲染出来后四周留有大片的空白区域,看起来总是感觉不舒服,如下图:红色区域为设置echarts的大小区域范围,而真渲染出来的四周并没有铺满。解决方法:参考 Echarts 配置项属性:grid,(附上地址:https://echarts.baidu.com/option.html#grid)其中 grid 有四个...原创 2019-07-10 10:15:34 · 12760 阅读 · 1 评论 -
canvas 画布转64位图toDataURL 方法总结
**h5 canvas的toDataURL 这里的前提所绘制上去的图片也好还是文字必须是本地(和当前网页同一个服务器的地址)的图片。** 因为项目中要用到将后台传输的一个编号和放到一张图片上,最后在手机上要能保存这张图片,当然这张图片上要有这个编号,这里我所想到就是将取出来的编号和这张图片绘制到一张canvas 上,最终将这张画布转换成图片,好了,讲到这上代码吧。<div class="...原创 2017-10-27 14:15:51 · 868 阅读 · 0 评论 -
总结在使用vue-photo-preview---图片查看大图插件,点击图片无法显示预览等问题
说明前先抛一下官网地址:http://npm.taobao.org/package/vue-photo-preview1.使用安装npm install vue-photo-preview --save2.在main.js配置引用import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/sk...原创 2019-06-21 17:31:27 · 7815 阅读 · 10 评论 -
js 如何将 图片的base64位编码转换为上传时的文件流
今天使用cropperjs 裁剪图片上传时,发现cropper裁剪后的图片都是base64位图,我们后端非让我处理成原始上传文件流传给他,经过尝试发现以下方式:/*** @description: base64位图片转码文件流* @param {type}* @Date: 2019-05-25 09:57:22*/base64toFile (dataurl, filen...原创 2019-05-25 17:35:53 · 12113 阅读 · 7 评论 -
解决ios系统下iframe滚动失效问题。(附带 kindeditor.js等插件ios滚动失效处理)
背景:最近因早期项目中反映出很多页面在ipad以及苹果手机中出现无法滑动的问题,所以开始去排查代码中的问题,经过重重测试最后定位到iframe的问题。处理方式:通过查找才发现在ios下iframe的滚动兼容确实存在问题,网上搜集到处理方式是:在iframe的外层嵌套一个div,设置div滑动:iframe的高度可以通过js进行动态计算赋值。设置样式-webkit-overflow-s...原创 2019-05-21 13:19:52 · 738 阅读 · 0 评论 -
VS CODE开发配置
为了方便团队合作开发管理项目,放弃了轻量快速的sublime,从而走向vscode一,首先配置自动保存格式化模板打开应用扩展后,1)、下载Prettier - Code formatter和ESLint插件,如下图。2)、下一步File>Preferences>settings(文件>首选项>设置),打开用户设置文件(USER SETTINGS)...原创 2019-04-10 17:28:54 · 284 阅读 · 0 评论 -
node版本管理nvm使用过程中的一些总结(类似nvm use 无效,版本切换导致npm 失效等问题)
最近因为在做vue项目,做的过程中顺便学习了node的版本管理器nvm,感觉很有意思,可以去切换我们所需要的版本,整个过程高效方便。闲话少说,记录一下最近遇到问题方便以后回顾。nvm-windows下载地址:https://github.com/coreybutler/nvm-windows/releasesnvm安装后操作流程可以参考这篇文章:https://blog.csdn.net/...原创 2019-01-15 15:17:07 · 14108 阅读 · 5 评论