小何的酷

时间 2019-11-17

原文原文链接

移动端长按删除、可滑动的按钮解决方法：http://www.cnblogs.com/beiz/p/5817192.htmlcss

Element-UI组件库： http://element.eleme.io/#/zh-CN/component/buttonhtml

全局安装echarts: npm install echarts -Svue

本地安装node-sass: npm install node-sass --save-devnode

VUE前段架构参考git源码：https://github.com/vuejs/vue.gitwebpack

Vue项目操做：http://www.cnblogs.com/myTerritory/p/vue.htmlios

永久激活webstorm： http://jingyan.baidu.com/article/9f63fb919674f2c8400f0e9a.htmlcss3

新建项目提交并建立和代码库的链接：http://www.jianshu.com/p/11859cd561c8git

git经常使用操做：http://www.cnblogs.com/cspku/articles/Git_cmds.htmlgithub

git经常使用操做：https://wenku.baidu.com/view/624011b1915f804d2a16c119.htmlweb

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的优缺点：

优势：一、偏向于数据服务；

二、偏向于大型项目；

三、数据双向绑定，路由跳转；

四、更适合后台管理系统；

缺点：一、不适合大型项目及偏向于视图的项目。

二、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 ：是一个世界级的代码托管的平台，也就是代码仓库，目前是世界最流行的也是应用最普遍的仓库之一。

二、码云：是中国人本身开发的代码仓库。

三、还有小乌龟也是代码仓库之一。

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';

一、router文件夹下面只有一个index.js配置路由的。也再没有其它文件了。

二、写页面的文件夹，路由的路径要依次追踪到当前的 .vue页面。这样作为了好找错误，为了好维护代码。

三、目前不要用严格模式：如 use strict

四、 *在路由中表明匹配不到路由，由*代替，也就是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能够替换，通常用于作居中一个或者多个元素。