luoqiang 发布于 06月12, 2019

vw+rem移动端自适应布局

不管是面试还是工作过程中,移动端的布局都比较常见,而移动端适配方法也是多种多样。一般来说,主要还是从viewport、rem、百分比几个点下手。一般来说,开发过程中,我们希望能够直接按照设计图来开发,不管设计图是两倍还是三倍图,能够直接写设计图尺寸而不需要换算,同时有高质的设计图还原度,想想都比较爽...

阅读全文 »

luoqiang 发布于 05月16, 2019

单页应用的部署方案

本文主要简单讲一下单页应用的开发及部署方法,默认你懂一些服务端知识及nginx知识,如果有任何可以在下方评论留言。单页应用SPA(单页应用)可以说是这几年前端领域的一个技能栈了。 单页应用不同与传统的多页面应用,顾名思义,单页应用整个应用架构中只有一个实际页面运行,再借助于H5的History A...

阅读全文 »

luoqiang 发布于 04月29, 2019

小程序canvas生成分享封面和朋友圈海报

生成分享封面和朋友圈海报在小程序中是一个比较常见的需求。小程序默认分享是截图当前页面再配上标题简介分享给好友或者微信群,默认生成的截图的效果并不太好,而且也无法分享到朋友圈,所以生成生成一个自定义的封面分享给朋友会有一个比较好的体验,也更容易获取流量,此外生成一个海报发布到朋友圈也是一个宣传小程序,...

阅读全文 »

luoqiang 发布于 02月18, 2019

元素水平垂直居中布局

工作开发过程中,经常会遇到一些居中的问题,这里记录一下一些比较常见的居中方法。 行内元素水平居中这个比较简单,使用text-align: center即可实现水平居中,不过多讲述。块级元素水平居中这种情况也比较简单,使用margin: 0 auto即可实现块级元素的水平居中。另外还可以通过flex...

阅读全文 »

xunan 发布于 01月14, 2019

多页面传递图片文件问题

最近做一个视频面签项目版本遇到一个坑,然后也是试了很多办法了解了很多资料之后学到的方法。背景:视频面签改版前,身份证上传时,后端会返回oss地址,然后前端拿到这个地址传到下一个页面,在录视频时,拿这个图片地址发送给后端做人脸比对。但是改版后,各自之间解耦,后端不将图片传到oss了,所以需要前端把第一...

阅读全文 »

xunan 发布于 12月10, 2018

html5 video那些事

最近做宝马项目中研究了很多跟video有关事,然后也被这个东西的复杂度给整懵逼了!!!特别是在各个端的适配上,简直让人相当蛋疼。video其实是早于web存在的一个东西,它非常的丰富多样。早前web端引入video一般都是使用flash,但随着html5的发起,以及flash技术的落幕,视频在web...

阅读全文 »

luoqiang 发布于 09月30, 2018

HTML5在线合成雪碧图工具

css sprite,也称雪碧图或css精灵图,是前端常见的小图片优化手段。雪碧图通过将多张小图片合成一张大图片,并配合css中background-size、background-position以达到减小小图片请求个数的目的,从而提升页面加载速度。 对一些小图片比较多的网页,使用雪碧图的优势还...

阅读全文 »

luoqiang 发布于 08月14, 2018

HTTP缓存策略

HTTP缓存作为web优化的的重要手段,对于从事web开发的小伙伴来说都是必须掌握的技能。从功能上来看,网上有将HTTP缓存分为三个部分: 缓存存储策略缓存过期策略缓存对比策略 缓存存储策略顾名思义,该策略决定是否存储响应内容,哪些响应内容应该被存储。参与该策略的首部字段有:PragmaCac...

阅读全文 »

luoqiang 发布于 07月10, 2018

通过EPEL快捷安装NODEJS10

在RHEL, CentOS 或者 Fedora系统上,可以通过EPEL快捷安装node.js,无需自行编译安装包,推荐使用。安装node8.xcurl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -安装no...

阅读全文 »

luoqiang 发布于 06月12, 2018

GIT拉取远程分支并创建本地分支

查看分支查看远程分支git branch -r查看本地分支git branch -v拉取远程分支并创建本地分支方法一git checkout -b <本地分支名> origin/<远程分支名>使用该方法会在本地创建该分支,并自定切换到该分支,同时会建立本地分支与远程分支之间的...

阅读全文 »