摘要: 通过前几天写的两篇博客(浅谈移动端三大viewport和移动端em和rem区别),我们现在来总结一下如何实现一个最佳方案。 之前在第二篇博客中提到过我们可以使用媒体查询来针对不同设备及做适配,如下图 但是这个可能不会太精准,比如我的设备布局viewport可能是370px,这样只能使用320这一版本阅读全文
posted @ 2017-07-20 18:33 前端小豪 阅读(755) 评论(1) 编辑
摘要: 昨晚在家里写了一个demo放到github上,然后今天晚上来公司准备搞一下,但是git pull下来在本地修改之后push不到github上,然后发现公司电脑上并没有access权限,然后想起来还没配置ssh key。简单说下配置步骤吧—— 1.首先进入我的demo目录,让他自动生成一下ssh ke阅读全文
posted @ 2017-03-28 21:48 前端小豪 阅读(3656) 评论(0) 编辑
摘要: 实现css水平垂直居中的方法有很多,在这里我简单的说下四种比较常用的方法: 1.使用CSS3中的Flex布局 对于flex,我们要了解的是它是一个display的属性,而且必须要给他的父元素设置flex属性(flex必须配合绝对定位使用!!!!!),除了设置display:flex之外,还有另外两个阅读全文
posted @ 2016-04-13 21:38 前端小豪 阅读(1280) 评论(0) 编辑
摘要: 通过前几天写的两篇博客(浅谈移动端三大viewport和移动端em和rem区别),我们现在来总结一下如何实现一个最佳方案。 之前在第二篇博客中提到过我们可以使用媒体查询来针对不同设备及做适配,如下图 但是这个可能不会太精准,比如我的设备布局viewport可能是370px,这样只能使用320这一版本阅读全文
posted @ 2017-07-20 18:33 前端小豪 阅读(755) 评论(1) 编辑
摘要: rem与em都是相对单位,我们使用它们的目的就是为了适应各种手机屏幕。 rem是根据html根节点来计算的,而em是继承父元素的字体。比如下面一个demo 第一个span继承了它的父元素div的大小,所以是14px,第二个span是通过html来计算的,所以是40px。第一个img继承的body,第阅读全文
posted @ 2017-07-19 19:57 前端小豪 阅读(164) 评论(0) 编辑
摘要: 我们通常在写移动端页面时,往往都会在html页面中加入这样一段话 可能我们只知道这三个字段的含义(视口宽度等于设备宽度,屏幕缩放为1,禁止用户缩放),但是为什么要这么写,其原理又是什么呢? 我们先看一个简单的demo吧。 该demo展示一个宽度为320px的div,我们在iphone5上面打开看一下阅读全文
posted @ 2017-07-17 17:56 前端小豪 阅读(336) 评论(1) 编辑
摘要: 大家再使用vue做项目时,查询功能当然必不可少,这就得使用vue强大的filter啦。其实vue内置的两个属性filterBy和orderBy已经能满足部分需求了,但是她更大的的魅力在于自定义filter(之后的文章中会分享),正好我最近做的项目中用到了这个。先给大家看下需求吧。如下图,这是一个通讯阅读全文
posted @ 2017-06-06 21:31 前端小豪 阅读(1248) 评论(0) 编辑
摘要: 当我们在使用vue构建中大型项目时,通常会遇到某些经常用的方法以及属性,比如说搭建一个员工管理系统,请求的url需要一个共同的前缀,或者在某几个view中需要用到时间,这个时间是通过某方法格式化之后的等等,如果每次用到都写共同的代码,那样如果之后有变动的话维护起来会非常麻烦。 所以我们就得想办法抽出阅读全文
posted @ 2017-06-06 20:09 前端小豪 阅读(1096) 评论(0) 编辑
摘要: 在开发中我们通常会遇到一个问题——如何通过一款编辑器(或者IDE)便捷的同步线上代码。目前比较热门的编辑器有sublime,atom等,他们都有sftp功能,鉴于本人更喜欢用轻量级的编辑器,那我就在这里分享下sublime的sftp吧。 首先确保sublime中安装了sftp插件,不知道怎么安装的可阅读全文
posted @ 2017-06-05 19:41 前端小豪 阅读(342) 评论(0) 编辑
摘要: 昨晚在家里写了一个demo放到github上,然后今天晚上来公司准备搞一下,但是git pull下来在本地修改之后push不到github上,然后发现公司电脑上并没有access权限,然后想起来还没配置ssh key。简单说下配置步骤吧—— 1.首先进入我的demo目录,让他自动生成一下ssh ke阅读全文
posted @ 2017-03-28 21:48 前端小豪 阅读(3656) 评论(0) 编辑
摘要: 我们在使用Xshell开发机时往往会遇到一些问题,比如使用某些命令他会报command not found,,出现这种情况的原因是我们必须要配置一下环境变量,这样就可以在任何path中访问了。 这就需要我们写一个shell脚本, 第一句话的意思是此脚本通过bin/sh来解释执行,echo 为设置一个阅读全文
posted @ 2016-09-01 11:44 前端小豪 阅读(76) 评论(0) 编辑
摘要: 实现css水平垂直居中的方法有很多,在这里我简单的说下四种比较常用的方法: 1.使用CSS3中的Flex布局 对于flex,我们要了解的是它是一个display的属性,而且必须要给他的父元素设置flex属性(flex必须配合绝对定位使用!!!!!),除了设置display:flex之外,还有另外两个阅读全文
posted @ 2016-04-13 21:38 前端小豪 阅读(1280) 评论(0) 编辑
摘要: 我们知道任何一个自定义函数都是Function构造器的实例,所以我们可以通过new Function的方式来创建函数,使用语法很简单, new Function(形参1, 形参2, ..., 形参N, 函数体) 注意,里面的参数全部是以字符串的形式呈现。比如一个简单的例子——要求写一个函数, 求两个阅读全文
posted @ 2016-03-08 11:02 前端小豪 阅读(324) 评论(0) 编辑