mkmin-CSDN博客

原创微信小程序使用swiper实现侧滑功能

使用swiper实现侧滑功能。微信小程序

2017-10-22 13:31:45 1861

原创安装npm install时，长时间停留

没错，。就是在安装npm的时候，一直停留在某个地方，很明显，是网速问题（百分之九十概率），所以还是用淘宝的镜像吧。。。。npm config set registryhttps://registry.npm.taobao.org检查：npm config get registry当然！你可以考虑关闭长城防火墙，哈哈然后请继续你的表演。。。...

2017-09-28 18:19:59 31049 5

原创基于vue-cli的vue项目之vuex的使用5------watch监听vuex内部数据变化

1.vue/index.js//在vuex中配置主要用到togglepage2，第十六到第十八import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { id: 0, showpage2: true, showpage1:true, }

2017-09-25 18:34:07 18280 2

原创基于vue-cli的vue项目之vuex的使用4-------moudles分块

按照官方文档，就是为了避免代码太长了。所以使用了moudle1.store.js//配置仓库，第五道第二十六为一个模块。第二十七到四十八为一个模块，在第四十九到五十四行抛出import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const moudlesa = { namespaced:true,state: {

2017-09-22 09:13:17 1117

原创基于vue-cli的vue项目之vuex的使用3-------action异步传参

由于使用commit是同步的，所以也就有了使用“异步”的action的诞生1.store.js//配置仓库第十五行到第二十三行配置action，import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { count: 0 }, mutat

2017-09-21 11:29:17 2678

原创基于vue-cli的vue项目之vuex的使用2-------commit参数

1.安装 npm install vuex2.vuex/store.js//仓库状态管理，第19行。将store抛出import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { count: 0 }, mutations: {

2017-09-20 16:47:08 7252

原创一个“错误”的vuex写法：vuex刷新了数据但是视图没有刷新

这是个很尴尬的问题，让我猜猜看你的代码是不是这样写的：点击我 {{countnumber}} export default { name: 'app', data() { return { countnumber: this.$store.state.count, } }, methods: { clickme: func

2017-09-20 16:17:32 12781 7

原创基于vue-cli的vue项目之vuex的使用1---------最简单的vuex模板

基础什么的，肯定要从最简单的模型学起1.安装 npm install vuex2.vuex/store.js//仓库状态管理，第19行。将store抛出import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { count: 0

2017-09-20 15:36:59 555

原创有趣的js匿名函数写法

这个是前阵子看到的，觉得思路不错，就记下来了 function ck(a) { console.log(a); return function(b) { console.log(b); return function(c) { console.log(c); } } }; c

2017-09-19 11:14:03 675

原创好用html5-api：visibilitychange

这个是一个好用的api。能知道当前的页面是否被使用，被查看到这个的话在caniuse看了，兼容性贼好，就直接代码了：http://caniuse.com/#search=visibilitychange document.addEventListener("webkitvisibilitychange",function(e){cons

2017-09-19 10:39:57 652

原创不好用html5-api：fullscreen

兼容性很差，慎用

2017-09-19 10:16:51 1365

原创好用html5-api：classList

html5的classlist api

2017-09-18 11:10:48 566

原创使用stylesheet修改keyframe样式

这章才是我想要讲的，之前那张铺垫，希望大家都已经看懂了。直接上代码： @keyframes mykeyframe{ from{border: 10px solid #000000;} to{border: 10px solid #fff;} } .mydiv { width: 100px; height: 100px; bord

2017-09-13 13:36:39 1340

原创关于styleSheets1：获取css样式

不考虑其他情况，现在样式表主要是css，因此主要操作对象是：CSSStyleSheet范围：包含元素和rel特性被设置为“stylesheet”的元素引入的样式表限制：需要浏览器支持dom2级样式表 .mydiv { width: 100px; height: 100px; border: 1px solid #000000;

2017-09-13 12:13:58 3212

原创 html5使用<marquee>标签实现走马灯效果

很是简单。。。只要使用html5的标签浙江温州皮革厂倒闭了。。。

2017-09-13 10:52:52 10032 5

原创基于vue-cli的vue项目之axios的使用6--配置axios

有时候需要写很长的路径，烦，所以可以将相同的操作写在一起,如果需要修改，可以在axios请求的时候修改1.配置config/index.js:解决跨域问题dev: { env: require('./dev.env'), port: 8008, autoOpenBrowser: false, assetsSubDirectory: 'static', assetsPubl

2017-09-08 11:59:48 2906

原创基于vue-cli的vue项目之axios的使用5--axios方法发送请求

既然jq有ajax方法，那么axios有没有axios方法？答案是肯定的，依旧隐藏了域名1.配置config/index.js:解决跨域问题dev: { env: require('./dev.env'), port: 8008, autoOpenBrowser: false, assetsSubDirectory: 'static', assetsPublicPath:

2017-09-08 11:26:43 2765

原创基于vue-cli的vue项目之axios的使用4--并发请求

并发请求，还是那句话，，，，域名被藏匿了1.配置config/index.js:解决跨域问题dev: { env: require('./dev.env'), port: 8008, autoOpenBrowser: false, assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {

2017-09-08 11:10:43 5508

原创基于vue-cli的vue项目之axios的使用3--get传参请求

以get传参请求为例子，1.配置config/index.js:解决跨域问题dev: { env: require('./dev.env'), port: 8008, autoOpenBrowser: false, assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/ajaxu

2017-09-08 10:47:50 18524

原创基于vue-cli的vue项目之axios的使用2--最基础的请求

先抱歉下，下面的请求的链接，我会把域名隐藏起来，所以想尝试的朋友麻烦自己找一条重新测试，很抱歉了在下面也配置了跨域的1.config/index.js的配置：解决跨域 dev: { env: require('./dev.env'), port: 8008, autoOpenBrowser: false, assetsSubDirectory: 'static',

2017-09-08 10:28:12 3128

原创基于vue-cli的vue项目之axios的使用1--准备工作

使用axios的准备工作，其实这个应该属于插件吧，不应该属于vue的1.npm添加axios：npm install axios2.在main.js导入：import axios from 'axios'3.将其添加在原型链上：Vue.prototype.$http=axios4.在config/index.js修改dev，（开发环境下解决跨域问题）dev: { env: r

2017-09-08 10:15:39 2437

原创基于vue-cli的vue项目之路由6--重定向4-----path带参重定向

不过很遗憾，这种方式我个人，请注意，是我个人因为技术不够，无法在页面初始化的时候带参数，可能可以实现这种方法吧。。。1.hello.vue子界面：用来显示所传参数的子界面这个是hello.vue页面 {{$route.params.hparams1}} export default { name: 'hello', }2.router/index.js：路

2017-09-06 11:09:45 3430

原创基于vue-cli的vue项目之路由6--重定向3-----method返回重定向路径

重定向方法返回路径

2017-09-06 10:59:02 2453

原创基于vue-cli的vue项目之路由6--重定向1-----路径无参重定向

有时候可能会觉得使用path太过于方便，而比较喜欢想使用路径，以及设置其他参数的方法，个人比较喜欢这种复杂点的1.hello.vue子界面：用来显示的子界面这个是hello.vue页面 export default { name: 'hello', }2.router/index.js：路由配置文件,关键在于第二十八到第三十四行import Vue f

2017-09-06 10:46:02 655

原创基于vue-cli的vue项目之路由6--重定向2-----页面初始化重定向

vue 路由重定向

2017-09-06 10:36:14 2194

原创基于vue-cli的vue项目之路由6--重定向1-----path无参重定向

首先声明一点，重定向有不少中，还有，不一定需要跟我写的一样，使用require，可以使用import。只是个人喜欢1.hello.vue子界面：用来显示的子界面这个是hello.vue页面 export default { name: 'hello', }2.router/index.js：路由配置文件,关键在于第二十三到第二十六行import Vue

2017-09-06 09:57:06 1313

原创基于vue-cli的vue项目之路由5--router.push,go,replace方法

想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。当你点击时，这个方法会在内部调用，所以说，点击等同于调用router.push(...)。https://router.vuejs.org/zh-cn/essentials/navigation.html

2017-09-05 16:38:57 2252

原创基于vue-cli的vue项目之路由4--嵌套路由

嵌套路由，很是常用1.hello.vue:含有嵌套路由的页面，主要在第五六七行，第二十，二十一监听，注意监听的对象这个是hello页面,穿过的参数是{{$route.params.hparam1}} children1页面 children2页面 export default { name: 'hello', data()

2017-09-05 16:01:53 1477 2

原创基于vue-cli的vue项目之路由3--watch监听路由

有时候我们需要监听路由，做出某种操作。。。代码主要在app.vue上1.hello.vue页面//获取一个参数，第五行显示这个是hello页面,穿过的参数是{{$route.params.hparam1}} export default { name: 'hello', data() { return { msg: 'this is th

2017-09-05 15:28:52 21989

原创基于vue-cli的vue项目之路由2--param传参

使用vue的param传参

2017-09-04 22:58:21 2804 1

原创基于vue-cli的vue项目之路由1--最基本的使用

代码如下，下面是嘴简单的基础搭配：1.第一个子页面./components/hello.vue<template> <div class="hello"> <h1>这个是hello页面</h1> <h2></h2> </div></template&am

2017-09-03 23:07:08 3227

原创 javascript:自执行函数

在js中定义一个方法并去使用它，我们是这样用的：function a(){console.log("1")};a();当运行到a()的时候，我们就直接的“跳转”到a的定义的位置，而除了这样的写法，有时候我们会看到这样的写法：!function(){console.log("1")}();实际上，我们这一步不能称之为自执行函数，而是将其称为表达式这就是标题提到的自执行函数

2017-08-27 17:21:17 390

原创 javascript定义变量的四种方法：const，var，let

使用var与let，const有什么区别，应该怎么区分它们

2017-08-23 09:57:13 4752

原创 javascript：除去数组的重复项

reducejavascriptarray数组遍历

2017-08-15 14:13:49 333

原创 jquery中bind与on的区别

浅谈jquery的bind与on的区别====委托事件

2017-08-15 10:04:26 6151 2

原创 javascript：array数组

javascript array

2017-08-14 23:02:49 295

原创通用基础：序列化与反序列化

什么是序列化？

2017-08-10 11:11:32 502

原创前端优化1--reflow

前端。reflow

2017-08-10 10:56:44 472

原创前端文件上传2：使用jquery的ajax上传图片

最近一个朋友问我ajax，天真的我以为直接使用ajax可以上传文件，结果让他浪费了很多时间，对于这个重庆的小伙伴，我深感抱歉待到解决问题，也是知道了为什么不能上传，应该怎么上传代码如下：var formData = new FormData(e.target.files[0]); $.ajax({ url: "http://w

2017-08-10 10:28:21 921