![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术
文章平均质量分 50
lemon_love_tree
这个作者很懒,什么都没留下…
展开
-
vscode中开启eslint和prettier,对代码进行校验和格式化
我们一个团队在开发代码的时候, 代码的格式和代码的风格要统一,这样子在开发起来也会顺心。我主要是运用了eslint和prettier进行代码的校验,我们已保存代码就会触发prettier进行代码格式化优化。我主要是写的vue框架,所以针对的也是vue。第一步:安装vscode中的插件并开启2.新建.prettierrc.js, eslintrc.js和.eslintignore文件.prettierrc.js文件:prettier的设置文件(按需添加)//文档https://prettie原创 2021-07-29 20:58:19 · 2354 阅读 · 0 评论 -
flex布局(图片自适应展示)
利用flex布局实现多张图片自适应展示实现效果实现方式实现效果实现方式我是利用flex布局来控制的.这样子写的话会有一个问题,因为space-between是两端布局,若是一行的图片没有5个的话,他中间的间距会拉大,不会一直保持这个间距自适应。最后加了一个计算的方法,来判断图片是否撑满了一行,若是没有撑满一行,则我们生成div,将图片撑满。js:/**flex布局计算一行放多少个,没放满往前挤 * PIC_WIDTH: 图片的宽度 * TOTAL: 代原创 2021-05-25 20:53:41 · 4905 阅读 · 0 评论 -
COS上传图片
@TOCCOS上传图片https://blog.csdn.net/qq_41485414/article/details/89208504COS上传图片作为前端人员,先前一直都没有接触过腾讯域名,因为我一直觉得那是后台的一部分,但是这次老大突然叫我学习一下腾讯云,并且做一些操作,刚开始上传图片是到公开的存储桶里面,后来因为资料的特殊性,所以要把资料上传至私有的存储桶。主要我是一个菜鸡,不太会...原创 2019-04-12 15:36:10 · 2139 阅读 · 0 评论 -
图片的压缩和裁剪
React手机端和vuePC端图片上传React手机端图片压缩在这里要介绍一下一个插件lrz,插件地址https://github.com/think2011/localResizeIMG/,这个插件确实很好用,我在vue和react框架里面都使用到了。先来说一下在ant-design-mobile中使用。**componentDidMount() {let mythis = this;...原创 2019-04-25 22:57:41 · 416 阅读 · 0 评论 -
Ant Design中Table表单行列合并
Ant Design中Table表单行列合并Table组件实现方法Table组件前几天,客户有个需求,就是把一个excel表做成一个页面,里面的行列都可能会合并。类似这种的:一般第一步都会先看一下ant design的文档,看看是否有相似的。最后发现是有相似的页面。像这种:但是我当时就仅仅只关注了Table组件的colSpan这个属性,这个在这个上面是写死的,当时可能是脑子秀逗了,不...原创 2019-07-14 21:27:24 · 9979 阅读 · 5 评论