Janaeiw-CSDN博客

原创企业微信客户端API分享微信朋友圈使用过程及总结

本篇文章我们将介绍使用企业微信客户端API分享微信朋友圈中所遇到各式各样的API无效以及各机型的兼容问题。

2022-09-19 13:49:42 3492 4

前言：本篇文章我们将介绍使用wangEditor富文本编辑器在移动端中打开页面的时候，总会自动定位到富文本编辑器上，弹出移动端的虚拟键盘,影响到整体布局的兼容问题。如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。注：问题原因：目前发现是官方旧版本遗留下来的bug，不过官方也说的很明显了，不兼容移动端版本的。那么接下来我们就自己去寻求解决办法吧~~话不多说,直接上菜。一、官方提供的API(亲测无用doge)自动 focus编辑器初始化时，默认会自动 focus

2022-03-08 15:09:35 5678 6

原创【踩坑】qrcodejs2生成二维码安卓真机不显示（解决安卓机型二维码绘制失败）

前言：本篇文章我们将介绍使用qrcodejs2生成二维码，产生了上述的兼容问题。如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。注：问题原因：经过排查，发现qrcodejs2自带生成的base64图片是png格式，然而部分安卓机型存在无法将png图片绘制进canvas的情况，导致base64的png图片绘制失败，无法显示二维码。（但是也不报错）一、解决方法1.机型判断注：因为ios对png、jpg都可以进行绘制，所以可加可不加。 export functio

2021-11-08 11:48:46 3742 1

原创在react中使用less动态切换主题样式

前言：本篇文章我们将介绍 less 在线编译实现。如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。一、安装lesscnpm install less --save二、配置目录文件1.在 public 目录下新增 theme 文件夹。如下图：2.在 theme 目录下新增 variables.less，并配置主题颜色变量。@themeColor: #1890ff;3.在 theme 目录下新增 index.less，并引入 variables.les

2021-10-11 16:40:58 2769

原创项目中使用 husky 配合 lint-staged 进行git提交前代码检查

前言：本篇文章我们将介绍 Husky 和 Lint-staged 这两种工具。如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。husky：是一个代码提交钩子。即在代码被提交到Git仓库之前，我们可以在这里做一些预检查或者格式化，需要做这些操作，我们需要一个Git的提交钩子，简单说就是使用Git命令会触发的函数。lint-staged：是一个前端文件过滤的工具。是一个仅仅过滤出Git代码暂存区文件（被 committed 的文件）的工具。Lint-staged 仅仅

2021-10-11 10:06:00 3125

原创递归多维(树形)数组-重组字段

前言：如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。一、话不多说,直接上菜。1、数据格式-如图var arr = [ { "title": "一维数组", "parentid": 1, "key": "1", "checkable": false, "children": [ { "title": "二维数组", "parentid":

2021-08-13 15:37:24 267

原创 Table组件优雅的给空内容添加 “--“ 值

前言：本文记录作者在项目中使用到Ant DesignUI的table组件能所遇到的小问题，故此把自己所遇到的坑及问题详细的记录下来。如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。一、开始所处理的办法1、配置自定义的文本内容~~~如下图const columns = [ { title: "Name", dataIndex: "name", render: (text) => <a href="#">{text}

2021-08-12 15:00:34 1589 4

原创解决Vue中使用wangEditor富文本编辑器复制粘贴word文档携带内容样式文本问题

前言：本文记录作者在vue项目中使用到wangEditor富文本编辑器复制粘贴功能所遇到的bug，故此把自己所遇到的坑及问题详细的记录下来。如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。一、自定义处理粘贴的文本内容1、配置自定义处理粘贴的文本内容~~~如下图const E = window.wangEditorconst editor = new E('#div1')// 配置粘贴文本的内容处理editor.config.pasteTextHandl

2021-03-23 16:01:50 9570 5

原创 Vue.js中实现Google第三方登录

前言：本文记录作者在vue项目中使用到Google第三方登录，查询到的资料文档也不详细，故此把自己所遇到的坑及问题详细的记录下来。如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。注：在Vue项目中使用google登录，说到google登录，第一点毫无疑问…那就是你需要有一张梯子和一个google账号。链接: 自行创建去！！！一、开发者平台配置1、进入开发者平台，首先前往Google API 控制台选择或者创建一个项目2、创建完任务会有一个提示。点击进去，进去后

2021-02-04 17:30:53 5650 9

原创解决警告：Unable to preventDefault inside passive event listener due to target being treated as passive.

注:1.滑动或多次点击时警告[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.一、解决方法一在touch的事件监听方法上绑定第三个参数{ passive: false }，通过传递 passive 为 false 来明确告诉浏览器：事件处理程序调用 preventDefault 来阻止默认滑动行为。element.addEventL

2021-02-04 16:17:18 16016 6

原创 Vant+postcss-pxtorem 实现浏览器适配内含另一种方案实现

Rem 布局适配Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具：postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 remlib-flexible 用于设置 rem 基准值一、npm安装npm install postcss-pxtorem --save二、新建.postcssrc.js做如下修改注：1、以下注释代码开启后运行脚本会出现报错的提示,虽不知道有什么用,注释就好啦。module.exports = {

2021-02-04 15:26:37 1415 2

原创基于Canvas+Exif实现的图片压缩功能

基于Vue+Exif实现的图片压缩功能前言：本文记录作者在vue项目中因图片上传限制及后台保存图片过大的问题，因此在图片上传到后台前做一个图片压缩的功能。如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。一、初步封装的JS方法及调用注：1、此方法以满足大致的功能需求，但是还有一个小问题！！！下面在解释为啥，哈哈哈2、以下代码注释已经很清晰了。index.js/** * 将图片压缩为对应尺寸 * @param {Object} options * @p

2021-01-12 19:18:30 335 2

原创 Vue.js分钟转换小时:分钟

目录第一步:创建函数第二步:调用函数第一步:创建函数methods: { // 分钟数换算 minTime(min) { let minTime = ""; let h = Math.floor(min / 60); min -= h * 60; if (min == 0) { minTime = h ? "0" + h + ":00" : ""; } else { i

2020-06-06 09:19:58 2875

原创 VScode备份插件-Settings Sync

VScode备份插件-Settings Sync今天看VScode推荐插件的时候,发现了一个竟然可以备份插件以及配置好的代码片段的插件-Settings Sync。Settings Sync主要是配合gitHub来使用的，话不多说。目录VScode备份插件-Settings Sync1.gitHub生成token与Gist ID2.Sync Settings配置token与Gist ID3....

2020-04-21 11:32:10 1866 1

原创基于Vue.js的轮盘抽奖（布局与逻辑）

基于vue的轮盘抽奖记录一下使用心得,这里不再废话,直接上代码好吧~目录htmldata()轮盘逻辑点击事件触发1.html// 轮盘抽奖<div class="lottery posRel"> <div class="rotate posAbs" :style="{transform:rotate_angle,transition:r...

2020-04-17 11:00:25 1352

原创基于Vue的横向跑马灯提示(vue-marquee-tips)-用法与遇到的坑

基于Vue的横向跑马灯提示(vue-marquee-tips)-用法与遇到的坑插件链接:https://github.com/wg5945/vue-marquee-tips记录一下使用心得,这里不再详述。目录npm安装或cnpm安装vue-marquee-tips的使用作者留下的坑及解决方法1.npm安装或cnpm安装npm install vue-marquee-...

2019-12-31 10:57:22 2542 2

原创基于Vue.js活动倒计时组件

vue2-countdown vue活动倒计时组件及遇到的坑基于vue2.x的活动倒计时组件主要是最近为了公司做一个倒计时活动才找到了这个组件使用的。于是去github上翻看了文档结果是一年多没更新了，主要还是有部分bug还未修复的。还有就是自己遇到的坑吧。以下是该组件的基本使用方法1.Installnpm install vue2-countdown --save-dev2.Usag...

2019-12-26 10:51:36 1101 1

weixin_44052136的博客