自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(44)
  • 资源 (1)
  • 收藏
  • 关注

原创 华为云服务器安装Linux并实现本地连接访问

Redis安装 开启6379端口 更改redis.conf配置 本地连接

2022-09-17 14:52:01 1980

原创 公众号注册+测试号调试+微信自定义分享+获取openid+相关配置

一、公众号简介访问地址:https://mp.weixin.qq.com以下内容截取自官网:二、公众号-个人订阅号注册最后一步由于本人个人申请已达上限,所以未能进行最后一步,进行到这一步填写公众号信息基本就完事儿了~到这一步,就能愉快的自定义菜单和写公众号文章了,不过这不是本文的重点,不再赘述~三、公众号-企业服务号注册由于个人条件有限,无法实现申请企业号,仅列不同于个人公众号的点,基本类似,后续补充四、测试号申请访问地址:http:/

2021-01-19 09:28:29 449

原创 vue打包发布到服务器注意事项

1.utils.js //防止CSS中图片引入路径报错 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' })} else { return ['vue-style-loader'].concat(loaders)}//生产环境时进行CSS压缩const css

2021-01-18 17:38:41 203

原创 JS根据当前时间计算相差年月日时的时间

function getFormatDate(type, num) { let currentDate = new Date(); let resultDate = currentDate; let formatYMD; let day = 0,month = 0,year = 0; if (type === 'y') { // 按年份计算 resultDate = currentDate.setFullYear((currentDate.getFullYear() +

2021-01-18 17:31:33 340

原创 小程序原生tabBar和官方自定义tabBar使用及区别

前言:本来想总结下的,但是我发现已经有大佬总结的十分清晰了,我就记录下,顺便发下两个的效果图,方便大家对比和使用(其实就是懒…qwq)**一、官方原生tabBar**缺点:样式微调简不单呐二、官方自定义tabBar大家可以对比下官方提供的两种方式,自行采纳推荐大佬总结链接:https://www.jianshu.com/p/91cd8db69739示例代码下载链接:https://pan.baidu.com/s/1LcDpOxpbMsNaGn354Tsd8g 提取码:x4

2020-06-22 16:40:57 1334

原创 H5唤起web地图导航

1.使用高德导航**示例链接:** http://uri.amap.com/marker?position=lng,lat&name=address&coordinate=gaode&callnative=1**标准参数链接:** http://uri.amap.com/marker?position=116.1414,39.1414&name=地址&amp...

2020-01-14 16:01:32 2248

原创 小程序唤起地图导航

小程序唤起地图导航场景描述:小程序中使用webview内嵌h5页面,h5页面中会获取目的地经纬度调起手机自带的导航APP,那么问题来了,h5唤起手机导航打开的是网页版的,似乎小程序自带的方法就挺好用哈代码:首先在h5中调用微信小程序的方法,h5跳转到小程序方法如果调用失败,检查是否引用sdk,package.json文件中是否配置import wx from ‘weixin-js-sdk...

2020-01-14 12:03:25 2312 2

原创 小程序踩坑记

小程序踩坑记1.获取openid在微信小程序开发工具里面获取是没有问题的,但是一上https正式环境就不能用了,在开发工具里面有设置解决方案:获取openid交给后台去做,前台调用接口去拿示例代码:wx.login({ success: function (res) { wx.request({ url: util.getPubUrl() ...

2020-01-14 11:34:32 629

原创 webstorm2019版本创建VUE项目

前言在论坛里发现有小伙伴使用2019版本的webstorm创建VUE项目的时候失败了,突然一想我也是2019的,后来没创建过,于是我就试了一下,如图:啊哈 什么东西,稀奇古怪的错误不管他,先运行下试试看啥结果哦豁,很敏感的字眼,no such file or directory, open ‘E:\untitled2\package.json’npm ERR! enoent Th...

2020-01-08 17:44:24 3203 7

原创 jquery中ajax的执行顺序

JQuery中ajax执行顺序:严格说起来包括全局事件一共有:1.ajaxStart(全局事件)2.beforeSend3.ajaxSend(全局事件)4.success5.ajaxSuccess(全局事件)6.error7.ajaxError (全局事件)8.complete9.ajaxComplete(全局事件)10.ajaxStop(全局事件)一般调...

2019-11-19 17:34:27 475

原创 mui框架tap事件点击一次,执行两次

问题描述:使用for循环遍历,我将拼接的HTML语句拼接到页面上,绑定class属性,如本文中icon_button,接下来最坑的就是tap事件最坑的时候,我一直在js中寻找为什么点击一次执行两次的原因,然而并没有找到 mui("#orderList").on("tap", ".icon_button", function (e) { console.log("-------------...

2019-09-18 09:56:52 1885 2

原创 vue生命周期以及执行顺序

前言:Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期created官方定义:实例创建完成后被立即调用,在这一步,实例已完成以下配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载...

2019-08-06 10:27:07 4543 1

原创 内置组件+is实现动态组件

官网定义:实例:动态点击以后:代码解析:点击事件触发以后动态的将某个组件赋值给showComponent,is动态绑定的那里便会发生变化代码:<template> <div> <button @click="change('1')" style="background-color: greenyellow">组件1</but...

2019-08-05 15:26:19 163

原创 vue2.0父子组件通信

效果图:传值前:传值后:1.父组件向子组件传值的两种情况a.给子组件传静态的值:<blog-post title="My journey with Vue"></blog-post>比较简单,不再赘述b.动态的值,v-bind绑定,简写 使用 :动态传值可以传数字,布尔型,数组,对象等,本文以传对象的两种方式为例,顺便包含传字符串,布尔值两种情况。...

2019-08-05 14:05:19 134

原创 常用正则表达式汇总

区号+座机号码+分机号码:regexp="^(0[0-9]{2,3}/-)?([2-9][0-9]{6,7})+(/-[0-9]{1,4})?$"手机(中国移动手机号码):regexp="^((/(/d{3}/))|(/d{3}/-))?13[456789]/d{8}|15[89]/d{8}"所有手机号码:regexp="^((/(/d{3}/))|(/d{3}/-))?13[0-9]/d...

2019-08-01 13:46:36 139

原创 正则表达式基础入门学习

常用字符代表含义\s 匹配任意的空白符,包括空格,制表符(Tab),换行符,中文全角空格等\w 匹配字母或数字或下划线或汉字\b 匹配单词的开始或结束\d 匹配数字.(点) 匹配除换行符以外的任意字符+ 匹配-重复一次或更多次+ * 匹配-重复零次或更多次* ? 匹配-重复零次或一次{n} 匹配-重复n次{n,} 匹配-重复n次或更多次{n,m} 匹配-重...

2019-08-01 13:10:41 98

原创 遮罩层内容滚动防止底层内容跟着滚动

个人在参与项目的时候遇到这个问题,点击一个按钮查询一个接口,查询成功后弹出遮罩层显示查询内容,但是显示的内容又分别基本信息和拓展信息所以会进行滑动,在滑动的同时会带动底层内容一起滑动,遇到过两次这样的问题。第一次是在使用原生js+jquery+mui框架的时候用的mui框架中的scroll.那个时候是手写的遮罩层外加遮罩层中mui框架scroll滚动,利用z-index设置遮罩层展示在最上面,...

2019-07-30 15:03:59 2218

原创 关于mui框架中input输入框失焦滚到页面顶部问题

目的:获取dom元素用法:直接在需要的组件或HTML标签上进行绑定 this.$ref.xxxx优势:减少获取dom节点的消耗举例:<div id="app"> <input type="text" ref="change"/> <button @click="add">添加</button></div>new...

2019-07-29 14:35:58 3706 5

原创 console.log()打印object却显示为字符串[object Object]

对比再来看输出结果:简单来说就是因为拼接了之后原始类型为object的数据被转换为字符串类型了,不拼接就会按照数据原始类型打印该数据不会打断操作类似于alert。...

2019-07-29 14:31:48 1555

原创 使用vue制作简单的登录页面(含验证码)

话不多说,先看结果,时间匆忙,样式没有怎么调整,能看就行,图片都懒得换了 qwq…同样,为了进行后续的拓展,使用的简单的路由功能(其实就是懒得换)首先便是项目的创建,这个不再过多叙述,接下来修改部分文件:1.index.html中添加样式,修改背景颜色<style> body{ background: #fff1ff; } &l...

2019-07-24 11:01:32 12364 5

原创 Axios API

最近刚开始接触vue项目,遇到了axios,不可避免的有点迷茫,于是查资料对其有所总结。在查它的时候又看到了它和jquery的ajax和fetch.在这里简单的对三者进行对比并详细说明一下我是怎样通过Axios API 调取接口的。三者对比参考自https://blog.csdn.net/twodogya/article/details/80223508Ajax$.ajax({ typ...

2019-07-22 18:09:14 334

原创 箭头函数Arrow Function

最近在学习vue的时候遇到了关于箭头函数的使用,因此学习后在这里一起分享一下。箭头函数:ES6标准新增的一种新的函数(Arrow Function),可以把它们看作是能附加在单击事件或鼠标事件上的一次性函数,箭头函数相当于匿名函数,并且简化了函数定义缺点:不能用来声明一个函数,也不能够通过 new 关键字新建对象实例eg:x => x*x 等价于:function (x) ...

2019-07-18 21:29:14 306 1

原创 vuex之state、Mutations、getters、actions、modules

1.文件创建当然,文件创建的位置自己可以定,本文例子都在src文件夹下进行创建。main.jsimport Vue from 'vue'import store from './store'import vuex_test from './vuex_test.vue'new Vue({ el:'#app', store, render:xx=>xx(vuex_te...

2019-07-17 14:39:56 461

原创 chrome中安装devtools插件

1.安装vue.js和node.js直接略过,有需要可以查询我以前写过的步骤;2.下载devtools插件https://github.com/vuejs/vue-devtools,建议使用git下载;3.记得你下载第二步时文件的位置,进入运行cmd(安装git直接在当前文件夹在右键 git base here更方便),依次执行命令 npm install npm run build...

2019-07-16 17:38:30 312

原创 vue路由----编程式导航

import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const Home = { template:` <div> <h2>Home</h2> <p>this is Home -{{$route.query....

2019-07-09 17:55:50 125

原创 vue路由----勾子

1.在idea中新建vue项目2.main.js中修改import Vue from 'vue'import Router from './transitionRouter'3.src下新建文件transitionRouter.jsimport Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)c...

2019-07-09 17:18:38 116

原创 vue路由----mode参数配置history.hash

hash JavaScript中原始用法,比正常路径多了一层#const router = new VueRouter({ mode:'history', /* 两个参数 history, hash JavaScript中原始用法,比正常路径多了一层# http://localhost:8080/#/Users*/ data(){ return{ aa...

2019-07-09 16:22:31 943

原创 vue路由----将完整的vue组件作为模版

1.在idea中新建vue项目2.src文件夹新建transition.vue,src/components下新建HelloWorld.vue文件位置:transition.vue<template> <div> <!--模版中必须有一个这样的根元素--> <button v-on:click="show =! sh...

2019-07-09 16:20:01 227

原创 vue路由----404页面单独跳转

定义404错误模版并配置路径import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const Home = { template:` <div> <h2>Home</h2> <p>this is Home</...

2019-07-09 16:11:38 5333

原创 vue路由----动画transition,watch监控动画

1.在idea中新建vue项目2.main.js中修改// 基础动画import transition from './transition.vue'import Vue from 'vue'new Vue({ el:'#demo', render:xx => xx(transition)})3.src下新建文件transition.vue<templa...

2019-07-09 15:14:44 596

原创 vue路由----重定向、alias别名

1.在idea中新建vue项目2.main.js中修改import Vue from 'vue'// import Router from './Router' /*引用自同级Router.js*/// import Router from './SonRouter' /*引用自同级SonRouter.js*/// import Router from './Compon...

2019-07-09 13:55:38 1435

原创 vue路由----append、exact、query属性

1.在idea中新建vue项目2.main.js中修改import Vue from 'vue'// import Router from './Router' /*引用自同级Router.js*/// import Router from './SonRouter' /*引用自同级SonRouter.js*/// import Router from './Compon...

2019-07-09 13:50:11 4238

原创 vue路由----url传值

1.在idea中新建vue项目2.main.js中修改

2019-07-09 11:46:07 344

原创 vue动态添加删除数据

<template> <div class="hello"> <h1>{{ msg }}</h1> <h3>vue动态添加删除数据</h3> <input class="addWord" v-model.lazy="name" @focus="" @blur="nameVertify" @ke...

2019-07-09 10:03:44 1435

原创 vue路由----路由表的组建群

1.在idea中新建vue项目2.main.js中修改import Vue from 'vue'// import Router from './Router' /*引用自同级Router.js*/// import Router from './SonRouter' /*引用自同级SonRouter.js*/import Router from './Component...

2019-07-08 18:06:52 905

原创 vue路由----子路由,路由中参数的传递

1.在idea中新建vue项目2.main.js中修改import Vue from 'vue'// import Router from './Router' /*引用自同级Router.js*/import Router from './SonRouter' /*引用自同级SonRouter.js*/3.src下新建文件SonRouter.js/*子路由*/i...

2019-07-08 18:00:02 587

原创 vue路由-----基础路由用法

1.在idea中新建vue项目2.main.js中修改import Vue from 'vue'import Router from './Router' /*引用自同级Router.js*/3.新建Router.js文件/*路由简介*/import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueR...

2019-07-08 17:54:01 129

原创 $mount-手动挂载

1.定义在项目中可用于延时挂载(例如在挂载之前要进行一些其他操作、判断等),之后要手动挂载上,new Vue时,el和mount并没有本质上的不同。2.与el区别:将实例化后的vue挂载到指定的dom元素中,如果在实例化vue的时候指定el,则该vue将会渲染在此el对应的dom中;若没有指定el,则vue实例会处于一种“未挂载”的状态,此时可以通过mount来手动执行挂载。3.注意:如...

2019-07-08 11:28:26 402

原创 命令行初次搭建vue环境和vue项目

1.在这之前我一直有个疑问,为什么搭建vue项目要基于nodejs环境,于是我查找了许多大神的解释,找到几种解答:Java角度:https://blog.csdn.net/myKurt/article/details/79914078了解更多详情前端角度:https://blog.csdn.net/wenshu12321/article/details/620716112.接下来就是...

2019-07-04 10:00:45 324 1

原创 v-model指令

v-model指令 将数据和页面元素进行双向绑定<p>v-model:{{text}}</p> <p>v-model.lazy:{{text1}}</p> <p>v-model.number:{{ typeof(text2) }}</p> <p>v-model.trim:{{text3.len...

2019-07-02 10:31:04 197

miniProgramTabBar.zip

小程序官方示例自定义tabbar代码示例..

2020-06-22

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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