前端技术汇总
文章平均质量分 78
前端技术汇总。
jimson_zhu
Think more and do more.
展开
-
前端开发技术点总结(七):2020-2021年
一)如何显示和下载二维码?1、使用第三方组件“vue-qr”进行二维码组件的封装1)下载引入npm i vue-qr --saveimport vueQr from 'vue-qr'<vue-qr ref="Qrcode" :text="qrCodeData.url" :margin="30" colorDark="#000" colorLight="#fff" :dotScale="1" :download="downloadFil...原创 2021-01-31 12:24:47 · 1706 阅读 · 0 评论 -
前端开发技术点总结(六):flex布局案例
使用flex弹性盒子布局,在标签元素的布局可以起到很好的作用。案例如下。需求:一行显示3个带图标的选项,选项平分。代码如下。html: <div class="titleItem"> <a href="#" class="item"> ...原创 2019-11-21 17:18:59 · 454 阅读 · 1 评论 -
前端开发技术点总结(五):Canvas使用总结
一开始接触html5的Canvas是觉得新奇的,然而之后的心路历程是这样的:感觉挺有意思的!靠,什么东西好难用!线条和圆圈怎么会画成这样!哦,原来是这样啊!嗯,挺好用,有意思……折腾了两天,终于基本上手Canvas了,画起东西来还是很有意思的,大家可以试着上手一下,虽然心路历程可能差不多,微笑脸。以我的经历来看,大多数的人可能会觉得难的点在于:两点之间怎么画线?连续的点怎么连接地画出来?圆...原创 2018-06-14 18:25:01 · 547 阅读 · 0 评论 -
前端开发技术点总结(四):JS常用数组方法和去重
常用数组方法和数组去重总结。原创 2019-10-08 12:33:24 · 224 阅读 · 2 评论 -
前端开发技术点总结(三):样式类技术点记录
在前端开发过程中有很多好用和常用的样式技术点,这里做一个总结记录。1、文字显示限制行数,超出部分显示为指定效果 很多时候我们希望文字超出部分隐藏或者显示为省略号形式,比如标题过长时或者多行字数的处理等等情况。这时候可以使用下面的样式属性进行设置,这里针对的是谷歌浏览器,其他的浏览器自行查阅。{ display:-webkit-box; -...原创 2019-10-03 22:47:28 · 531 阅读 · 1 评论 -
前端开发技术点总结(二):常用技术点记录
1)一列图标的大小调整和对齐 这种情况经常发生在UI所给图标大小不一,需要手动调整的情况。1)宽高使用作用是限定图标在一个box里面;2)position和transform的使用是使图标随着中间点放大缩小;3)left和top这些方位属性用于调整图标竖排或横排的对齐位置。width: 22px;height: 22px;position: absolu...原创 2019-08-27 01:19:53 · 1479 阅读 · 1 评论 -
前端开发技术点总结(一):git和npm常用命令
Git团队开发 项目开发过程中经常是围绕项目主分支master来开发。首先是基于主分支每个人新建自己的开发分支,一般以自己的名字命名,分支名列举:masterjimsontimlilyhanmeimei 一般会将项目代码托管到一个地方,这个地方可以是github,也可以是其他第三方托管仓库。平时就在本地自己的分支下进行开发,开发完成之后提交到项目远...原创 2019-08-27 00:18:59 · 319 阅读 · 1 评论