手记

前端知识点

Object.defineProperty(obj, "属性名",{get: function(){}, set:function(){});
// set: 属性名发生变化的时的回调。get:获取属性名时的回调。实现双向绑定。

assetsPublicPath: 可配置 cdn的地址的前缀,如:www.imooc.com
安装 --save 依赖,上线之后依然依赖的。
图片base64减少请求
vue 模板语法

  • {{ msg }}
  • v-html=""
  • v-bind:id="" 类似jquery attr
  • 使用表达式 {{ok?‘yes’:‘no’}}
  • v-text=""
  • v-if=""
    *过滤器:{{ message | capitalize }} 和 v-bind:id="rawId | formatld"
    vue 事件处理器
  • v-on:click=“Greet” 简写@click=“Greet”
  • v-on:click.stop / .stop.prevet /.self /once
  • v-on:keyup.enter/.tab/.delete/.esc/.space/.up/.down/.left/.right
    vue 组件通信
  • $emit,子组件调用父组件的方法 v-on 自定义事件
    vue-router
    a标签和对history的封装
  • 跳转
  • 渲染
  • 动态路由
    path: ‘/goods/:goodsId’,
    path: ‘/goods/:goodsId/user/:admin’ 分号后面为参数。{{ $route.params }} 获取参数obj
  • 嵌套路由, 例如用在导航中
  • 编程式路由
    $router.push(“name”)
    $router.push({path:“name”})
    $router.push({path:“name?a=123”})或者
    $router.push({path:“name”,query{a:“123”}}) $route.query获取search参数
    $router.go(1)
  • 命名路由和命名视图, link 和name 保持一致,映射
    vue-resource基础
  • get(url,[options]);
  • head(url,[options]);
  • delete(url, [options]);
  • jsonp(url, [options]);
  • post(url,[body],[options]);
  • put(url,[body],[options])
  • patch(url,[body],[options])
  • axios.request()等 官方推荐
  • axios.all().同时调用多个接口
  • axios.interceptors.request.use((config)=>{return config})
  • axios.interceptors.response.use((response) => {return response});
    ES6 扩展参数
  • … 数组、对象、字符串、函数
  • import(‘1.js’)可以异步加载js文件
    express环境
    npm install -g express-generator
    express --version
    express server 生成一个项目

通过终端方式导入数据
mongoimport -d imoocmall -c users --file 文件拖进来

0人推荐
随时随地看视频
慕课网APP