前端
那记忆搁浅
小小码农~~
展开
-
web直接上传大文件到阿里云oss(断点续传)
由于项目需求,需要给客户上传大文件到oss的权限,话不多说,百度上找了很多代码都是有问题的。。自己搞了好几个小时1、需要先登录阿里云创建阿里云RAM子账号创建成功后保存好accesskey 和accesskeySecret,一会后面要用到2、给用户添加授权,让用户可以调用角色接口3、建一个自定义规则RAMtest给RAM角色再给这个RAM角色添加这个自定义授权R...原创 2020-03-23 08:37:27 · 3883 阅读 · 4 评论 -
echarts图片的打印问题
echarts图片很方便也好用,但是最近项目里用到了打印功能,要把页面图表也打印出来。神奇的是,一点打印,图表就不见了,找了一下原因,原来是因为echarts是动态渲染出来的。有什么办法能解决呢,找了万能的度娘,终于还是解决的我的问题。那就是在图表渲染完成后将图片导出,并将图片地址赋值给img标签,打印时就打印img就能打印出图表。具体如下echarts提供了一个finishe...原创 2019-06-13 14:02:42 · 4358 阅读 · 5 评论 -
使用window.print打印的注意点
有时我们只需要打印页面的一些区域,我的做法是将不打印的区域元素隐藏,打印区域的元素显示,如下function printTest() { if(!$('.img1 img').attr('src')||!$('.img2 img').attr('src')){ layer.msg('请等待图表渲染完成再进行打印!'); return false; ...原创 2019-06-13 13:56:38 · 5220 阅读 · 0 评论 -
jquery中的attr和prop方法
attr是用在自定义属性的prop是用作元素固有属性的,比如a标签的href这种,是a标签本身就有的属性单选和多些一定用prop来获取checked,用attr会失效。。麻痹。。搞了我一下午时间。。...原创 2019-05-05 17:27:28 · 259 阅读 · 0 评论 -
js中对象长度的获取
假如现在又一个对象var field={'heart':1,'eyes':2};我想获取它的长度,用field.length打印出来是undefined;对象长度用length是获取不到的,应该要用Object获取。var x=Object.keys(field);console.log(x.length);这样就能获取到对象的长度了。...原创 2019-05-08 10:47:28 · 3607 阅读 · 1 评论 -
百度ueditor编辑器图片、文件、视频直接上传到阿里云oss
最近开发的项目中要求要把图片文件等都直接上传到阿里云,不放在服务器上。好吧,说了就开干。1、修改uploader.class.php,修改的地方我标红了(添加了一下注释。。然后代码模板背景色全变黑色了。。标红的样式全不见了,自己对比一下代码哈)由于ueditor是第三方的插件,里面的uploader.class.php并不是框架里的东西,所有使用命名空间直接引用是引用不到oss的类的,...原创 2019-03-19 14:29:26 · 5411 阅读 · 12 评论 -
用grunt搭建自动化的web前端开发环境-完整教程
最近在学习前端方面的构建工具,学习了grunt和webpack,也想总结一下,我是跟着别人的文章与视频来学习的, 所以就把他们的文章转载过来吧,因为已经写的特别好了,在此特别感谢写这篇文章的博主,看了文章或者视频基本已经能够入门了;现在先转载关于grunt的搭建,一下是转载内容,也方便自己以后查看:(博主原文地址:http://blog.csdn.net/wangfupeng1988/articl...转载 2018-12-11 13:47:24 · 224 阅读 · 0 评论 -
angular中ng-switch的使用
如下图,数据库中性别字段非必填,所以出现有些数据没有性别一栏是空,而且数据库中性别的值为英文的Male或者Female,在模板上显示时需要判断,然后显示出对应的性别,用ng-switch配合ng-switch-when就可以很好的解决这个问题了。跟ng-if类似...原创 2018-10-17 15:55:53 · 3550 阅读 · 0 评论 -
推荐一款高效的设计稿标注、测量工具--前端工程师必备
之前做前端的时候一直都是用ps放大图片进行测量,鼠标稍微一抖。。又得重新拉一次选框。。而且ps程序较大,启动速度也比较慢,对于配置低点的电脑来说还是有点费内存的。今天偶然发现一款很好用的标注和测量工具——make man,中文马克鳗。官方网址:http://www.getmarkman.com/马克鳗markman是既有爱又给力的长度标注神器,马克鳗使用起来也是非常简单,双击添加测量,...原创 2018-08-08 00:29:38 · 7608 阅读 · 0 评论 -
vue $ref的基本用法
1、使用在一般的标签上<div id="app"><input ref="count" type="text" v-model="active.name" required name="name" value=""></div>这样在vue中我们可以使用$ref来获取dom节点,进行一些dom原创 2018-08-11 17:25:21 · 3042 阅读 · 0 评论 -
又推荐一款代码高亮插件——prism.js
这是国外的一款js插件,里面也有很多样式可以自定义。https://prismjs.com/进入首页后点击download,然后就进入自定义的页面了。选择你要的主题,代码语言,还有js插件包,然后点最下面的两个大按钮下载js和css接着就是在你要使用的页面中引入这个js和css咯。。然而。。你引入后可能会发现你的代码并没有变化。。那是因为这个插件默认是对带有class*=l...原创 2018-08-02 14:31:13 · 4798 阅读 · 1 评论 -
h5 canvas的书写问题
今天有个同事遇到了canvas的一个问题,之前我也没注意到。<canvas id="myCanvas"></canvas>他把canvas画布的宽高写在了head里面的style里。。结果出现了莫名其妙的问题,比如写一个画板,用这样的形式规定canvas画布的话,会导致鼠标位置不正确,还有线条粗细也比原来粗。写成下面这样就是没问题的<canvas id="myCanv...原创 2018-07-08 14:59:31 · 401 阅读 · 0 评论