移动端长按删除、可滑动的按钮解决方法 :http://www.cnblogs.com/beiz/p/5817192.html
Element-UI组件库: http://element.eleme.io/#/zh-CN/component/button
全局安装echarts: npm install echarts -S
本地安装node-sass: npm install node-sass --save-dev
VUE前段架构参考git源码:https://github.com/vuejs/vue.git
Vue项目操作:http://www.cnblogs.com/myTerritory/p/vue.html
永久激活webstorm: http://jingyan.baidu.com/article/9f63fb919674f2c8400f0e9a.html
新建项目提交并创建和代码库的连接:http://www.jianshu.com/p/11859cd561c8
git常用操作:http://www.cnblogs.com/cspku/articles/Git_cmds.html
git常用操作:https://wenku.baidu.com/view/624011b1915f804d2a16c119.html
sublime的插件安装:http://blog.csdn.net/friday_sun/article/details/71412454
vue时间格式化插件 :http://www.cnblogs.com/yesyes/p/6741579.html
所有时间戳的时间格式处理:http://blog.csdn.net/u013217071/article/details/73332765
基于angular2.0的UI框架:https://github.com/IronPans/freeng
电量插件:http://120.26.50.11:8877/index.html#!/bigscreen
移动端事件:http://www.cnblogs.com/shxydx/articles/2856882.html
sass安装 :http://www.cnblogs.com/cshi/p/5622650.html
vue接口配置:http://www.tuicool.com/articles/bq6be2u
vue三级联动:https://codepen.io/zhishaofei3-1471324920/pen/KqdGWa
vue中axios请求配置:http://blog.csdn.net/binginsist/article/details/65630547
Swiper 在npm里 安装指令
npm install vue-awesome-swiper --save
https://segmentfault.com/a/1190000010142118
rem适配移动端函数:
$fontSize:75; //75可以变换,一般是64或75;
@function px2Rem($px){
@return $px / $fontSize + rem;
}
Angular的优缺点:
优点:1、偏向于数据服务;
2、偏向于大型项目;
3、数据双向绑定,路由跳转;
4、更适合后台管理系统;
缺点:1、不适合大型项目及偏向于视图的项目。
2、angular太大太重,学习成本太高,不易理解;
Bind绑定的事件是直接绑定在当前元素上的,响应时间比较快;
On 绑定的事件是事件委托,绑定的元素在当前元素的父元素或其他元素上的,一般适用于动态创建的dom节点中的绑定事件,因为动态创建的dom元素直接用on绑定回失败,找不到当前元素;
V-for //vue框架中的循环,一般用于列表展示;
V-show = false/true //一般用于元素的显示和隐藏,默认值true;
V-if //一般用于条件判断是否正确或者dom元素的显示与否;
V-text //一般用于文字内容的数据双向绑定;
V-else //
V-else-if //一般用于复杂的if判断句;
V-on / @click //此指令就是对某个dom元素的绑定事件,@click是v-on的简写;
V-model //一般用于数据双向绑定在表单上,或其他;
V-once //一般用于执行一次性的方法或功能;
V-pre //一般不用;
Ng-cloak //是angular里面防止刷新时有双括号的情况发生,
V-cloak的用法:http://www.jb51.net/article/109633.heml
V-cloak //是vue里面防止刷新时有双括号的情况发生,都加在body上面,原理是display:none;
用法:[v-cloak]{display:none;} (此CSS写在style里面);
<body v-cloak> <body> || <div id=”app” v-cloak></div>
Vue脚手架的安装步骤:
- 检查node/npm/webpack是否已经安装成功,命令 当前工具 -v ;
- 安装脚手架,命令:npm/cnpm install vue-cli -g ;
- 初始化Vue项目:命令:Vue init webpack 你的项目名称 例如:Vue init webpack wangapp;
- Cd到自己在初始化Vue项目建立的文件夹下面 命令:cd wangapp (你建立的文件夹);
- 下载安装项目的依赖包,命令:npm install ;
- 启动你的项目服务器,让项目跑起来,命令:npm run dev ;
- 开发结束后的打包发布 命令:npm run build ;
Axios的配置:
https://blog.ygxdxx.com/2017/01/29/Axios-Config/
git常用操作:
http://www.cnblogs.com/cspku/articles/Git_cmds.html
git常用操: https://wenku.baidu.com/view/624011b1915f804d2a16c119.html
1,Github : 是一个世界级的代码托管的平台,也就是代码仓库,目前是世界最流行的也是应用最广泛的仓库之一。
2、码云 : 是中国人自己开发的代码仓库。
3、还有 小乌龟 也是代码仓库之一。
Git环境/配置:
- Git init
UI框架/组件(element):
http://element.eleme.io/2.0/#/zh-CN/component/button
# 安装饿了么UI组件库
npm install element-ui -S
# 安装 Vue-router路由模块
npm install vue-router -S
# 安装 Vuex 状态管理模块
npm install vuex -S
# 安装 Sass 模块
npm install node-sass --save-dev
# 安装 Sass-Loader 加载器
npm install sass-loader --save-dev
# 安装 axios http请求
npm install axios -S
import 'element-ui/lib/theme-default/index.css';
1、router文件夹下面只有一个index.js配置路由的。也再没有其它文件了。
2、写页面的文件夹,路由的路径要依次追踪到当前的 .vue页面。这样做为了好找错误,为了好维护代码。
3、目前不要用严格模式:如 use strict
4、 *在路由中代表匹配不到路由,由*代替,也就是404页面会显示,不会回到根路由的页面。
弹性盒的讲解:
也就是flexbox 基本用法和用法。
- 如果块元素内有很多小的有规律的标签需要排版,那就多用css3弹性布局。并且属性加 到这些小组件的父元素上。
- Display:flex; (弹性盒的标志,有兼容性记得要加上前缀)。
- Justify-content:flex-start; 水平排版或垂直排版的顺序,flex-start 是可替换的,只代表一种;
- Flex-direction:row; 排版的主轴方向,一般是横轴或竖轴,默认是横轴,row可替换。
- Flex-wrap:wrap; 排版是否可转行,nowrap是不可转行。
- Flex-direction:row和flex-wrap:wrap;的混合写法,flex-flow:row nowrap;
- Align-items:center; 与主轴的90°的排版方式,center可以替换,一般用于做居中一个或者多个元素。