截止29/1/9笔记

18/5/3

接口报415问题:

参数类型有问题,

一、当使用jQuery 的ajax发送请求时

  1、请求路劲没有出错并且不存在跨域,出现415错误

   解决方法:在ajax请求中加上contentType: 'application/json',

$.ajax({<br>  type: "POST",

  contentType: 'application/json;charset=UTF-8',

  url: getLoginVerifyCodeUrl,

  dataType: "json",

  data: loginPostData,

  async: false

});

  2、加上之后报400错,首先确定后端需要的数据格式、数据字段等等与你发送的数据格式、数据字段等是否相同,

如果发送的是json格式的,在判定上述都没有问题时,将发送的数据使用loginPostData = JSON.stringify(loginPostData);转换之后再试。

————end———————————————————————————————————————————————————

eg: otc移动端进入的时候写在watch里的userinfo触发不了

解决方法:未直接解决,曲线在该页面重新再请求了一次userInfo

————end—————————————————————————————————————————————————————

axios

import 引入以后不能使用Vue.use使用,而是应该直接把axios写在vue的原型上

vue.prototype.axios = axios

————end———————————————

用数据渲染的方式加点击事件,点击事件无效

未找到解决办法

————end———————————————————————

render函数写再data里在子组件拿来用的时候

————end———————————

iview swatch组件的注册写法特殊

————end———————————

vue文件在vscod无法高亮显示:安装vetur插件

————end———————————

微信扫码

1,引入wxSDK

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

2,获取js-sdk签名

向后端请求

    getSignature () {

      const url = '/getSignature.json'

      const data = {

        url: window.location.href.split('#')[0],

        vendorId: this.vendorId

      }

      return this.post(url, data)

      .then((res) => {

        this.wxConfig(res.data)

      })

      .catch((err) => {

        console.log(err)

      })

    }

3,wx.config配置

wxConfig (data) {

      this.wx.config({

        debug: false,

        appId: data.appId,

        timestamp: data.timestamp,

        nonceStr: data.noncestr,

        signature: data.signature,

        jsApiList: ['getLocation', 'scanQRCode', 'onMenuShareTimeline', 'onMenuShareAppMessage']

      })

      this.wx.ready(

        () => {

          this.getLocation()

        }

      )

    }

4,wx.scanQRCode({

needResult:1,

scanType: ['qrcode'],

success: function (res) {

console.log(res) //扫码所得数据

}

})

注:如果是vue 需要再公共js里把wx挂在vue的原型,即:vue.prototype.wx = window.wx

————end———————————

2018/5/18

云尚生活,多商户,于当前差别项

1.商品展示位

2.店铺访问

3.支付对象

4.

————end———————————

今日毕

进销存静态,基本完成

黄金竹乡启动

未来毕

云尚生活,多商户商城,优先移动端,pc端

湖南药监,微信公众号,待定

2018/5/18

————end———————————

axios get的传参方式

axios.get(url, {

  params: { 'key': 'value' }

}).then(function (response) {

  alert(''.concat(response.data, '\r\n', response.status, '\r\n', response.statusText, '\r\n', response.headers, '\r\n', response.config));

}).catch(function (error) {

  alert(error);

});

————————————end————————————————

vuex 

state 变量申明 整个应用的状态数据, 使用的时候注入store根节点

getters 有些状态需要做二次处理,就可以使用getters。通过this.$store.getters.valueName对派生出来的状态进行访问。或者直接使用辅助函数mapGetters将其映射到本地计算属性中去。

actions  触发:this.$store.dispatch(‘方法名’);触发2  辅助函数mapActions: (['方法名']),这个需要再调用

mutations 利用它可以更改状态,本质就是用来处理数据的函数

———————————end—————————

vue的生命周期,很多问题往往出在执行问题上,合理运用 异步,比如await等操作

————————————end——————————————————————

query传递的参数url看得到,params则url看不到参数

path--对应query  name--对应params

——————————end————————————————————————

用$emit 调用父组件方法的时候,方法里面请求的数据,然后数据通过父组件传给子组件,子组件拿父组件来用。问题出在,调用父级方法后立刻执行了后续代码,没有等待该方法里面的数据,从父组件传过来。

目前的解决方法是用了两个setTimeout 虽然暂时解决了,但解决方案并不合理,期待后续完善。

————————end————————————————

otcFont 两个服务器代理demo

————————end————————————

demo酒正宝领取红包的时候没有做防止连点,可以领多个红包

解决方法,用off解除事件绑定 eg:  $('.btnTxt').off('tap')

或者使用css pointer-events: none;

———————————end———————————————————

/**

    * 消除alert自带域名title

    */

    (function () {

        window.alert = function (name) {

            var iframe = document.createElement("IFRAME");

            iframe.style.display = "none";

            iframe.setAttribute("src", 'data:text/plain');

            document

                .documentElement

                .appendChild(iframe);

            window

                .frames[0]

                .window

                .alert(name);

            iframe

                .parentNode

                .removeChild(iframe);

        }

    })();

————————————————————

# install vue-cli

$ npm install -g vue-cli

# create a new project using the "webpack" boilerplate

$ vue init webpack my-project

# install dependencies and go!

$ cd my-project

$ npm install

$ npm run dev

————————————————————————————

vue项目链接后面带#

mode: 'history',  加在Router 配置里面

————————————————————————-

@click.native.prevent

1、otc-m查询管理员身份进入时调的接口调试,需要管理员身份账号

2、云尚生活登录获取的数据全都是null

3、云尚生活支付

4、——

——)——————————————————

git 回退到指定版本

git --no-pager log 不分屏不分页查出全部日志

git reset --hard e377f60e28c8b84158 回滚到指定id的版本

git push -f origin master 强制提交

————————————————————

new set 去重

Array.from将类数组对象转为数组

优点简洁,缺点,不兼容IE

————————————————————

在用到async await 的时候如果一个方法里需要用到多个,那么最好是吧要await执行的方法封装成方法,然后存到一个数组中,然后遍历数组去执行。。。。原因,貌似是数组被创建时候所有的特性导致

————————————————————

在外部js 例如api下面的js里拿vue实例,在main.js里申明一个常量接一下new vue

eg:

const myVue = new Vue({

router,

store

})

然后把这个常量暴露出去

export defalut myVue

然后在api的js里去直接引入就可以了

import _this from '@/main.js'

这样就可以直接使用_this也就是vue实例了

————————————————————————————————————————

在子组件里拿父组件数据的时候,没能异步,导致在数据还没拿到的情况下,先使用了该数据,

解决办法,$watch('数据名称', () => {在这里写后续代码})

$watch监听数据,得到数据以后执行回调

——————————————————

事件修饰符

可以防止事件冒泡.prevent,阻止默认行为.preventDefault

slideDown()jquery方法,以滑动的方式显示隐藏被选元素

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,313评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,369评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,916评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,333评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,425评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,481评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,491评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,268评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,719评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,004评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,179评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,832评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,510评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,153评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,402评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,045评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,071评论 2 352

推荐阅读更多精彩内容

  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,901评论 1 4
  • vue笔记 一.vue实例 vue的生命周期 beforeCreate(创建前), created(创建后), b...
    秋殇1002阅读 1,051评论 0 1
  • # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 3,533评论 0 6
  • 质量赢天下
    远方的牵挂_1186阅读 151评论 0 0
  • 本文参与#漫步青春#征文活动,作者潘慧,本人承诺,文章内容为原创,且未在其他平台发布 驻足当下 还记得,那年灯火阑...
    ph1119w阅读 357评论 0 0