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...

阅读全文 »

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/<远程分支名>使用该方法会在本地创建该分支,并自定切换到该分支,同时会建立本地分支与远程分支之间的...

阅读全文 »

luoqiang 发布于 06月07, 2018

转:知乎奇文!程序员风格的修真小说

原文为知乎问题“怎么写出一本程序员风格的修真小说?”下的答案。作者李昭鸿。以下为正文。终有一天我手中的编译器将成为我灵魂的一部分,这世界在我的眼中将被代码重构,我将看到山川无尽银河无垠都汇成二进制的数字河流,过往英雄都在我脑海眼前一一浮现,而我听到无数码农跪倒在我的程序面前呼喊。他们叫我代码之神。到...

阅读全文 »

luoqiang 发布于 05月21, 2018

ThinkPHP5.1压缩HTML

自从做了前端,已经好久没有写过PHP代码了,想起上一次使用ThinkPHP还是在它还是3.2的版本的时候了,现在一看版本都已经更新到5.1了。由于某些原因,重拾TP,写法结构还是跟3.2版本大致差不多,但做了一些优化,同时PHP方面也已经升级到7.0X了。然而编写页面的时候,发现TP并没有提供压缩页...

阅读全文 »