立诚勿怠,格物致知
It's all about connecting the dots

2017年06月的文章

rem-移动端响应式适配方案

借助rem单位,我们可以实现移动端网页内元素随着屏幕宽度的改变而正相关地改变大小。假设美工提供的设计稿宽度为750px。那么你需要用类似下面这样的代码去动态修改html元素的font-size值,进而影响那些使用rem为单位的元素的大小。

CSS 阅读(2509)去评论赞(2)

1px像素解决方案

让边框的颜色靠近背景色(通常可以这么做,或者你也可以到打开下面这个地址,设置midpoints中点数为一个大于1的值,点击blend混合按钮后从palette调色板中选取你比较细喜欢的颜色:http://meyerweb.com/eric/tools/color-blend/#FF33FF:::hex),这样人眼看过去就会觉得比较细。但有时候边框颜色和附近的背景色在设计稿上已经定下来了而且二者可能差别还挺大的,这样也没事,你可以用rgba(r, g, b, a)来稍微给边框颜色加一点透明度,一般这点小改动是可以被接受的。

CSS 阅读(5944)去评论赞(10)

-webkit-overflow-scrolling让iOS下页面滚动如丝般顺滑

现象描述:给html元素设定了overflow: auto;后,当元素内部内容较多时会出现滚动条,这个滚动条在安卓机里滚动很正常,但是在iOS机里就显得很不丝滑了,滑哪停哪(iOS软件内嵌页面和iOS微信客户端内都存在这个现象)。经测试,在该html元素对应样式的overflow: auto;的下面加一句-webkit-overflow-scrolling: touch;即可解决问题。

CSS 阅读(5898)评论(3)赞(4)

ES6中的Destructuring assignment解构赋值

通过正则表达式的exec()方法,你会得到一个这样的数组[正则完整匹配的字符串,  正则中第一个括号内表达式所匹配的字符串,  正则中第二个括号内表达式所匹配的字符串, ..., 正则中最后一个括号内表达式所匹配的字符串],通过解构,你能更方便的取你想要的值。

JavaScript 阅读(2249)去评论赞(0)

分享网页到微信朋友圈时怎样才能带上缩略图和简介

如果第三方页面未接入微信JSSDK或已接入但JSSDK调用失败,则只会显示默认缩略图和标题,不会显示简介。具体可以参考微信官方公众号「微信开发者账号」发布的这篇文章:《JSSDK自定义分享接口的策略调整》。不过需要注意的是,原文中说,如果未接入微信JSSDK或已接入但JSSDK调用失败,是会显示简介的。但是我实测是没有显示简介的。

微信开发 阅读(4725)去评论赞(1)

ES6中的import和export

一、import 语法: import defaultMember from "module-name"; import * as name from "module-name"; import { member } from "module-name"; import { member as alias } from "module-name"; import { member1 , member2 } from "module-name"; import { member1 , member2 as alias2 , [...] } from "module-name"; import defaultMember, { member [ , [...] ] } from "module-name"; import defaultMember, * as name from "module-name"; import "module-name"; 引入模块的整个内容。下例会将myModule添加到当前作用域内,myModule会包含my-module模块暴露的所有东西(但不会包含默认输出的member)

JavaScript 阅读(2278)去评论赞(0)

VueJS项目实践总结

说起来,从最初用客户端vue.js,到后面用vue-cli使用的Vue1 + webpack模版,再到后面使用Vue2+webpack,用这个框架做SPA应用也有一年半的时间了。做一些总结吧,想到哪里写哪里(针对Vue2 + webpack)。 一、页面按需加载 这主要是为了加快首屏加载速度。这样做的好处是第一屏所需加载的文件大小变小了,代价是如果用户会走完整个SPA的话,实际的总代码下载量是变多了的。按需加载页面主要就是修改/src/router/index.js文件,示例代码如下:

JavaScript 阅读(4536)评论(2)赞(0)

CentOS7-配置Apache虚拟主机

With Apache, you can use virtual hosts to direct http traffic for a given domain name to a particular directory (i.e. the root directory of the website for the domain in the request). This feature is commonly used to host multiple websites, but it's suggested to using it for every website on your server including the first.

登录

找回密码

注册