来吧，相约98-优快云博客

原创 vue打包上线并清除缓存机制

第一步，html增加meta标签 <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">第二步，修改打包之后的js、css、image的命名规则在vue.config.js种修改配置 filenameHashing: false,// 此步骤也省略。 configureWebp

2022-03-24 13:57:07 5774

原创 mysql 下载-＞安装-＞启动-＞连接

下载地址下载步骤如下如果有账号的话会直接下载，如果没有账号的话会跳转到如下页面没有账户的，这时候直接点击红圈中的超链接就可以直接下载。安装下载成功后解压，手动创建data文件夹，如下图：启动mysqld --initialize-insecuremysqld -installnet start mysql问题：执行步骤:mysqld -removemysqld --initialize-insecuremysqld -installnet start mysql

2022-03-01 10:39:16 406

原创移动端项目使用swiper遇到的那些问题

技术栈jquery,swiper,html问题表述动态生成的swiper子页面，初始化之后无法滑动；动态生成的swiper子页面，初始化之后可以在浏览器的移动端模拟器下滑动，但是在混合开发ios里只能往一侧滑动；在swiper的4.x版本里（其他版本未尝试），slideChangeTransitionStart回调方法里通过变量（赋值过swiper初始化对象）取值获取不到正确的realIndex。解决方法针对问题1的解决方案:在dom元素append到页面上之后，再进行swiper对象

2021-01-15 10:41:47 649 2

原创 this.$emit方法无效的原因

this.$emit无效的问题开发过程汇总突然遇到this.$emit无法将事件发布出去，原因查找发现是使用了驼峰命名法，导致方法不能被监听到。点击查看vue官方文档说明，最神奇的是并不是左右的emit都失效，只是有些emit的方法名在特定情况下失效。解决方案使用-连接，比如： this.$emit(‘my-method’);使用this.$parent.方法名调用...

2020-08-04 17:25:06 30196 12

原创 vue移动端开发使用vant和animate.css遇到的坑

移动端开发使用vant作为ui主要框架已经使用animate.css作为动画库开发遇到的一些问题太坑了。。。。。。。在使用animate.css动画的时候，要使用动画的元素最好是与vant的绝对定位的元素同级，最好不要把vant中绝对定位的组件放到使用动画的元素。举个例子：如图示例，组件van-number-keyboard包含在做动画的元素中，结果导致position的值虽然为fixed,并且bottom为0，但是组件还是跑到了页面上方，位置出现异常。修正之后如下图显示：调整之后的显

2020-06-11 14:14:00 1633

原创混合app开发或者移动端浏览器跳转失效问题

window.location.href跳转失效问题描述：最近做的一个项目，混合app开发，前端页面在chrome的调试状态下都是正常的，但是发布到测试环境就出现window.location.href跳转的操作出现异常，没有任何响应。解决方案1.return false通过在window.location.href = url（地址）的后面添加return false代码段。2.定时...

2020-03-23 14:18:49 688

原创 vue混合app开发使用fastclick插件 input输入框点击不灵敏问题

问题描述：vue混合app开发中使用了fastclick解决延迟问题，但是后面发现，点击input输入框时，很多时候无法弹出输入框。解决方案怀疑是没有触发focus事件，导致软键盘无法弹出，于是网上搜索了一下，果然有关于这种问题的说明，然后就根据网上的解决方案调整了一下，完美解决；步骤:1.找到fastclick插件中的fastclick.js文件。2.搜索：ctrl+f搜索FastC...

2019-08-21 10:32:16 1800 1

原创 vue项目中的pdf预览方案（包含混合开发）开发经验

终于把pdf预览搞好了。1 ===> 移动端这里我使用的是pdf.js进行pdf预览的，下载地址：pdf.js使用pdf.js下载地址下载下来的文件解压出来后，我建议放在静态资源文件夹下：vue2.x版本可以放到static目录下，而vue3.x版本可以放到public目录下；如下：上面是vue3.x中pdf.js的存放目录；如果是vue2.x则放到static文件夹里；使用...

2019-07-25 09:59:16 538

原创 vue 热更新失效问题以及移动端插件vConsole失效问题（个人开发中遇到的问题）

问题描述混合app开发过程中，移动端插件vConsole突然失效，且vue热更新也失效，console.log无法打印出东西，页面内容更改无法及时同步到浏览器页面上，需要手动刷新才行；原因分析1.发现并不是所有页面都会出现vue热更新失效、vConsole插件失效。2.有些页面刷新后热更新正常且vConsole插件也正常了，但有些页面无论如何刷新就是无法启用热更新，且vConsole插件依...

2019-07-16 10:06:07 2903

原创 ios获取vue页面，vue页面中li标签内容渲染错误

不知道有没有其他同学遇到和我相同的问题，这里说明一下，也希望有遇到这种问题的可以有个解决方案。问题：混合开发过程中，ios获取我前端页面页面后，原先存在li标签的地方，内容发生了变化，内容里多渲染一个a标签，导致页面出问题，但是其他页面跳转到有问题的页面，之前的问题又无法重现了，但是只要是登录成功后跳转的页面，存在li标签，li标签里面的内容就会出问题。解决方案：将li标签替换掉，换成div标...

2019-07-15 13:22:20 379

原创 better-scroll使用的简易demo

个人感觉better-scroll用于移动的端的上拉加载和下拉刷新体验真的非常流畅，用于混合App开发非常合适。废话不多说，直接上demo。<template><template> <div class="wrapper" ref="wrapper"> <div> <slot></...

2019-07-05 17:34:39 876

原创关于使用mint-ui下拉加载组件遇到的内存暴涨，导致页面卡死的问题

关于使用mint-ui下拉加载组件遇到的内存暴涨，导致页面卡死的问题解决方案<mt-loadmore v-if="datalist.length > 0" :bottom-method="loadBottomApoint" ref="loadmore" :bottomPullText="bottomPullText" :bottomDropText="bottomDropText"&...

2019-07-05 17:14:46 327

原创 vue中v-model自定义输入组件的编写

Vue中v-model自定义输入组件的编写子组件代码如下（此处以input输入框为例）使用代码如下第一步（引入）第二步（注册组件）第三步（绑定父组件data里的数据）第四步（数据打印验证）结果资料查找子组件代码如下（此处以input输入框为例）&amp;lt;template&amp;gt; &amp;lt;div class=&quot;base-input-container&quot;&

2019-01-15 10:39:43 760 2

weixin_44294658的博客