柠檬_小强-优快云博客

翻译 12个最应该使用的Linux服务器OS(下)

9. Slackware http://www.slackware.com/ Slackware是一个长期开发的Linux服务器发行版。第一次迭代于1993年首次亮相。根据Slackware Linux网站，该项目的目标是“最类似于UNIX的Linux发行版”。默认情况下，Slackware启动到命令行界面。完整的Slackware安装包括C和C++，X Window系统，

2017-09-20 11:13:54 572

翻译 12个最应该使用的Linux服务器OS(中)

5. CentOS https://www.centos.org/ CentOS提供了一个稳定的环境。它是Red Hat Enterprise Linux（RHEL）的开源衍生产品。因此，CentOS提供了企业级服务器体验。它是红帽赞助的操作系统，使用了在RHEL中可以找到的确切源代码。CentOS采用RPM包管理器。根据2010年的调查数据发现，大约30％的Linux服务器运行

2017-09-20 11:13:26 560

翻译 12个最应该使用的Linux服务器OS(上)

Linux操作系统异常流行和广泛，虽然某些Linux发行版适合高级用户，但另一些Linux发行版却更简单，而且便于从Windows系统切换。基本上Linux发行版经常受益于其强大的社区资源。虽然Linux操作系统提供了优秀的桌面环境，但Linux也非常适合于作服务器。各Linux发行版通常提供了增强的权限管理、增强的灵活性和稳定性。因此，Linux发行版是理想的服务器环境。查看12个最

2017-09-20 11:12:45 549

翻译 2017年十大移动应用开发的测试工具

自动化测试工具介绍自动化测试工具基本上是移动应用（Android和iOS）程序开发测试的必备工具，正确开展自动测试可以减少测试过程所需的时间以及测试执行过程中人为错误的几率。市面上有很多可用的自动化测试工具，其中一些免费，另一些收费。其中一些自动化测试工具早已有之; 而另一些工具才刚进入市场。每一种自动化测试工具都是独一无二的，都具有自己独有的特性。因此选择适合的自动化测试工具并不容易，下

2017-09-20 11:10:29 1080

转载 Vue 爬坑之路（八）—— 使用 Echarts 创建图表

在后台管理系统中，图表是一个很普遍的元素。目前常用的图标插件有 charts, Echarts, highcharts。这次将介绍 Echarts 在 Vue 项目中的应用。一、安装插件使用 cnpm 安装 Echarts cnpm install echarts -S 和之前介绍的 axios 类似，echarts 也不能通过 Vue.use()

2017-09-14 10:11:45 311

转载在移动端实现一像素边框

由于分辨率 DPI 的差异，高清手机屏上的 1px 实际上是由 2×2 个像素点来渲染，有的屏幕甚至用到了 3×3 个像素点所以 border: 1px 在移动端会渲染为 2px 的边框虽然用户在实际使用的时候，很难发现这 1px 的差异，但是设计师往往会在这 1px 上较劲，这就产生了经典的 “一像素问题” 最简单的解决办法，就是用图片做边框，只是修改颜色不太方便

2017-09-14 10:11:03 383

原创 npm 项目更换目录后无法启动

问题描述：使用 Vue-cli 创建的项目，当文件移动到其他目录后，无法正常启动，报错信息如下：分析原因： npm 项目，在安装依赖（node_modules）的时候，会记录当前的文件路径。当路径更改，就无法正常启动。解决方案：文件移动之后，删除 node_modules 文件夹，然后执行 npm install，即可正常启动项目

2017-09-14 10:10:11 530

转载 Vue 爬坑之路（七）—— 监听滚动事件实现动态锚点

前几天做项目的时候，需要实现一个动态锚点的效果如果是传统项目，这个效果就非常简单。但是放到 Vue 中，就有两大难题： 1. 在没有 jQuery 的 animate() 方法的情况下，如何实现平滑滚动？ 2. 如何监听页面滚动事件？在浏览了大量文章、进行多次尝试之后，终于解决了这些问题期间主要涉及到了 setTimeout 的递归用法，和 Vue 生命

2017-09-14 10:09:25 1514

转载 Vue 爬坑之路（六）—— 使用 Vuex + axios 发送请求

Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource 目前主流的 Vue 项目，都选择 axios 来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求前言： Vuex 的安装将不再赘述，可以参考之前的博客 Vue 爬

2017-09-14 10:07:54 598

转载 Vue 爬坑之路（五）—— 组件进阶

组件（Component）是 Vue.js 最强大的功能之一，之前的文章都只是用到了基本的封装功能，这次将介绍一些更强大的扩展。一、基本用法在使用 vue-cli 创建的项目中，组件的创建非常方便，只需要新建一个 .vue 文件，然后在中写好 HTML 代码，一个简单的组件就完成了一个完整的组件，除了以外，还有和需要注意的是，中的

2017-09-14 10:07:20 298

转载 Vue 爬坑之路（四）—— 与 Vuex 的第一次接触

在 Vue.js 的项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式 http://www.cnblogs.com/wisewrong/p/6266038.html 但是如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。一、安装并引入 Vue

2017-09-14 10:06:40 329

转载 Vue 爬坑之路（三）—— 使用 vue-router 跳转页面

使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。官方文档： https://router.vuejs.org/zh-cn/essentials/getting-started.html 有很多朋友找我要 demo，但是博客中的这个案例被我删掉了，我只好随手写了一个超简单的

2017-09-14 10:06:08 442

转载 Vue 爬坑之路（二）—— 组件之间的数据传递

Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。一、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。子组件部分：

2017-09-14 10:05:04 266

转载 Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli 一、安装 node.js 首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的 node 是固定版本的，如果需要多版本的

2017-09-14 10:03:26 243

转载 Generotor 函数

Generator 函数 1.Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同，通常有两个特征： function关键字与函数名之间有一个星号；函数体内部使用yield表达式，定义不同的内部状态 //一个简单的 Generator 函数 function *Generator(){ yield 'Hello'; yield 'World'

2017-09-08 17:12:45 547

转载 vue2.0组件之间的通信

Vue应用在组件化之后，通常存在着父子组件、兄弟组件、跨级组件等组件关系，那么组件之间如何进行通信；Vue2.4提供了两种新的组件通讯方法。在 Vue 中，父子组件的关系可以总结为 props down、events up。父子组件通信：父组件通过 props 向下传递数据给子组件子父组件通信：子组件通过 events 给父组件发送消息 -使用 $on(event

2017-09-08 17:11:32 263

转载移动端适配以及百分比布局与rem比较

前言对于熟悉pc端的小伙伴来说,对于静态页面的布局,一般都是没有什么问题的,为了保持各浏览器显示的一致性,无论是选择优雅降级还是渐进增强,我们有时不得不做兼容性处理,比如css中的hack技术,css3中新增属性添加一些浏览器前缀等,但在移动端对h5新增的属性都比较友好,无需考虑pc端诸多繁琐的兼容性问题,但这并不意味不存在兼容性问题,因为移动设备很多(ios,android等),各设备分辨率

2017-09-08 17:09:48 1735

转载移动端布局 - 实践篇 -

基本概念物理像素设备独立像素 CSS 像素 PPI的概念 DPR的概念缩放的概念 viewPort 的概念 viewport 渲染流程 Meta 标签说明移动端布局实践混合方式 REM 方式响应式 JS自动换算缩放方式

2017-09-08 17:08:06 578

转载 javascript事件流

1.事件流：从页面中接收事件的顺序 1.1 IE ：事件冒泡流 1.2 Netscape ：事件捕获 1.3 DOM事件流：事件捕获阶段——事件目标阶段——事件冒泡阶段 DOM2级事件规定：捕获阶段不会涉及目标事件。 2.事件处理程序事件：用户或者浏览器自身执行的某种动作事件处理程序：响应某个事件的函数。 2.1 HTML事件处理程序

2017-09-08 17:06:53 306

转载 javaScript怎么实现双向数据绑定

前言谈起当前前端最热门的 js 框架，必少不了 Vue、React、Angular，对于大多数人来说，我们更多的是在使用框架，对于框架解决痛点背后使用的基本原理往往关注不多，近期在研读 Vue.js 源码，也在写源码解读的系列文章。和多数源码解读的文章不同的是，我会尝试从一个初级前端的角度入手，由浅入深去讲解源码实现思路和基本的语法知识，通过一些基础事例一步步去实现一些小功能。本场 C

2017-09-08 17:05:07 3962

转载详解Javascript闭包

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包的特性闭包有三个特性： 1.函数嵌套函数 2.函数内部可以引用外部的参数和变量 3.参数和变量不会被垃圾回收机制回收闭包的定义及其优缺点闭包是指有权访问另一个函数作用域中的变量的函

2017-09-08 16:55:20 326

原创总结移动开发实践中遇到的坑

1.input placeholder问题在chrome 模拟移动端调试时［左边图］，显示的非常正常，但是在真机上［右边图］，placeholder里面的内容明显靠上，非常的不美观在国外网站，对这个属性的兼容性处理，那就是不要设计input的line-height或者设置line-height为normal即可，试了一下，虽然在谷歌模拟调试里

2017-09-08 16:46:38 320

weixin_40159197的博客