CSS中有很多属性可以接受长度值，比如： width, height, margin, padding, border-width, font-size, text-shadow。因为使用场景多，因此CSS也提供了许多长度单位。有的是日常生活中使用的单位，比如：厘米（cm）和英寸（in）；有的是印刷行业使用的单位，比如：point（pt）和pica（pc）；有的是专门为CSS发明的单位，比...

传统的api调用一般获取到的是后端组装好的一个完整对象，而前端可能只需要用其中的某些字段，大部分数据的查询和传输工作都浪费了。graphQL提供一种全新数据查询方式，可以只获取需要的数据，使api调用更灵活、高效和低成本。

2019年即将到来，各位同学2018年辛苦了。 不管大家2018年过的怎么样，2019年还是要继续加油的！ 在此我整理了个人认为在2019仍是或者将成为主流的技术与大家分享，包括前端、后端和全栈相关。

在了解animtion之前，我们有必要先了解css的坐标系，因为很多的animation效果都和元素的坐标密切相关。在css3中网页不再是一个二维平面，而是一个三维空间，水平方向、竖直方向和垂直屏幕方向分别对应三维坐标系的x，y，z轴，如下图所示。箭头方向为正向，反之为负向（注意y轴方向与常规笛卡尔坐标系相反）。

上一篇文章我们介绍了 css3 flexbox，今天我们再来说说css3的另外一个强大的功能：Grid。Grid做前端的同学应该都很熟悉了，翻译成中文为“栅格”，用过bootstrap、semantic ui、ant design的同学肯定都了解grid layout（删格布局），以往css框架中的grid布局一般是通过float和百分比的宽度实现的，这种实现有几种缺点：

基本介绍 特点 flexbox是一种css display类型，提供一种更简单高效的布局方式； flexbox可以对元素相对于父元素、兄弟元素进行定位、控制尺寸、控制间距； flexbox对响应式有很好的支持； 工作原理 设置父元素的display属性为flex，则子元素都变成flex item，由此可以控制子元素的排列方式、尺寸、间距等； 兼容性 Flex ...

canvas的操作将在页面加载完之后执行，首先获取到canvas的二维context，并将canvas宽高设置为window的宽高，确保天空背景铺满整个窗口。 snow.js：

1. disable SELinux {代码...} 2. install required packages {代码...} 3. enable access to access web server {代码...} 4. start web server and database {代码...} 5. create mysql database and users {代码...} 6. download wordpress {代码...} 7. give priority to web server to access wordpress directory ...

创建/etc/yum.repos.d/mongodb-org-4.0.repo文件，编辑内容如下： {代码...} 运行以下命令安装最新版的mongodb： {代码...} 配置mongod.conf允许远程连接： {代码...} 启动mongodb： {代码...} 创建管理员用户： {代码...} 启用权限管理： {代码...} 重启mongodb： {代码...} 大功告成！

判断数组是否包含某一特定元素是很常见的需求，javascript中有很多实现方法，今天有空汇总了一下，按兼容性由强到弱排序，返回类型一律为boolean：

最近有个Vue项目中会偶尔出现Loading chunk {n} failed的报错，报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。但是这个问题的根本原因没有被找到，因为这个问题出现的偶然性太高了，而且有的手机上会出现，有的不会，用模拟器不会出现，用真机又会出现，不知道是网络原因还是webpack的bug。在git...

我们使用react的时候常常需要在一个组件传入的props更新时重新渲染该组件，常用的方法是在componentWillReceiveProps中将新的props更新到组件的state中（这种state被成为派生状态（Derived State）），从而实现重新渲染。React 16.3中还引入了一个新的钩子函数getDerivedStateFromProps来专门实现这一需求。但无论是用co...

这里的forEach指的是Array.prototype.forEach，forEach是数组特有的方法，其他数据结构不能使用该方法。当然某些数据结构也可以定义自己的forEach方法，比如通过document.querySelectorAll获取的NodeList也拥有自己的forEach方法，用法也和arry的forEach一样，但他们不是一个东西。

Proxy在计算机领域是一个很普遍的概念，中文通常翻译为代理，“代理”一般用于描述某人或某事代表他人行事。常见的概念有Proxy Server（代理服务器）、Reverse Proxy（反向代理）、Proxy Pattern（代理模式）等。

感谢大家阅读，另外，在这边帮朋友推一个爱心众筹，希望大家能够奉献点爱心，朋友母亲，身患直肠癌，目前在北京武警总医院接收治疗，可留言留下您的联系方式，日后感激大家！

SDK有多种安装方式，详情请参考Android SDK安装指南。我选择用Gradle安装，先在根目录下的build.gradle中添加Leancloud的maven仓库地址：

React Native现在是越来越火，一套代码同时构建iOS、Android两种应用真的是太爽了，而且有了ES6和React的加成开发效率出奇的高。 虽然坑奇多无比但是还是阻挡不了市场对它的热爱。但是使用React Native也并非总是那么舒服，尤其涉及到需要用objective-c或者java实现某些原生功能的时候，让广大前端出生没有原生App开发经...

Stackoverflow是广大程序猿赖以生存的工具之一，在stackoverflow搜索技术问题得到答案的质量和正确率远远高于其他平台。但是这么一个好网站居然因为Google被墙而无法正常使用（无法登录，无法评论、回答问题等）着实让人不爽呀。以前还有VPN可以用的，现在大部分VPN都被查封了。。程序员的日子真的是越来越难过了呀。。...

next.js简介 最近在学React.js，React官方推荐使用next.js框架作为构建服务端渲染的网站，所以今天来研究一下next.js的使用。 next.js作为一款轻量级的应用框架，主要用于构建静态网站和后端渲染网站。 框架特点 使用后端渲染 自动进行代码分割（code splitting），以获得更快的网页加载速度 简洁的前端路由实现 使用web...

Array，NodeList， HTMLCollection这三个概念和它们之间的关系有很多做了几年前端的同学都搞不清楚，经常遇到但是又感觉很陌生，剪不断理还乱的感觉。今天咱们就来理清这三个东西。