整体配置

1、必不可少的三个文件app.js、app.json、app.wxss，js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件

2、 app.js是小程序的脚本代码，在这个文件中监听并处理小程序的生命周期函数、声明全局变量，调用API

3、app.json是对整个小程序的全局配置，在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题

4、​ app.wxss是整个小程序的公共样式表

最全的资源教程-前端涉及的所有知识体系 https://github.com/AutumnsWind/Front-end-tutorial

前端导航 http://whycss.com/

开发者头条 http://toutiao.io/

git中文帮助文档 https://git-scm.com/book/zh/v1/

在线JSON校验 http://www.bejson.com/

阮一峰ECMAScript 6中文教程 http://es6.ruanyifeng.com/

React Native中文网 http://reactnative.cn/

腾讯AlloyTeam全端团队Blog http://www.alloyteam.com/

百度前端研发部Blog http://fex.baidu.com/

淘宝网UED团队Blog http://ued.taobao.org/blog/

阿里巴巴国际UED团队Blog http://www.aliued.com/

php大牛惠新宸Blog http://www.laruence.com/

浏览器兼容插叙 [http://caniuse.com/]

设计模式书籍：《Head First 设计模式》

我们建立网站就是想让目标人群来访问，前端是用户所直接接触的。为了给用户更好的体验，前端性能优化是必须滴！最近读了本《高性能的JavaScript》，然后结合实际遇到的问题。总结以下几个方面进行前端性能优化：

盒模型：content，padding。border，margin

W3C盒子模型和IE(IE6及其以前)盒子模型的区别是，IEcontent部分包含了padding和border。

本文的主要内容如下：

• 安装插件
• 组件的结构
• 组件的应用
• 路由的应用
• 用mock.js模拟数据
• 编译

环境搭建

1. 安装node.js

2.安装vue-cli
npm install -g vue-cli
more >>

1、 先写大体框架，分区域

2、 Ps，F2选取图层当前大小

3、 切图，转化为智能对象，双击

1.ctrl+alt+s，调出settings，搜索 File Watchers，添加SCSS

2.设置可以看下图，要注意的是 [Program] 最好指定具体目录,用环境变量 $RUBY_HOME$\scss.bat,会出错

3.Arguments 就是写上sass/scss支持的 语法 例如 –style compressed test.sass test.css,

上图的配置是scss源目录+css生成目录，如下：

–style expanded $FileDir$\$FileName$ $FileParentDir$\css\$FileNameWithoutExtension$.css

1. 安装 PHPStorm 的 SASS 插件

好像是自带了该插件的，如果没有的话，就打开 setting -> plugins 自己安装一个吧，就不多说了

2. 安装 Ruby

Windows 版本下载地址：
http://rubyinstaller.org/downloads/
Linux or Mac 地址：
http://ruby.taobao.org/mirrors/ruby/
我用的是 windows 版最新的 2.2.1 版本
配置好系统环境，将ruby 的bin目录绝对路径添加到 path 环境变量中，windows版安装的时候可以勾选自动添加
可参考这片博文：
http://www.w3cplus.com/css/css-preprocessor-sass-vs-less-stylus-2.html

1、下载xdebug文件

http://xdebug.org/download.php（注：如果开发环境里装了xampp，其集成了php的开发平台，可以不用下载，省略这步）

2、配置php.ini，在末尾加上

1
2
3
4
5
6
7
8
9
10
11
12

zend_extension = "D:\xampp\php\ext\php_xdebug.dll"//xdebug文件的所在路径
xdebug.profiler_append = 0
xdebug.profiler_enable = 1
xdebug.profiler_enable_trigger = 0
xdebug.profiler_output_name = "cachegrind.out.%t-%s"
xdebug.remote_handler = "dbgp"
xdebug.remote_host = "127.0.0.1"
xdebug.trace_output_dir = "D:\xampp\tmp"
xdebug.remote_enable = On
xdebug.remote_handler = dbgp
xdebug.remote_port = 9000//服务器监听端口
xdebug.idekey = PHPSTORM//调试器的关键字，在phpstrom配置时要用到