<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_28353055的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_28353055</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_28353055]]></copyright><item><title><![CDATA[h5开发后退拦截，刷新或者跳转后后退不会多次拦截]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/123904252</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/123904252</guid><author>qq_28353055</author><pubDate>Fri, 01 Apr 2022 18:03:13 +0800</pubDate><description><![CDATA[在移动端开发中，经常有一些编辑页面要防止用户手势后退，这边用到vue和vant
mounted() {
     // 进来是先push一个历史记录进去
     history.pushState(null, null, document.URL);
     // 添加返回监听
     window.addEventListener("popstate", this.onBack)
 },
 methods: {
 	onBack () {
        Dialog.confirm({
     ]]></description><category></category></item><item><title><![CDATA[this理解]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/122412054</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/122412054</guid><author>qq_28353055</author><pubDate>Mon, 10 Jan 2022 15:39:24 +0800</pubDate><description><![CDATA[学习this指向的话，可以参考：this指向详解及改变它的指向的方法
箭头函数的理解：箭头函数this指向外层函数，而不是本身，普通函数this指向调用时离它最近的。
换句话说就是， 箭头函数能保存函数创建时的this值，而不是调用时的值，普通函数this时调用时的值

...]]></description><category></category></item><item><title><![CDATA[小程序保存图片，处理个别安卓手机无法保存以及授权关闭后重新开启问题]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/111193990</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/111193990</guid><author>qq_28353055</author><pubDate>Thu, 30 Sep 2021 17:31:51 +0800</pubDate><description><![CDATA[插件使用vant，因为小程序用户拒接授权以后，再一次保存需要用户主动触发！！！
&lt;button bindtap="handleDownloadFile"&gt;&lt;button&gt;
&lt;van-dialog
  title="提示"
  show="{{ show }}"
  show-cancel-button
  message="请在设置中开启微信的存储空间权限"
  confirm-button-open-type="openSetting"
  bind:cancel="canc]]></description><category></category></item><item><title><![CDATA[和src的区别href]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/118494853</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/118494853</guid><author>qq_28353055</author><pubDate>Mon, 05 Jul 2021 17:59:13 +0800</pubDate><description><![CDATA[href是Hypertext Reference的缩写，表示超文本引用。
src是source的缩写，src的内容是页面必不可少的一部分，表示引入。

href用来建立当前元素和文档之间的链接。常用的有：link、a。例如：
&lt;link href="demo.css"/&gt;

浏览器会识别该文档为css文档，并行下载该文档，并且不会停止对当前文档的处理。这也是建议使用link，而不采用@import加载css的原因

link 加载css为并行下载
@important 引入的 CSS 将在页面.]]></description><category></category></item><item><title><![CDATA[vscode 每次保存自动添加空行处理]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/118102980</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/118102980</guid><author>qq_28353055</author><pubDate>Tue, 22 Jun 2021 11:13:19 +0800</pubDate><description><![CDATA[文件 &gt; 首选项 &gt; 设置  查找Format On Save
我这边是设置css的，把钩去掉就好了


]]></description><category></category></item><item><title><![CDATA[2021-06-04 axios 请求中form添加参数（上传文件）]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/117552677</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/117552677</guid><author>qq_28353055</author><pubDate>Fri, 04 Jun 2021 11:00:09 +0800</pubDate><description><![CDATA[&lt;!-- vant 框架 --&gt;
&lt;van-uploader :after-read="afterRead"&gt;&lt;/van-uploader&gt;

async afterRead(e) {
  let formdata1 = new FormData()
  formdata1.append('file', file) // 文件
  formdata1.append('fileName', fileName) // 文件名
  axios.post(url, formdat]]></description><category></category></item><item><title><![CDATA[小程序图片放大预览问题]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/116695702</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/116695702</guid><author>qq_28353055</author><pubDate>Wed, 12 May 2021 09:39:33 +0800</pubDate><description><![CDATA[wx.previewMedia 和 wx.previewImage 查看大图时，在安卓机上图片过大都会导致微信崩溃
处理方法：
上传时禁止上传原图，因为不确定拍照是否上传的是原图，关闭拍照选项
这边使用有赞的UI，注意的是官网文档中没有明确说明，但是设置选项时，要用 {{}} 包裹，否则无效
&lt;van-uploader  
	sizeType="{{ ['compressed'] }}"
	capture="{{['album']}}" 
	accept="image"&gt;
 &lt;/van-u]]></description><category></category></item><item><title><![CDATA[CSS注意事项]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/113179229</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/113179229</guid><author>qq_28353055</author><pubDate>Tue, 26 Jan 2021 14:14:31 +0800</pubDate><description><![CDATA[scss 中使用calc换算中间需要有空格
height: calc(100vh - 80px); // 否则无法识别，记得运算符中间的空格


]]></description><category></category></item><item><title><![CDATA[体验版小程序识别小程序码]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/111169785</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/111169785</guid><author>qq_28353055</author><pubDate>Mon, 14 Dec 2020 14:45:03 +0800</pubDate><description><![CDATA[由于小程序码只能生成已经上线的小程序，但是使用B方案时，测试要测试，直接跳转到线上明显不合适
利用wx.scanCode({}）
&lt;button bindtap="onCode"&gt;识别二维码&lt;/button&gt;

onCode () {
    wx.scanCode({
      success (res) {
      // 识别成功，路径跳转
        wx.navigateTo({
          url: "/" + res.path,
        })
 ]]></description><category></category></item><item><title><![CDATA[小程序去除默认button样式]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/110002580</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/110002580</guid><author>qq_28353055</author><pubDate>Mon, 23 Nov 2020 17:25:05 +0800</pubDate><description><![CDATA[样式去除
button::after {
  border: none;
}
button {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  line-height:inherit;
  border-radius:0;
}

点击样式去除: hover-class=“none”
&lt;button open-type="openSetting" hover-class="none" &gt;&lt;/b]]></description><category></category></item><item><title><![CDATA[html2canvas图片生成问题]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/109806875</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/109806875</guid><author>qq_28353055</author><pubDate>Thu, 19 Nov 2020 11:59:45 +0800</pubDate><description><![CDATA[1.跨域图片	（需要图片设置允许跨域）
Access-Control-Allow-Origin: ‘*’
2.本地图片打开出现空白
可以用http-server开启服务，打开文件，我这边出现直接双击打开截图出现问题
3.字体重叠：样式引起
完整代码
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="viewport"
    content="w]]></description><category></category></item><item><title><![CDATA[微信小程序开发总结]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/109445658</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/109445658</guid><author>qq_28353055</author><pubDate>Mon, 02 Nov 2020 11:35:04 +0800</pubDate><description><![CDATA[可以通过 wx:for-item 来指定取值
wx:for-index 指定index
&lt;van-tabs active="{{ active }}" bind:change="onTabChange" swipeable sticky  class="tabs" tab-active-class="chooseTab"&gt;
  &lt;van-tab title="{{cell.label}}" wx:for="{{tabList}}" wx:for-item="tab" wx:key="ind]]></description><category></category></item><item><title><![CDATA[在vue中应用ueditor引入秀米，支持图片以及背景图抓取]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/107671383</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/107671383</guid><author>qq_28353055</author><pubDate>Fri, 31 Jul 2020 16:02:38 +0800</pubDate><description><![CDATA[https://blog.youkuaiyun.com/qq736150416/article/details/86503860

]]></description><category></category></item><item><title><![CDATA[完成处理浏览器记录密码新增或修改时被覆盖]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/107322642</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/107322642</guid><author>qq_28353055</author><pubDate>Mon, 13 Jul 2020 18:40:26 +0800</pubDate><description><![CDATA[在登录的时候，浏览器记录密码就无需每次都再填写，不过在后台管理系统，修改用户时就显得很不友好
vue+iviewUi
方法1，在用户名和密码之间插入一个隐藏的password，不过一些浏览器并不是很理想！
&lt;Input type="password" style="display: none"&gt;&lt;/Input&gt;
&lt;Input v-model.trim="addForm.password" type="password"&gt;&lt;/Input&gt;

方法2，readon]]></description><category></category></item><item><title><![CDATA[微信小程序vant 输入框问题]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/107285906</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/107285906</guid><author>qq_28353055</author><pubDate>Sat, 11 Jul 2020 16:29:00 +0800</pubDate><description><![CDATA[在开发时候需要添加评论，点击的时候从底部弹起，效果如下图

开发过程中遇到的问题有如下几个：
1.van-field 搭配 van-popup
个别手机弹出后会导致输入框位置乱跳，问题原因是van-popup多次弹出数据渲染会有一定问题
2.van-field 搭配 van-overlay（遮罩）
遮罩弹出太慢，手机性能比较差的体验太差
3.IOS自动推上去内容跑掉
处理方案：
自义定遮罩，利用display进行设置，手机性能差的也几乎不会卡顿
参考的是网上一个小哥代码：https://www.cnblog]]></description><category></category></item><item><title><![CDATA[v-html遇到/n未换行]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/104974204</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/104974204</guid><author>qq_28353055</author><pubDate>Thu, 19 Mar 2020 19:04:02 +0800</pubDate><description><![CDATA[添加样式： style=“white-space: pre-wrap;”
&lt;div v-html="content" style="white-space: pre-wrap;"&gt;&lt;/div&gt;


]]></description><category></category></item><item><title><![CDATA[vue首屏加载过慢问题处理]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/103585799</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/103585799</guid><author>qq_28353055</author><pubDate>Tue, 17 Dec 2019 19:08:21 +0800</pubDate><description><![CDATA[1.路由懒加载
{  
    path: '/home',
    name: 'home',   
    component: () =&gt; import('@/view/files/index.vue')
 }

2.cdn代替npm本地引入，这边用： bootcdn
在index中引入
&lt;body&gt;
    &lt;div id="app"&gt;&lt;/div&gt;...]]></description><category></category></item><item><title><![CDATA[处理vue-cli3热加载过慢问题]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/103585736</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/103585736</guid><author>qq_28353055</author><pubDate>Tue, 17 Dec 2019 18:55:32 +0800</pubDate><description><![CDATA[安装
npm install babel-plugin-dynamic-import-node --save-dev

在     .babelrc文件中添加
"env": {
    "development": {
      "plugins": ["dynamic-import-node"]
    }
  }


]]></description><category></category></item><item><title><![CDATA[iview的tabs组件在动态情况下导致顺序，是否移除TabPane以及tabs嵌套问题]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/103515605</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/103515605</guid><author>qq_28353055</author><pubDate>Thu, 12 Dec 2019 20:23:41 +0800</pubDate><description><![CDATA[在多个tabPane时，动态新增情况下，顺序会乱了。需要在TabPand上加一个index，注意index需要大于0
同时在量大的时候，要添加一个v-if判断，不然数据过多会导致真个浏览器崩溃，我的就崩溃过，咳咳！在tabPane差不多为13个以上左右的，页面容易崩溃，我的还外加addTable子页面的渲染，故而建议添加v-if判断！！！
同时为了页面渲染，关闭切换动画  :animated=‘f...]]></description><category></category></item><item><title><![CDATA[vue使用wangeditor富文本编辑器，以及问题归纳]]></title><link>https://blog.youkuaiyun.com/qq_28353055/article/details/103480821</link><guid>https://blog.youkuaiyun.com/qq_28353055/article/details/103480821</guid><author>qq_28353055</author><pubDate>Tue, 10 Dec 2019 19:17:14 +0800</pubDate><description><![CDATA[官网请移步：http://www.wangeditor.com/
1.添加
// 安装
npm install wangeditor -s

2.简单使用
封装：
// 引入wangeditor以及样式
import Editor from 'wangeditor'
import 'wangeditor/release/wangEditor.min.css'
export default {
  ...]]></description><category></category></item></channel></rss>