小何的酷

最新推荐文章于 2024-08-25 15:20:26 发布

weixin_34010566

最新推荐文章于 2024-08-25 15:20:26 发布

阅读量66

点赞数

原文链接：http://www.cnblogs.com/wdxue/p/8818114.html

版权

移动端长按删除、可滑动的按钮解决方法：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里面)；

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 基本用法和用法。

1. 如果块元素内有很多小的有规律的标签需要排版，那就多用css3弹性布局。并且属性加到这些小组件的父元素上。
2. Display:flex; （弹性盒的标志，有兼容性记得要加上前缀）。
3. Justify-content:flex-start; 水平排版或垂直排版的顺序，flex-start 是可替换的，只代表一种；
4. Flex-direction:row; 排版的主轴方向，一般是横轴或竖轴，默认是横轴，row可替换。
5. Flex-wrap:wrap; 排版是否可转行，nowrap是不可转行。
6. Flex-direction:row和flex-wrap:wrap;的混合写法，flex-flow:row nowrap;
7. Align-items:center; 与主轴的90°的排版方式，center可以替换，一般用于做居中一个或者多个元素。

转载于:https://www.cnblogs.com/wdxue/p/8818114.html