毛没齐-优快云博客

原创 taro 让&nbsp；有效果

打包微信小程序，&nbsp;无效解决方法：必须是<Text>标签，加上decode="{{true}}"标记<Text decode="{{true}}">红&nbsp;&nbsp;和仁&nbsp;&nbsp;不</Text>...

2021-08-25 10:28:00 447

原创微信小程序开发基础组件

<view>视图容器相当于 div<view>我是div</view><text>文本相当于 span<text>我是span</text><button>按钮<but

2019-02-17 15:05:31 295

原创微信小程序开发基础配置

配置程序顶部样式//app.jspn"window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#D8C523", //背景颜色 "navigationBarTitleText": "家具类电商",

2019-02-17 15:05:15 346

原创微信小程序开发 reLaunch与navigateTo基本页面跳转 / 解决无法跳转问题

reLaunch跳转跳转到指定页面注意：页面地址不是绝对路径时，此时的url=当前文件夹的绝对地址+/pages/index/index 如果程序定义了 tabBar,reLaunch可以跳转//两种写法//第一种写在js函数中wx.reLaunch({ url: '/pages/index/index' 页面地址 ...

2019-02-17 15:01:02 9088

原创微信小程序开发函数方法使用

创建wxs文件，自定义方法//wxs文件var fiterse={ tofixed:function(num,count){ 自定义方法 return num.toFixed(count); }}module.exports={ //暴露方法 toFix:fiterse.tofixed...

2019-02-17 14:30:55 398

原创 JQuery Ajax的使用/解决跨域 /php接收返回json与jsonp

跨域出现的原因：域名，协议，端口不相同Ajax语法Ajax跨域解决get : 添加 dataType:'jsonp'和 jsonp:'callbak'post: 添加 dataType:'json' 和 crossDomain: true ps: dataType:jsonp只对get有效//get $.ajax({ ty...

2019-02-14 15:56:00 760

原创 JavaScript slice()和substring()的使用与差别

slice()与substring()都是用来切割字符串的方法slice(start,end)的使用start与end都不是负数时，start必须比end小，否则返回空字符串 start为负数时，end必须为负数且必须比start大，否则返回空字符串截取start到end的内容，但不包含end的内容var str = 'abcdefg'str.slice(1,2) ...

2019-01-12 17:24:17 892

原创 Vue 使用 element-ui组件中 el-upload 上传图片

默认已经引进 element-ui 组件简单的使用可查看官方API列出自己在使用中遇到的问题<el-upload>无法在手机中使用刚开始用下面的语句限制上传文件的类型accept=".jpg,.jpeg,.png,.gif,.bmp,.pdf,.JPG,.JPEG,.PBG,.GIF,.BMP,.PDF"下面的代码，在pc端使用是可以正常使用，但在手机...

2018-12-23 21:54:31 7419 1

原创 vue之watch的数据监听使用

Vue提供了一个watch方法可以监听data内指定数据变化监听简单数据当value1或value2的内容发生变化时，就会分别调用value1()方法或value2()方法注意：watch里面的方法名与data内的值名一致data() { return { value1: 0, value2: 0 }},watch: ...

2018-12-19 22:13:26 1489 1

原创 Vuex的使用

安装Vuex依赖包npm install vuex --save在vue脚手架中 src 文件下新建一个 Vuex文件夹，并在此文件夹下加入一个store.js文件store.js文件内容：import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ ...

2018-12-17 14:48:48 207

原创 vue.js socket.io的使用

安装依赖包npm install vue-socket.io --savemain.js文件配置import VueSocketIO from 'vue-socket.io'Vue.use(new VueSocketIO({ debug: true, connection: 'http://localhost:3000', vuex: { }}...

2018-12-16 17:20:34 7276 4

原创 Vue项目打包————遇到的问题

打包语句npm run build网页不显示解决方法：修改 config/index.js 下的 assetsPublicPath 为 './',网页图片不显示解决方法：在 build/utils.js 添加 publicPath:'../wan../' 语句网页不显示，空白解决方法：删除 main.js 的...

2018-12-12 22:54:04 553

原创 vue.js 调用有道翻译API 实现翻译功能

在有道智云注册用户信息并拿到有道翻译的应用ID和应用密钥（怎么注册，网站都有）调用API http地址：http://openapi.youdao.com/api?q=需要翻译的文本&appKey=应用ID&salt=随机数&from=源语言&to=目标语言&sign=标签//标签=md5(应用ID+需要翻译的文本+随机数+应用密钥)...

2018-08-25 23:11:20 5171

原创 vue.js props属性传值与事件传值

利用 props 传值时，当传递的种类不同时，效果也是不同的当传的是引用类型时，不管是在父组件中改变了这个值，还是在子组件中改变了这个值，父组件和子组件中的值，互相影响而传的是传值类型时，不管是在父组件中改变了这个值，还是在子组件中改变了这个值，父组件和子组件中的值都不会随之而改变，都不会互相影响父组件传值给子组件（props属性传值）...

2018-08-24 13:59:09 5997

原创 vue.js 跨域请求 fetch / axios

跨域请求配置假设我们的请求地址：http://localhost/Graduation_Thesis/a.php在vue项目下找到 config > index.js 文件;修改 index.js 文件下的 proxyTable 对象的内容；如下 proxyTable: { '/api': { // '/api'相当于代...

2018-08-23 23:04:59 2528

原创 vue.js 路由之滚动行为

const router = new VueRouter({ routes: [...], scrollBehavior(to,from,savedPosition){ // return {x:100,y:100} //浏览器以页面的x:100,y:100的位置开始显示 // return{ selector : '.a' } ...

2018-08-23 16:42:15 434

原创 vue.js router-view 的复用

<router-view> 的 name 属性<router-view>设置了 name，则会渲染对应的路由配置中 components 下的相应组件//main.js //路由import Home from './components/Home'import Contact from './components/about/Contact'im...

2018-08-23 16:33:57 1665

原创 vue.js 导航守卫（组件内的守卫）

组件内的守卫分为三种beforeRouteEnter beforeRouteUpdate (2.2 新增) beforeRouteLeave① beforeRouteEnter进入组件之前进入该组件之前被调用，组件实例还没有被创建，不能使用 this关键字不过，你可以通过传一个回调给 next来访问组件实例，也就是说可以通过 next 来回调实例化后的组件，用next...

2018-08-23 15:11:44 9842

原创 vue.js 导航守卫（全局）

什么是导航守卫？笼统的说，导航守卫是控制用户能够进入哪些路由和不能进入哪些路由的控制器，也就是管理路由的打比方，在你第一次进入csdn网站，想写博客时，你必须先登录，才能进入博客编写；登陆界面就好比你能进入的路由，而博客是你不能进入的路由，当你登陆后，控制器才会给你权限，才能进入博客路由，这就是导航守卫的用途全局路由要在 main.js 文件下创建想用导航守卫先要有路由...

2018-08-23 11:57:44 2220

原创 vue.js 初次路由显示设置

①设置 path 为 ‘/’const router= new VueRouter({ routes:[ {path:'/',name:'home',component:Home}, //页面第一显示的组件 {path:'/menu',name:'menu',component:Menu}, {path:'*',redirect:'/'...

2018-08-22 16:42:24 1307

原创 vue.js 二级路由/三级路由

为什么要用二级和三级路由？当项目中有多个 <router-view> 时，就必须使用分级路由；如果路由不分级，又有多个 <router-view> ,全部都是定义为一级路由，那么项目中的 <router-view> 的内容显示就会混乱；这是不友好的；如果对路由进行分级，那么当触发某个二级或三级路由时，此路由就会将对应组件内容传给自己的父级路由组件...

2018-08-22 16:34:36 18556 2

原创 Vue.js 路由器使用技巧

<router-link> 是用于路由器的无刷新跳转改变<router-link> 标签默认显示标签<router-link> 标签默认显示 Dom 为 <a><router-link to="/" class="nav-link">主页</router-link>通过 ta

2018-08-22 11:59:18 692

原创 vue.js vue-resource——http请求

在 vue项目中引用 vue-resource 模块npm install vue-resource --save-dev在 main.js 文件中引用//引入 vue-resource模板import VueResource from 'vue-resource'Vue.config.productionTip = false;Vue.use(VueResourc...

2018-08-06 13:37:02 596 1

原创 vue.js 路由器的使用

在 vue 项目中装路由模块npm install vue-router --save-dev在配置路由之前，先来了解下 <router-link> 和 <router-view> 标签<router-link> 和 <a> 标签是一样的作用用于跳转<router-link to="/body">点我跳转页...

2018-08-06 12:50:49 282

原创 CSS 响应式控制字体大小

#footer{ font-size: 0.8rem; } @media only screen and (min-width:768px){ #footer{font-size: 1rem;} } @media only screen and (min-width:992px){ #footer{font-size:1.2rem;} } ...

2018-08-05 13:18:26 1475

原创 Vue.js 组件css样式作用域

App.vue文件中普通的去定义的css样式，而子组件未定义css样式，App.vue文件中的css样式会影响其他的子组件的样式当子组件中定义了 css样式，子组件的样式会覆盖 App.vue 中的样式想要每个组件的 css 样式都是独立的，就在 <style> 标签上加上 scoped <style scoped> h1{...

2018-08-01 14:52:18 1648

原创 Vue.js 脚手架之组件的创建与使用

使用之前要创建在 components 文件下创建一个自己的组件文件（.vue）初始结构为<template> </template><script> export default { name: "hw" }<..

2018-08-01 14:28:20 5648 1

原创 Vue.js 脚手架的使用

脚手架的src文件结构说明：components问件下存放着自己的创建的子组件文件，将创建好的子组件放到 App.vue或者main.js文件中进行注册使用，这样，组件就会出现在页面上...

2018-08-01 13:42:34 425

原创 vue.js 搭建脚手架

前提：有 node 环境和 npm环境 ①全局安装 vue-cli (命令行工具 (CLI))//安装这个才能使用 vue关键字npm install --global vue-cli//检验是否安装成功(返回版本号)vue --version②创建一个基于 webpack 模板的新项目文件（在哪个文件下使用语句，就会在那...

2018-07-31 16:15:44 198

原创 Vue.js 自定义组件的创建与应用

通过：Vue.component('my-component-name', { /* ... */ }) 创建自定义组件html  <div id="vue-app"> <hw></hw> //自定义标签 </div>j...

2018-07-31 15:20:53 1133

原创 export 和 module.export的区别与使用

简单的来说他们的作用都是：让两个JS文件之间可以进行数据交流和使用Greeter.js 与 main.js 在同一目录下，main.js 要引用 Greeter.js 中的方法①使用 module.exports 实现不同JS文件的数据调用Greeter.js：function a(a){ console.log(a);;}function b(...

2018-07-31 11:29:38 2300

原创 JS this指针转移——call()方法和apply()方法用法总结

原文：https://blog.youkuaiyun.com/ganyingxie123456/article/details/70855586上面的原文能很快的帮助理解call()/apply() 像是继承，当你使用过后，你所在的类里面的 this 就包含了父类与子类,与继承是一样的...

2018-07-31 10:47:17 370

原创 JS 面向对象编程之类的继承

类：浏览器的分类原型：类的方法 prototype（及类的属性与方法）原型链：继承（既是类与类之间的原型继承）自定义类的继承//a类继承b类a.prototype= new b()注意：//这不是继承，是引用a.prototype = b.prototypea的原型被添加或删除，b的原型也会随之改变，反之b变a也会变化；这不符合继承的关系继承只允许子 ...

2018-07-31 10:07:13 128

原创 Vue.js v-for的使用

v-for就是平时的for循环html  <div id="vue-app"> <p>第一个数组</p> <ul> <li v-for="name in names">{{ name }

2018-07-30 17:37:49 4061 1

原创 vue.js v-if / v-else-if / v-else 和 v-show 的使用与差别

v-if / v-else-if / v-else的使用这些不难理解，与 if(){}else if(){}else{} 是一个玩法；值得注意的是：①他们只能是兄弟元素②v-else-if 上一个兄弟元素必须是 v-if ②v-else 上一个兄弟元素必须是 v-if 或者是 v-else-if④一个判断语句组中只能有一个”显示“⑤判断为 false...

2018-07-30 16:38:19 1795

原创 Vue.js 动态绑定CSS样式

第一种方法：v-bind:class="{a:b,c:b}" a c 代表CSS样式表里相应的样式名 b 代表true(启用此样式)/false(不启用此样式)html  <div id="vue-app"> <input type="button" v-on:...

2018-07-30 15:54:23 44478 3

原创 vue.js ref属性使用

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象（根元素上）上给text组件注册信息，text组件的信息将会传递给他根容器（<div id="vue-app">）的$refs对象上  <div id="vue-app"> <input ty...

2018-07-29 21:04:11 4884

原创 vue.js v-model 实现双向数据绑定

双向数据绑定一定与 input / select /textarea 其中一个有关联双向数据绑定：两方的数据，不管哪一方发生改变都会实时的影响另外一方使用 v-model 属性实现组件绑定数据  <div id="vue-app"> <input type="text" v...

2018-07-29 11:03:17 456

原创 vue.js 按键修饰符

在监听键盘事件时，我们经常需要检查常见的键值。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符： //在输入框按下回车键时调用方法<input type="text" v-on:keyup.13="logname" value="name" > //在输入框按下Shift键时调用方法<input type="text" v-on:keyup.16="lo

2018-07-29 10:43:27 1195 2

原创 JS this关键字理解

this1.在普通函数下 this 指向的是window2.有事件源指向事件源本身3.在定时器下除es6 this 指向window.4.在对象下this指向的是自己本身

2018-07-27 19:06:29 2335

空空如也

空空如也