zoukankan      html  css  js  c++  java
  • 小何的酷

    移动端长按删除、可滑动的按钮解决方法 :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脚手架的安装步骤:

    1. 检查node/npm/webpack是否已经安装成功,命令 当前工具 -v ;
    2. 安装脚手架,命令:npm/cnpm install vue-cli -g ;
    3. 初始化Vue项目:命令:Vue init webpack 你的项目名称 例如:Vue init webpack wangapp;
    4. Cd到自己在初始化Vue项目建立的文件夹下面 命令:cd wangapp (你建立的文件夹);
    5. 下载安装项目的依赖包,命令:npm install ;
    6. 启动你的项目服务器,让项目跑起来,命令:npm run dev ;
    7. 开发结束后的打包发布 命令: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环境/配置:

    1. 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可以替换,一般用于做居中一个或者多个元素。
  • 相关阅读:
    2021.5.24 团队第二阶段冲刺第一天
    2021.5.21
    2021.5.20
    2021.5.19
    2021.5.18
    软件包安装
    Selenium中的PageObject模式
    理解Python中的装饰器
    Selenium中的断言
    Selenium处理隐藏元素
  • 原文地址:https://www.cnblogs.com/wdxue/p/8818114.html
Copyright © 2011-2022 走看看