2017年11月_廿四桥明月夜

转载用vue-cli 自动构建的目录里面（环境变量及其基本变量的配置）

当我们需要和后台分离部署的时候，必须配置config/index.js:用vue-cli 自动构建的目录里面（环境变量及其基本变量的配置）123456789101112131415var path = require

2017-11-30 18:43:49 5866

转载分析问题、认识事物的工具----5W2H方法

【摘要】5W2H设问方法，是列举出构成一件事情的所有基本要素，从而对构成问题的主要方面进行分析。在产品设计方法中，5W2H法能够帮助设计师有条理的分析考察问题。在课堂教学中结合案例辅助、课堂讨论等教学手段，可以使学生快速有效的掌握这一设计方法并能自如应用。中国论文网 http://www.xzbu.com/4/view-4020837.htm　　【关键词】5W2H法；设问法；案例教学

2017-11-23 14:10:32 3165

转载【大型网站技术实践】初级篇：借助Nginx搭建反向代理服务器

一、反向代理：Web服务器的“经纪人”1.1 反向代理初印象　　反向代理（Reverse Proxy）方式是指以代理服务器来接受internet上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给internet上请求连接的客户端，此时代理服务器对外就表现为一个服务器。　　从上图可以看出：反向代理服务器位于网站机房，代理网站Web服务器接

2017-11-22 10:39:14 198

转载页面的重绘与回流及优化

在讨论页面重绘、回流（重排）之前。需要对页面的呈现流程有些了解，页面是怎么把html结合css等显示到浏览器上的，下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。浏览器的渲染过程： 1、首先获取html，然后构建dom树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加

2017-11-21 19:59:42 273

转载详解Android/IOS平台下抓包工具使用以及抓取API接口

抓包工具Charles主机允许代理模式客户端设置代理截获数据包HTTPS模仿一个appUI请求接口封装加密请求Headers参考项目抓包（Packet Capture），实际上就是对网络请求（包括发送与接收）的数据包进行截获、重发、编辑、转存等操作，在Android下，也经常被用来进行数据截取等。学会抓包之后，获取某个App的API就是轻而易举的事了

2017-11-21 11:05:41 2705

转载用nginx的反向代理机制解决前端跨域问题

1.什么是跨域以及产生原因　　跨域是指a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，或是a页面为ip地址，b页面为域名地址，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。　　跨域情况如下： url说明是否跨域http://www.cnblogs.com/

2017-11-20 20:15:28 3823

转载移除行块级元素之间的空格（译文）

引言我现在仍然记得作为一个IE6时代的初级开发者拼命的渴望IE拥有display: inline-block;这个属性。当我们想控制间距和填充在inline元素儿不用block and float的时候，inline-block这个属性是及其的有用。然而，使用inline-block的时候有一个问题，视觉上两个元素之间会出现空白。有很多办法移除这些恼人的空白方法 0

2017-11-20 10:13:48 337

转载深入理解line-height与vertical-align

前面的话　　line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系，改变行间距离、设置垂直对齐等都需要它们的通力合作。在CSS字体里面已经详细介绍了font-size的相关内容，本文将主要介绍line-height与vertical-align。本文涉及到的术语解释参考CSS视觉格式化行高【

2017-11-12 17:01:31 355

Vue实例是进入Vue的第一步，创建一个Vue的实例也是学习Vue的起点。实际上，Vue框架的入口就是Vue实例，其实就是框架中的View Model，它包含页面中的业务处理逻辑、数据模型等，它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。Vue实例虽然没有完全遵循MVVM模型，但Vue的设计无疑受到了它的启发。那么我们就从MVVM模型的概念开始，进入有关于Vu

2017-11-12 15:02:21 1119

转载 Vue.js目录结构

build: contains build-related configuration files. In most cases you don't need to touch them. However, it would be helpful to familiarize yourself with the following files:build/alias.js: mod

2017-11-10 14:17:59 366

转载 Vue2.1.7源码学习

原本文章的名字叫做《源码解析》，不过后来想想，还是用“源码学习”来的合适一点，在没有彻底掌握源码中的每一个字母之前，“解析”就有点标题党了。建议在看这篇文章之前，最好打开2.1.7的源码对照着看，这样可能更容易理解。另外本人水平有限，文中有错误或不妥的地方望大家多多指正共同成长。补充：Vue 2.2 刚刚发布，作为一个系列文章的第一篇，本篇文章主要从Vue代码的组织，Vue构造函数的还原，

2017-11-10 14:13:20 1805

转载 npm package.json属性详解

章节目录概述nameversiondescriptionkeywordshomepagebugslicense和用户相关的属性: author, contributorsfilesmainbinmandirectoriesdirectories.libdirectories.bindirectories.mandire

2017-11-10 13:03:29 251

原创怎样解决bug

阅读bug、分析bug、解决bug的过程是对一个程序员的终极考验。解决bug的步骤：复杂的bug一定要写下来。动手写！！！1、复原问题情境。出现了什么bug、在哪里出现的、期望的行为是什么、实际行为是什么、实现该行为的依赖条件是什么等2、进行演绎推理，推出bug原因。3、解决bug。第一、二步很容易出现问题。如复原问题情境不准确、演绎推理跳跃等。

2017-11-08 19:31:06 790

转载 module.exports,exports,export和export default,import与require相同点与不同点

一、首先搞清楚一个基本问题：module.exports和exports是属于CommonJS模块规范！（不清楚commonjs?大神请这边逛一逛commonjs规范）export和export default是属于ES6语法（不清楚ES6?大神请这边逛一逛ES6模块）！同样import和require分别属于ES6和CommonJS！二、知道属于哪一块的语法了还有

2017-11-07 14:42:38 306

转载改善程序员生活质量的 3+10 习惯

一封离职邮件　　2017年的一天，代码伴随着手指极具节奏感地输出在IDE上，突然某Chrome插件弹出一封邮件提示：“今天是我在ThoughtWorks的最后一天”。遇到这种离职邮件，我都会点进去，一来看看是否是自己曾经共事的小伙伴，二来了解一下小伙伴离职的原因。离职原因无出其右：跳出去接受更有挑战的机会。但这次我受惊了：因为患有严重的颈椎病，去寻求治疗…　　段子背后的真相

2017-11-07 14:41:18 258

转载 CSS3选择器:nth-child和:nth-of-type之间的差异

by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1709一、深呼吸，直接内容:nth-child和:nth-of-type都是CSS3中的伪类选择器，其作用近似却又不完全一样，对于不熟悉的人对其可能不是很区分，本文就将介绍两者的不同，以便于大家正确灵活使用这两类选择器。先

2017-11-05 13:12:36 220

转载用css属性

2017-11-04 10:21:24 225

转载用Margin还是用Padding

用Margin还是用Padding何时应当使用margin：需要在border外侧添加空白时。空白处不需要背景（色）时。上下相连的两个盒子之间的空白，需要相互抵消时。如15px + 20px的margin，将得到20px的空白。何时应当时用padding：需要在border内测添加空白时。空白处需要背景（色）时。上下相连的两个盒子之间的空白，希望等于两者之和

2017-11-04 09:49:40 404

转载总结伪类与伪元素

转载自AlloyTeam：http://www.alloyteam.com/2016/05/summary-of-pseudo-classes-and-pseudo-elements/熟悉前端的人都会听过css的伪类与伪元素，然而大多数的人都会将这两者混淆。本文从解析伪类与伪元素的含义出发，区分这两者的区别，并且列出大部分伪类与伪元素的具体用法，即使你有用过伪类与伪元素，但里面总有一两

2017-11-02 18:27:33 302

转载 npm install --save 与 npm install --save-dev 的区别

以npm安装msbuild为例：npm install msbuild:会把msbuild包安装到node_modules目录中不会修改package.json之后运行npm install命令时，不会自动安装msbuildnpm install --save:会把msbuild包安装到node_modules目录中会在package.json的dependenci

2017-11-02 15:15:49 255

廿四桥明月夜的博客