2017年08月_武东10号

原创 vue---vue中常用指令，以及如何自定义指令vue.directive进行节点操作？

- vue官方指令：v-model///双向绑定，常用于表单中。///<p>zhiwei:{{md}}</p><input type="text" v-model.trim='md'></li>代码中trim为v-model指令修饰符;trim:去除表单value中首位空格；number:字符串转为数字；lazy：化同步双向为change双向v-show,v-if,v-else-if,v-els

2017-08-30 23:50:14 2969

原创 H5页面，部分 Android手机点击number电话号码/成串数字时候，会跳转到其他页面造成404错误，如何解决？

.number{ pointer-events:none; }//其中，number为号码标签类名将其pointer-events属性设置为none即可。

2017-08-16 22:42:50 1926

原创 H5页面，iOS以及部分Android手机链接a等标签点击的时候，会有阴影，怎么解决？

-webkit-tap-highlight-color 是一个不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中，是webkit内涵浏览器扩展css，webkit专属。当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。该属性可以只设置透明度。如果未设置透明度，iOS Safari使用默认的透

2017-08-16 22:37:25 2955

原创移动H5页面开发时候，iPhone苹果iOS点击click、touch会有300ms延迟，如何解决？

传统页面：<script src='path/fastclick.js'></script><script> if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(do

2017-08-16 22:27:34 1978

原创 vue2.x---vue-router如何在router-link标签绑定click点击事件、keyup、change等事件

<template> <div id="app"> <h1>hello app!</h1> <p> <router-link to='/page1' tag='a'>page1</router-link> <router-link to='/page1/page2' tag='a' @click='jump' >p

2017-08-16 22:14:12 15377

原创 webpack---webpack构建vue多页面框架（四、自动化构建）

webpack+vue已经成为单页面程序标配！其实webpack构建vue多页面程序也是相当出色！工程布局；webpak.config.js；生产环境与开发环境；自动化构建；源码GitHub自动读取src中所有页面入口，并打包生成相应的页面，用到node相关模块！webpack.config.jsconst webpack = require('webpack');const path

2017-08-15 21:09:20 2814

原创 webpack---webpack构建vue多页面框架（三、生产环境与开发环境）

webpack+vue已经成为单页面程序标配！其实webpack构建vue多页面程序也是相当出色！工程布局；webpak.config.js；生产环境与开发环境；自动化构建；源码GitHub3.生产环境与开发环境const webpack = require('webpack');const path = require('path');const ExtractTextPlugin

2017-08-15 20:54:13 3055

原创 webpack---webpack构建vue多页面框架（二、webpak.config.js）

webpack+vue已经成为单页面程序标配！其实webpack构建vue多页面程序也是相当出色！工程布局；webpak.config.js；生产环境与开发环境；自动化构建；源码GitHub；2.webpak.config.jswebpak.config.js基本配置如下：const webpack=require('webpack'); //webpack必要条件 const

2017-08-14 22:49:48 1855

原创 webpack---webpack构建vue多页面框架（一、工程布局）

webpack+vue已经成为单页面程序标配！其实webpack构建vue多页面程序也是相当出色！ 1. 工程布局； 2. webpak.config.js； 3. 生产环境与开发环境； 4. 自动化构建； 5. 源码GitHub；1.工程布局理想中的工程目录如下：-app webpack.config.js //webpack入口配置 postcss.confi

2017-08-14 22:24:30 2958

原创 js---js仿jQuery封装ajax

function ajax() { var ajaxData = { type: arguments[0].type || "POST", url: arguments[0].url || "", async: arguments[0].async || "true", data: arguments[0].data || nu

2017-08-14 21:34:46 432

原创 vue2.x---在vue2.x中，父组件怎么响应式向子组件传值，子组件怎么通过prop修改父组件数据？

从 2.3.0 起我们重新引入了 .sync 修饰符，但是这次它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 侦听器。这是目前vue最新版文档描述，子组件修改父组件状态的方法。包括两部分代码填充：父组件<comp :foo="bar" @update:foo="val => bar = val"></comp>子组件：this.$emit('update:f

2017-08-14 20:59:18 5794

Wbiokr的博客