浊清。。。-CSDN博客

原创 h5开发后退拦截，刷新或者跳转后后退不会多次拦截

在移动端开发中，经常有一些编辑页面要防止用户手势后退，这边用到vue和vantmounted() { // 进来是先push一个历史记录进去 history.pushState(null, null, document.URL); // 添加返回监听 window.addEventListener("popstate", this.onBack) }, methods: { onBack () { Dialog.confirm({

2022-04-01 18:03:13 992

原创 this理解

学习this指向的话，可以参考：this指向详解及改变它的指向的方法箭头函数的理解：箭头函数this指向外层函数，而不是本身，普通函数this指向调用时离它最近的。换句话说就是，箭头函数能保存函数创建时的this值，而不是调用时的值，普通函数this时调用时的值...

2022-01-10 15:39:24 282

原创小程序保存图片，处理个别安卓手机无法保存以及授权关闭后重新开启问题

插件使用vant，因为小程序用户拒接授权以后，再一次保存需要用户主动触发！！！<button bindtap="handleDownloadFile"><button><van-dialog title="提示" show="{{ show }}" show-cancel-button message="请在设置中开启微信的存储空间权限" confirm-button-open-type="openSetting" bind:cancel="canc

2021-09-30 17:31:51 594

原创和src的区别href

href是Hypertext Reference的缩写，表示超文本引用。src是source的缩写，src的内容是页面必不可少的一部分，表示引入。href用来建立当前元素和文档之间的链接。常用的有：link、a。例如：<link href="demo.css"/>浏览器会识别该文档为css文档，并行下载该文档，并且不会停止对当前文档的处理。这也是建议使用link，而不采用@import加载css的原因link 加载css为并行下载@important 引入的 CSS 将在页面.

2021-07-05 17:59:13 172

原创 vscode 每次保存自动添加空行处理

文件 > 首选项 > 设置查找Format On Save我这边是设置css的，把钩去掉就好了

2021-06-22 11:13:19 2241

原创 2021-06-04 axios 请求中form添加参数（上传文件）

<van-uploader :after-read="afterRead"></van-uploader>async afterRead(e) { let formdata1 = new FormData() formdata1.append('file', file) // 文件 formdata1.append('fileName', fileName) // 文件名 axios.post(url, formdat

2021-06-04 11:00:09 452

原创小程序图片放大预览问题

wx.previewMedia 和 wx.previewImage 查看大图时，在安卓机上图片过大都会导致微信崩溃处理方法：上传时禁止上传原图，因为不确定拍照是否上传的是原图，关闭拍照选项这边使用有赞的UI，注意的是官网文档中没有明确说明，但是设置选项时，要用 {{}} 包裹，否则无效<van-uploader sizeType="{{ ['compressed'] }}" capture="{{['album']}}" accept="image"> </van-u

2021-05-12 09:39:33 367

原创 CSS注意事项

scss 中使用calc换算中间需要有空格height: calc(100vh - 80px); // 否则无法识别，记得运算符中间的空格

2021-01-26 14:14:31 77 1

原创体验版小程序识别小程序码

由于小程序码只能生成已经上线的小程序，但是使用B方案时，测试要测试，直接跳转到线上明显不合适利用wx.scanCode({}）<button bindtap="onCode">识别二维码</button>onCode () { wx.scanCode({ success (res) { // 识别成功，路径跳转 wx.navigateTo({ url: "/" + res.path, })

2020-12-14 14:45:03 667

原创小程序去除默认button样式

样式去除button::after { border: none;}button { background-color: transparent; padding-left: 0; padding-right: 0; line-height:inherit; border-radius:0;}点击样式去除: hover-class=“none”<button open-type="openSetting" hover-class="none" ></b

2020-11-23 17:25:05 281

原创 html2canvas图片生成问题

1.跨域图片（需要图片设置允许跨域）Access-Control-Allow-Origin: ‘*’2.本地图片打开出现空白可以用http-server开启服务，打开文件，我这边出现直接双击打开截图出现问题3.字体重叠：样式引起完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="w

2020-11-19 11:59:45 291

原创微信小程序开发总结

可以通过 wx:for-item 来指定取值wx:for-index 指定index<van-tabs active="{{ active }}" bind:change="onTabChange" swipeable sticky class="tabs" tab-active-class="chooseTab"> <van-tab title="{{cell.label}}" wx:for="{{tabList}}" wx:for-item="tab" wx:key="ind

2020-11-02 11:35:04 180

原创在vue中应用ueditor引入秀米，支持图片以及背景图抓取

https://blog.csdn.net/qq736150416/article/details/86503860

2020-07-31 16:02:38 1247

原创完成处理浏览器记录密码新增或修改时被覆盖

在登录的时候，浏览器记录密码就无需每次都再填写，不过在后台管理系统，修改用户时就显得很不友好vue+iviewUi方法1，在用户名和密码之间插入一个隐藏的password，不过一些浏览器并不是很理想！<Input type="password" style="display: none"></Input><Input v-model.trim="addForm.password" type="password"></Input>方法2，readon

2020-07-13 18:40:26 499

原创微信小程序vant 输入框问题

在开发时候需要添加评论，点击的时候从底部弹起，效果如下图开发过程中遇到的问题有如下几个：1.van-field 搭配 van-popup个别手机弹出后会导致输入框位置乱跳，问题原因是van-popup多次弹出数据渲染会有一定问题2.van-field 搭配 van-overlay（遮罩）遮罩弹出太慢，手机性能比较差的体验太差3.IOS自动推上去内容跑掉处理方案：自义定遮罩，利用display进行设置，手机性能差的也几乎不会卡顿参考的是网上一个小哥代码：https://www.cnblog

2020-07-11 16:29:00 7578

原创 v-html遇到/n未换行

添加样式： style=“white-space: pre-wrap;”<div v-html="content" style="white-space: pre-wrap;"></div>

2020-03-19 19:04:02 1571

原创 vue首屏加载过慢问题处理

1.路由懒加载{ path: '/home', name: 'home', component: () => import('@/view/files/index.vue') }2.cdn代替npm本地引入，这边用： bootcdn在index中引入<body> <div id="app"></div>...

2019-12-17 19:08:21 409

原创处理vue-cli3热加载过慢问题

安装npm install babel-plugin-dynamic-import-node --save-dev在 .babelrc文件中添加"env": { "development": { "plugins": ["dynamic-import-node"] } }

2019-12-17 18:55:32 1648

原创 iview的tabs组件在动态情况下导致顺序，是否移除TabPane以及tabs嵌套问题

在多个tabPane时，动态新增情况下，顺序会乱了。需要在TabPand上加一个index，注意index需要大于0同时在量大的时候，要添加一个v-if判断，不然数据过多会导致真个浏览器崩溃，我的就崩溃过，咳咳！在tabPane差不多为13个以上左右的，页面容易崩溃，我的还外加addTable子页面的渲染，故而建议添加v-if判断！！！同时为了页面渲染，关闭切换动画 :animated=‘f...

2019-12-12 20:23:41 2693 6

原创 vue使用wangeditor富文本编辑器，以及问题归纳

官网请移步：http://www.wangeditor.com/1.添加// 安装npm install wangeditor -s2.简单使用封装：// 引入wangeditor以及样式import Editor from 'wangeditor'import 'wangeditor/release/wangEditor.min.css'export default { ...

2019-12-10 19:17:14 1887 6

转载堆、栈

本文源自公众号: 高级前端进阶 1-3，木易杨的内容，这边做下记录与一点自己的理解栈数据结构栈的结构就是后进先出（LIFO）,如图堆数据结构堆数据结构是一种树状结构，存在类似图书与书架非常相识，我们只需要知道书名，取值key-value对列对列是一种先进先出（FIFO）的数据结构，这是事件循环（Event Loop）的基础结构1、基本类型 --> 保存在栈内存中，因为这些类型在...

2019-12-03 23:16:46 89

原创 vue-cli设置代理

项目存在跨域情况，我们可以通过vue.config.js 中的 devServer.proxy 选项来配置该配置在vue.config.js下devServer: { proxy: { '/api': { // 已/api开头的 target: 'http:后端地址', // 后台接口域名 ws: true, ...

2019-11-28 18:02:02 368

原创 vue-cli3配置less全局，无需一个个文件引入

主要应用到style-resources-loader// 安装依赖npm i style-resources-loader -dev然后再添加vue add style-resources-loader安装过程中会让你选择选用哪项，这边选择less然后在 vue.config.js中会自动生成一个配置 pluginOptions，配置一下自己的路径module.export...

2019-11-28 11:30:05 686

原创 vue的addRoutes很多警告

在使用addRoutes时，有时控制台警告Duplicate named routes definition:…。偶尔会导致菜单重复，而且控制台一大堆警告看了也很不爽这个警告第一次登陆不会触发，点退出以后第二次登陆就触发了，主要是路由不会移除原有的路由，导致name重复了，虽然强制刷新一下也能处理，但是用户体验差。处理方式如下，在addRoutes添加router.matcher = cre...

2019-11-26 14:51:59 756

原创用var实现let的for循环

let 设置的循环，因为let为局部变量，有暂时性死区约束暂时性死区（TDZ）： ES6明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）let arr =...

2019-11-11 17:41:15 802

原创 H5开发问题，用到vant

一、IOS1.滚动穿透问题在自己设置左右两侧滚动时，有时IOS开启了本身的滚动，有时上层触摸到下层的滚动此时让IOS写一个方法可自由开启或者关闭滚动对应的会出现滑动位置无法设置问题，此时调用ios本身滚动位置，去除h5滚动位置2.vant在低版本IOS手机中日期选择器（van-datetime-picker）无法拉动问题主要在IOS11以下出现的问题，微信中有部分也出现类似问题参考：h...

2019-10-18 15:09:08 1937 3

原创初读犀牛书笔记--类型/值和变量

1.Math数字整型直接量16进制 0x 或 0X 0-9和a(A)~f(F)之间字母构成8 进制 0开头， ES6严格模式下明令禁止使用（8进制有些支持，有些不支持）函数 Math.pow(2,53) // 2的53次幂 Math.round(.6) // => 1.0: 四舍五入 Math.ceil(.6) // => 1.0: 向上取整 Math...

2019-10-09 21:26:07 113

原创 vue动态路由变化页面不重新加载问题，实现方式比较简单，就是有点鸡贼

由于使用了动态路由，有时候页面需根据路由来动态变化，整个页面需要重新加载，但是地址指向同一个，这边用了一个比较取巧的方式将整个页面封装成一个子组件 children => formTe<template> <div> <formTe v-if='showNum/2 === 0' :key='showNum'></formTe>...

2019-07-24 10:05:53 2931

原创 h5页面手机底部弹窗mobileSelect.js

1.先引入js和css<head><link rel="stylesheet" type="text/css" href="./css/mobileSelect.css"><script src="./js/mobileSelect.min.js" type="text/javascript"></script></head>...

2019-07-17 11:41:42 3293

原创 echars学习

var option = { dataset: { source: [ ['score', 'amount', 'product'], [89.3, 58212, 'Matcha Latte'], [57.1, 78254, 'Milk Tea'], [74.4, 41032, ...

2019-07-11 14:28:41 109

原创 iview表格颜色可动态配置

由于新的功能需求，需要对表格颜色进行动态的配置，iview内部本身有对表格进行颜色设置，但是由于样式都需要提前写好，无法动态配置，所以自己在iview的基础上对dom树进行操作，但会一定程度上影响性能，这里仅展示对单元格颜色设置1.首先看一下自带的表格,可以看官网：https://www.iviewui.com/components/table#ZDYLMB从图中可以看到，单元格可以设置ce...

2019-05-30 17:52:59 4002

转载 vue省市联动

转自https://www.cnblogs.com/xiaoxiaossrs/p/9155800.html感谢作者的分享，这里主要记录下来以后方便自己主要是基于element-ui，效果图如下<div class="block"> <span class="demonstration">国家/省份/城市/地区</span> ...

2019-05-09 13:34:55 503

原创 iview默认排序序号不变

在iview设置sortable为true时，组件默认排序，如果有分页的话，排序会发生变化，然后想了一种笨方法处理<Table ref="table" @on-sort-change="sortChange" :columns="columns" :data="data"></Table>// 表格样式<script>// 设置一个全局变量ord...

2019-04-24 11:05:10 1392 2

原创 npm的安装依赖包的回退以及npm一些注意事项，以及常用一些插件

以iview的为例：1.npm i iview --save // 安装到最新的包2.npm i [email protected] --save // 安装特定的版本，输入版本号3.npm uninstall iview // 卸载iview这个依赖包，然后根据自己需要的版本号进行安装...

2019-04-24 10:27:45 8317 1

原创 vue/iview的table单元格可编辑，可上下键切换，小键盘enter可选中下一个

在开发过程中，前后至今遇到好几次的编辑输入框编辑情况，4.24之前的版本，虽然改进好几次操作，但是都是用render函数实现，发现有时并不是很好操作，而且隐藏好几个bug，今天（2019-7-19）发布一个新版，目前无发现bug，而且监听键盘更灵活。废话不多说，上代码2019-04-24版本因为需要多列可编辑表格，直接用render函数，isNum代表这个数是否需要只允许输入小数点...

2019-03-15 14:36:43 3297 14

原创 vue的index.html引入js或css文件刷新后失效问题

当vue的router模式设置为mode: 'history'时，全局引入 js 或者css在页面刷新后会失效可参考官网https://router.vuejs.org/zh/guide/essentials/history-mode.html设置另简单的两种方法1.将mode: 'history'注释掉，变成 hash 模式，此时刷新不会有问题2.在index.html引入的时候...

2019-03-05 17:39:36 8124 8

原创 Vue获取Quill的焦点

1.html代码片段<div class="quill-editor" ref='textfocus' @focus="parentidfocus" style="width:100%;height:330px;" v-model="content" v-quill:myQuillEditor="editorOption">

2019-01-10 11:54:57 1870 2

原创 vue学习

数据不实时更新 1.当数据为数组或者对象时， $set(this, 'key', value)可以处理解决 2.可以用watch监听数据变化，如echarts在数据更新时不同步更新 watch: { detailChar () { this.$nextTick(() => { this.init() }) }}, solt用于...

2018-12-21 17:34:19 487 2

原创 vue使用极验

1.在vue中使用级验gt.js文件的时候，参考：https://blog.csdn.net/XiaoYi0215/article/details/79921967在我这边个人使用过程中，缺少了这两句，一直出不来，放置在闭包最后，个人文件放置在libs下window.initGeetest = initGeetest;return initGeetest;2.当然，现在使用起来也是特...

2018-11-23 15:25:29 2483

原创 vue的跳转方式（打开新页面）

router-link跳转 // 直接写上跳转的地址 &amp;amp;amp;lt;router-link to=&amp;amp;quot;/detail/one&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;span class=&amp;amp;quot;spanfour&amp;amp;quot; &am

2018-11-22 10:43:21 15322