自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

mandy' blog

personal learning experience

原创 practice

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &...

2019-03-21 11:22:58

阅读数 62

评论数 0

原创 vscode添加自定义snippet(代码段)vue模板

进入代码片段自定义有两种方式:  1. 【菜单栏->文件->首选项->用户代码片段】  2. 全局命令:在vscode界面按F1或者ctrl+shift+p,进入命令行,输入sinppets  选vue进入自定义代码段(vue...

2019-01-16 15:43:00

阅读数 422

评论数 0

原创 eslint-plugin-vuefix: 基于eslint开发的插件vuefix,用命令直接修复ESLint

自动修复vue文件中检测到的编码规范问题。重构老项目的代码时能减少很多工作量。  1、打开package.json,在script里找到截图总所示lint, 修改为:(中间插入--fix) "lint": "eslint --fix --...

2019-01-11 16:15:59

阅读数 1072

评论数 0

原创 vuex---mapGetters和mapActions

若有多个getter时,可用...mapGetters([ ]),需要先export引入,且是es6语法,需要安装bable插件 ...mapActions([ ])同理; 这样写可以简化代码; 具体用法如下: // productListOne.vue中 <sc...

2018-12-10 21:53:43

阅读数 256

评论数 0

原创 vuex使用前与使用后的写法---action(触发事件改变此事件时--变更状态)

Action 提交的是 mutation,而不是直接变更状态。 Action 可以包含任意异步操作。 Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象,因此可以调用 context.commit 提交一个 mutation,或者通过 context.sta...

2018-12-10 21:30:56

阅读数 528

评论数 0

原创 vuex使用前与使用后的写法---mutation(触发事件改变此事件时--变更状态)

更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 stat...

2018-12-07 17:24:32

阅读数 451

评论数 0

原创 vuex使用前与使用后的写法---getters(获取事件)

如果有多个组件需要用到此属性,我们要么复制这个函数,或者抽取到一个共享函数然后在多处导入它——无论哪种方式都不是很理想。 Vuex 允许我们在 store 中定义“getter”(可以认为是 store 的计算属性)。就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的...

2018-12-07 16:46:24

阅读数 782

评论数 0

原创 vuex使用前与使用后的写法---state搭建vuex中央状态管理

项目搭建完成后, 不使用vuex src文件夹里: App.vue: <template> <div id="app&a...

2018-12-07 10:19:41

阅读数 126

评论数 0

原创 javascript 函数前面有加号,叹号等一元操作符是什么意思?

1. !function(){}(); 2. +function(){}(); 其实这是 立即执行函数表达式的写法,相当于 (function(){}()); //推荐使用这个 或者 (function(){})(); 前面的+,!还可以换成其它一元操作符,也可以写成: true &am...

2018-11-20 09:31:57

阅读数 150

评论数 0

原创 axios用catch的写法与不使用catch有什么区别?

官网上的写法: axios.post(url, data) .then(response => { console.log(response); }) .catch(error => { ...

2018-11-17 15:39:09

阅读数 3107

评论数 0

原创 vue-cli生成的项目,main.js引入scss时报错的原因

在文件路径没有问题时,引入scss出现错误 ERROR Failed to compile with 1 errors ...

2018-11-15 19:39:48

阅读数 429

评论数 0

转载 vue实现分享功能,百度分享,需要刷新页面才显示的解决方案

vue单页面中使用百度分享,初次加载失败或者需要刷新一次才可正常点击,首先得写在mounted的this.$nextTick()里面, 关键是需在beforeCreate中加上 window._bd_share_main = “”; 目的是把百度分享的一个参数置空 ...

2018-11-06 23:58:13

阅读数 1768

评论数 0

原创 vue文件流程

vue文件流程 index.html (入口文件) -->main.js (执行main.js) --> App.vue(实例化vue对象) index.html 入口文件 // index.html 入口文件 &...

2018-11-06 13:36:21

阅读数 233

评论数 1

原创 初识vue组件

Vue.component组件 // js Vue.component("greeting", { // 将greeting当做一个标签使用,组件 template: // 模板里面有且只有一个根标签 `<p&a...

2018-09-04 17:23:07

阅读数 79

评论数 0

原创 初始化多个Vue实例对象

// js var one = new Vue({ el: "#vue-app-one", data: { title:"app one 的内容" }, ...

2018-09-03 15:20:26

阅读数 2071

评论数 0

原创 一个简单的vue实例demo

- 写在前面: <a v-bind:href="url">链接</a> <img v-bind:src="imgUrl&qu...

2018-08-31 17:25:51

阅读数 1290

评论数 2

原创 js中a.b与a[b]除了书写外,有什么区别?

在JS对象中,a.b与a[b]并没有什么区别,都是获得该对象的某个属性,不同之处在于a[b]中的b必须是个字符串; 但在数组里,那就不能写成arr.idx了,只能是arr[idx]。 resultList["movie"] = {} 给resultLis...

2018-07-30 15:39:09

阅读数 872

评论数 0

原创 TEST

以下代码输出什么? var a = {}, b = {key:'b'}, c = {key:'c'}; a[b]=123; a[c]=456; console.log(a[b]); 此代码输出456(不是123) 理解如下: 设置对象属性时,js会隐式的将参数值串联...

2018-07-30 15:34:46

阅读数 61

评论数 0

原创 x-mind JS基础

x-mind JS基础

2018-07-24 23:15:37

阅读数 586

评论数 0

原创 解决微信小程序组件scroll-view中bindscrolltolower事件触发不了的问题

小程序scroll-view中的bindscrolltolower方法失效的原因是, 为这个scroll-view以及page的高度都设置为100vh; 需要在app.wxss中设置 page{ height:100vh } 并且在有scroll-view的view中设置heigh...

2018-07-20 23:20:33

阅读数 1754

评论数 0

提示
确定要删除当前文章?
取消 删除