- 博客(31)
- 收藏
- 关注
RSS订阅原创 【JS】公共组件整理包（不定期更新）
年月日时间格式化时分秒格式化时间戳转为多久之前获取静态git图片阿拉伯数字转换为中文rem引入通过身份证获取年龄通过身份证获取生日通过身份证获取性别10.获取指定时间年月日时间格式化/* * @param date 标准时间格式:Fri Nov 17 2017 09:26:23 GMT+0800 (中国标准时间) * @param type 类型 * type == 1 ---> "yyyy-mm-dd" * type == 2 ---> "yyyy年mm月dd.
2021-05-18 16:03:31
231
原创 【vue】【intersectionObserver】滚动正文时菜单滚动到对应菜单
场景需求：左侧为菜单列表，右侧是对应菜单的内容，所有内容可进行无缝滚动当内容滚动到对应的菜单时，菜单进行定位并显示到可视区域点击菜单时，对应内容显示到可视区域涉及知识点：intersectionObserver 监听元素是否在可视区域scrollIntoView 滚动到可视区域思路切换菜单时，内容滚动到对应菜单定义变量active存储当前菜单名称，获取当前内容ref进行scrollTop滚动效果图滚动内容时，菜单切换对应菜单并可见页面加载时使用intersection
2021-05-18 14:53:26
2003
5
原创 【vue】【 v-charts】饼图修改点击图例高亮图表项及悬浮提示
场景需求根据获取的数据展示饼图图例展示百分比数据点击图例高亮图表项并展示悬浮提示git地址
2021-04-15 15:06:24
3474
1
原创 【vue】【vue-selecto】框选元素拖动到另一个元素
场景需求：选中列表中的某一项拖动到目标中使用工具vue-selecto进行框选使用H5的draggable属性进行拖拽放置使用工具vue-selecto进行框选git地址：https://github.com/daybrush/selectodemo地址： https://daybrush.com/selecto/storybook/?path=/story/selecto–select-in-real-time以下是代码，来源是vue-selecto插件说明：HTML中vue-sele
2021-02-06 17:19:46
3153
2
原创 【uni-app】小程序使用UI组件整理（三）
uni-app的UI组件部分image标签，当src是需要判断的数据时，使用:src="url"失败video标签：使用本地视频地址读取失败swiper进行数列滚动并要求每五个滚动一次scroll-view的scroll-top无法滚动到指定位置uView组件部分icon无法进行位置调整Popup 弹出层，嵌入组件中使用时，弹出失败uni-app的UI组件部分1. image标签，当src是需要判断的数据时，使用:src="url"失败解决办法：使用require引入图片<
2020-07-31 16:12:07
1418
1
原创 【uni-app】授权登录微信（二）
遇到的问题：除点击button外，其他方式调取微信授权弹窗失效操作场景：业务场景是调取接口需要用户授权，因此按照uni.getUserInfo方法一直调取失败根据官网查找原因：官方的案例： open-type=“getUserInfo”button open-type="getUserInfo" >授权登录</button>总结就是需要用户去操作button授权，绑定 open-type=“getUserInfo” 会自动触发，查找button组件的文档，会有一个@get
2020-07-31 16:11:24
2749
原创 【uni-app】小程序使用框架整理（一）
最近开始入坑小程序，使用的框架是uni-app，ui组件用的是uview和uni-app的组件tabBar链接的页面再使用uni.navigateTo或者navigate标签使用跳转失效tabBar不支持小程序修改iconWidth，spacing，heightAPP.vue不支持使用template模板及data数据定义使用vuex调用接口使用方式1. tabBar链接的页面再使用uni.navigateTo或者navigate标签使用跳转路由失效解决办法：使用uni.switchTab
2020-07-31 16:10:46
1809
1
原创 【vue】【pcm】vue项目中引入pcm文件报错
现象：vue项目中引入pcm文件失败报错内容Module parse failed: Unexpected character ' ' (1:0)You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See...
2020-04-23 18:29:21
892
1
原创 【vue】【electron】electron+vue项目中使用element-ui中的table组件数据渲染失败
现象：electron+vue项目中使用element-ui中的table组件table展示空白dom节点表头存在没有数据解决办法：在webpack.renderer.config.js文件中whiteListedModules新增element-uilet whiteListedModules = ['vue']// 改为let whiteListedModules = ['v...
2020-04-17 10:26:30
1420
1
原创 【git】git更新远程分支到本地失败
现象：创建远程分支dev后，在本地git pull ，不出现远程分支更新执行git push origin dev报错执行git fetch origin dev报错执行git remote -v无反应总结原因：本地与远程连接断开解决办法：执行git remote add origin + （远程地址）本地与远程连接后，可正常拉去远程分支...
2020-04-17 10:09:08
1520
原创 【windows】关闭使用windows defender
步骤一 控制面板 ---- 安全和维护步骤二 查看windows defender是否启用步骤三 如果是启用 选择更改安全维护设置 ---- 去掉选中的病毒防护 — 重启完成...
2019-06-03 17:30:20
695
2
原创 【vue】【wPaint】html2canvas模糊，wPaint转写模糊，坐标偏移，滚动失效，图片加载失败，添加马赛克
上一篇我们讲到html2canvas，dom转图片，并对图片进行记号笔操作这一篇我们说一下转写相关的问题：转写模糊图片加载失败记号笔坐标偏移滚动失效存在两次转写，模糊的原因可能就有两个html2canvas转模糊wPaint转模糊html2canvas转模糊解决办法：获取设备像素比并设置canvas的宽高以及canvas.style的宽高let imgDom =...
2019-05-30 11:30:25
2485
1
原创 【vue】【wPaint】DOM转图片，使用wPaint进行记号笔操作
需求：对图片进行记号笔操作说明：图片是图片列表，所以可能是单张图片，也可能是多张,并且每张图片上会有其他的元素，展示dom结构如下<div id="j-html-img"> <div v-for="(item, index) in imageList" :key="'item.id" class="canvas-wrp"> <img :src="ite...
2019-04-28 17:43:26
1035
4
原创 【git】git error:pathspec ‘dev‘ did not match any file known to git
操作步骤：本地创建文件夹，初始化git创建分支，切换分支切换到master，报错出现解决办法，提交当前文件切换分支当你在不同分支进行开发，不需要提交切换分支时，保存当前分支修改文件的状态git stash // 保存当前分支不需要提交修改文件的状态git stash pop // 恢复 注：切换到当前分支之后，最好是先git merge再git stash pop避免冲突...
2019-04-25 19:14:42
15200
1
原创 【Android Studio】使用android studio虚拟机启动，卸载app及传输文件到虚拟机
安装Android Studio，并配置环境变量SDK环境变量配置在之前的文章中写过，地址：https://blog.csdn.net/mooonyuan/article/details/83089574现在，我们只需要添加的一个配置环境变量的就是gradle出现的问题：在配置sdk的时候，如果tools和platform-tools写在一行的时候，会配置失败，不知道是为啥启动andr...
2019-04-16 20:58:22
3957
1
原创 【vue】点击下载文件本地正常，build打包在服务器下载打开出现乱码
需求超级简单：点击下载按钮下载测试.doc文件出现的问题本地点击下载正常，服务器上点击下载没反应检查问题检查前端代码之后，发现下载写的是点击window.open修改问题然后将window.open的方式改为<a href="测试.doc" download="测试.doc">下载</a>打包下载正常，但文件打开之后出现乱码再次排查问题进行比较检...
2019-04-10 14:41:28
1940
原创 【JS】js下监听（非input等可获取焦点）元素的键盘按下事件(vue通用)
大部分键盘按下事件的监听是可获取焦点元素（input，button，textarea）可以生效，而当我们需要对不可获取焦点元素进行监听操作呢，本篇介绍一下不可获取焦点元素监听键盘按下的方法。三种方式（以下介绍方法vue通用）全局监听按键按下事件使用tabindex使用contenteditable本文案例功能：当点击open时，open变为close，class改变当点击c...
2019-03-13 17:55:24
2503
1
原创 【Cordova】Cordova-运行 cordova build android遇到的问题
电脑因为驱动的原因被重装系统了，jdk和sdk都是重新安装的，配置环境变量完成之后，打开重装系统之前创建的cordova项目，运行：cordova build android 测试打包功能是否正常的时候，遇到了问题：1.报错显示的是：your JAVA_HOME is invalid:解决办法：这里的原因不知道是为啥，但是安装1.8.0_144的版本就可以了2.接着运行cordova ...
2018-10-18 10:42:56
6423
原创 【Cordova】cordova插件使用
修改安装的背景图标下载文件回退按钮检测跳转第三方app1.0 修改安装的背景图标1.1 安装cordova plugin add cordova-plugin-splashscreen1.2 替换原有cordova的图片1.3 在cordova config.xml 文件中引入以下代码&lt;platform name="android"&gt; &lt;icon...
2018-10-16 16:33:23
1492
原创 【Cordova】cordova下载-cordova-plugin -file-transfer-vue案例
安装cordova plugin add cordova-plugin-file-transfer文档地址：https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-file-transfer/代码项目中使用的ui框架是mint-ui，功能包括：下载文件，进度条HTML： &amp;amp;amp;lt;mt-button...
2018-10-16 16:11:42
2588
2
原创 【Cordova】cordova环境变量配置及安装
1 配置环境变量1.1 安装jdk系统变量→新建 JAVA_HOME 变量 。 变量值填写jdk的安装目录（本人是 D:\Program Files\Android\jdk) 系统变量→新建 CLASSPATH变量输入.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar系统变量→编辑PATH的变量输入：%JAVA_HOME%...
2018-10-16 15:39:11
4054
1
原创 【JS】原生JS事件绑定onclick和addEventListener
onclick绑定方式优点： - 简洁 - 处理事件的this关键字指向当前元素 缺点： - 不能对事件捕获或事件冒泡进行控制，只能使用事件冒泡，无法切换成事件捕获 - 一次只能对一个元素绑定一个事件处理程序，当使用window.onload属性时，会覆盖采用相同方法所绑定的事件代码 this与event查一不大 推荐使用event...
2018-04-11 18:37:41
31224
1
原创 【JS】原生JS以对象作为构造器创建实例Object.create()
使用对象字面量作为其他对象的基础 创建Person对象 具有下列属性var Person = { firstName : 'quanquan', lastName : 'xu', birthDate : new Date('1992-01-04'), gender : 'female', getAge : function(){ ...
2018-04-11 17:19:54
582
原创 【JS】原生JS的控制Object能否修改
三种方式可以控制 - Object.preventExtensions() 不能添加 可以修改 - Object.seal() 不能删除 不能添加 可以修改 - Object.freeze() 一旦对象使用 就被认为是不可改变的 不能删除 不能添加 不能修改 注释：如果对象的属性本身是一个对象的话 这个对象是可以更新的Ob...
2018-04-11 16:10:54
1612
原创 【JS】video播放m3u8格式连续播放 以及播放列表
解决m3u8播放失败的问题当不需要动态加载视频源的时候 直接引入插件的地址即可<div class="videoBox"> <video class="video-js vjs-big-play-centered" controls preload="auto" width="640" height="264" data-setup="{
2018-03-30 22:08:32
22304
原创 【JS】原生JS的DOM操作之共享onload事件
addLoadEvent( by Simon willison ) 页面加载完毕会执行onload事件,动态绑定多了函数，它只有一个参数，打算页面执行完毕时，执行的函数名称；把现有的window.onload的值存入变量oldLoad；如果这个处理函数上还没有绑定任何函数，就像平时那样把新函数添加给它；如果这个处理函数上已经绑定了一些函数，就把新函数追加到现有指令末尾文件 ...
2018-03-18 22:41:35
785
原创 【JS】原生JS的DOM操作之插入元素
插入元素主要是：在已有元素前插入元素和在已有元素后插入元素在已有元素前插入元素DOM提供了insertBefore()方法，这个方法将一个新元素插入到一个现有的元素中 需要满足三个条件： 1. 新元素：你想插入的元素 （newElement） 2. 目标元素：你想把这个新元素插入到那个元素（targetElement）之前 3. 父元素：目标元素的父元素（pare...
2018-03-13 00:05:22
22745
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人