阿之阿佐-CSDN博客

原创移动端safari，video播放外源url 403问题

video元素添加crossorign="anonymous"

2023-01-30 18:41:22 215

原创 webstorm,idea 右键菜单管理

File->Settings->Appearance & Behavior->Menus and ToolbarEditor Popup Menu 是修改在文件内部(即代码行处)打开的右键菜单Editor Tab Popup Menu 是修改在打开文件的tab页签上右击时修改的右键菜单Project View Popup Menu 是修改在项目目录里右击文件或文件夹的右键菜单...

2022-07-05 14:59:55 970

1、对于版本号，Sentry.init和sentry-cli（或者@sentry/webpack-plugin）需要对应上。这里可以使用git tag解决；const release = childProcess .execSync('git describe --abbrev=0') .toString() .replace('\n', '');2、sourcemap对应不上问题。一般来说，js问题最后会有sourceMappingURL注释，值为sourcemap文件路径。

2022-03-15 16:58:38 2237

原创 mocha+typescript+es6 module

一、需求：测试用例使用ts，并且支持es6 module二、需要安装的包：@types/expect、@types/mocha、babel-register、expect、mocha、ts-node、npm-env三、script脚本添加："test": "npm-env TS_NODE_PROJECT=\"tsconfig.testing.json\" mocha test/**/**.test.ts -r ts-node/register"四、tsconfig.testi

2021-11-17 17:58:35 323

原创 ubuntu docker搭建sentry服务

Docker 19.03.6+ Docker-Compose 1.28.0+ 4 CPU Cores 8 GB RAM 20 GB Free Disk Space一、安装docker，docker-compose教程：https://www.runoob.com/docker/ubuntu-docker-install.htmlcurl -sSL https://get.daocloud.io/docker | sh // 国内 daocloud 一键安装命令 docker -v..

2021-09-06 18:40:22 542

原创 css按钮点击放大缩小效果

These dependencies were not found: friendly-errors 10:27:16 friendly-errors 10:27:16* child_process in ./node_modules/@se.

2021-09-06 18:38:59 1613

原创 css 按钮呼吸动画效果

<src src="get-btn,png" alt="立即领取" class="animated infinite pulse slow" />@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transfor.

2021-08-10 14:35:34 1469

原创 nuxt 使用typescript引入node模块报错

These dependencies were not found: friendly-errors 10:27:16 friendly-errors 10:27:16* child_process in ./node_modules/@se.

2021-07-30 10:31:40 692

原创剧集数字兼容性显示

先上效果：普通屏：大屏：也就是根据盒子大小来排布，能排满就直接排列，否则显示...思路就是获取外部盒子宽度，除以每个集数的宽度+marginRight，得出每一列最多排列的个数maxNum，然后根据：集数总和 > (maxNum*2)，来决定是否显示省略号，剩下的就是判断某几个元素的marginRight是否为0（以免超过盒子宽度，导致不必要的换行），整个组件如下：<template> <ul class="episode-ul" @click=..

2021-07-21 11:22:25 106

原创 nuxt定制vant主题

1、npm install babel-plugin-import less less-loader path -D注意：less-loader版本为5.0.02、plugin/vant-ui.jsimport Vue from 'vue'import {Toast } from 'vant'Vue.use(Toast)// 将所有 Toast 的展示时长设置为 2000 毫秒Toast.setDefaultOptions({ duration: 3000 });Vue.protot

2021-07-13 11:44:13 356

原创 husky(7.0.0+)+pretty-quick+eslint+commitlint

payarn add @commitlint/config-conventionalyarn add @commitlint/cliyarn add husky注意：最新版husky配置跟旧版本有差别~~~~~~~~~~~~~https://www.npmjs.com/package/huskyyarn preparenpx husky add .husky/pre-commit "yarn pretty" //每次提交前执行pretty命令git add .husky/pre-

2021-07-08 16:26:54 1266

原创 nuxt 引入全局scss文件，mixins,function或变量等

https://www.npmjs.com/package/@nuxtjs/style-resourcesexport default { buildModules: [ '@nuxtjs/style-resources', ], styleResources: { // your settings here sass: [], scss: [], less: [], stylus: [], hoistUseStatements: true

2021-07-08 16:11:28 1168

原创 input file注意

1、multiple="multiple" capture="camera"安卓表现为可拍照可图库 ios 只可拍照2、multiple="multiple" 无capture安卓表现为只可拍照 ios可拍照可图库3、无multiple capture="camera"安卓表现为只可图库 ios只可拍照4、无multiple 无capture安卓ios 都可拍照可图库...

2021-07-08 16:08:31 67

原创 js获取url参数，支持vue hash模式

function getQueryString(name){ const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)'); const r = window.location.search.substr(1).match(reg) || window.location.hash.substring((w...

2021-07-08 16:08:09 745

原创 node 提取html中相同的内联style到class

const fs = require('fs');let txt = fs.readFileSync('./test.html','utf8');// console.log(txt);const reg=/style\s*?=\s*?(['"])[\s\S]*?\1/g;const regResult = txt.match(reg)const regSet = new Set(regResult)// console.log(regSet)let index = 0let result.

2021-07-05 19:36:40 226

原创 session通讯，前端活动页使用了临时域名，无法与主域名通讯问题

可以结合JWT方案，跳转到临时域名的时候，把生成的token添加到url上，然后前端读取其token,作为临时域名的token。注意跳转到临时域名之后，要马上去掉url上的token（使用window.history.replaceState），否则用户可能通过复制分享等操作泄漏出去...

2021-05-01 01:49:24 105 1

原创 h5短信验证码复制/自动填充等问题

1、复制验证码出现2个重复验证码以及ios不自动填充验证码（安卓不支持自动填充？）问题：根据验证码长度限制输入框长度2、验证码输入区域由4个input[maxlength=1]组成，ios无法自动填充问题可以在视窗外增加一个隐藏的1px大小的input[maxlength=4]，监听其值变化，回填以上4个input框3、粘贴验证码，无法立刻填满4个input框问题：思路：监听粘贴事件，将粘贴板上的数字赋值给以上一个隐藏的1px大小的input[maxl...

2021-05-01 01:44:50 3411 3

原创 rem 适配系统文字大小

用户调大了系统/浏览器字体大小，导致布局错乱解决办法： var u = navigator.userAgent var isAndroid = u.indexOf('Android') > -1|| u.indexOf('Adr') > -1 // 只有安卓用户反馈，缩小范围降低风险 if(isAndroid) { // 全屏幕宽度10rem var remFull =10 ...

2021-04-21 16:08:41 351

原创前端JWT token维护方案（补充）

一、前言JWT的Token登录认证是目前比较流行的跨域认证解决方案。原理在于将认证信息保存在客户端，下次访问其他页面时，需要从客户端传递认证信息回服务器端具体实现如下：1.登录成功，后端生成带有access_token并返回前端，前端将access_token保存到本地（cookie或者localStorage，cookie遇跨域问题可以设置withCredentials）2.其他请求将使用access_token请求接口资源，后端access_token校验通过则调用接口成功；如果toke

2021-04-21 16:07:04 427

原创微信,QQ放大缩小，html页面布局错乱问题

问题：微信、部分Android内置浏览器等非自己开发的App都支持字体大小的调整解决方法：禁止缩放，缩放无效果注意只针对微信、部分Android内置浏览器等非自己开发的App都支持字体大小的调整H5页面系统的改变字体并不会影响h5页面的字体大小，和app的字体大小。只会对系统字体大小改变实现方式iOS:只需要加css在body -webkit-text-size-adjust: 100% !important; text-size-adj...

2021-04-21 16:05:03 530

原创捕获阿里云异常日志遇到的问题

在m下，static的js抛出的异常捕获信息不完整，只有script error. https://www.alibabacloud.com/help/zh/doc-detail/88579.htm 跨域了标签需要添加crossorigin="anonymous" 以及确认cors是否匹配 SSR需要手动拼接替换模版script标签 SPA(vue-cli)需要配置crossorigin vue spa 前端路由跳转后捕获信息不完整.

2021-04-21 16:03:24 324

原创保利威视插件的坑

官方文档:http://dev.polyv.net注：一些提到的问题可能保利威视已经修复。播放器接入：await loadScript('https://player.polyv.net/script/polyv4player.min.js')window.polyvObject(el).videoPlayer(config)key intro value el 播放器容器 vid 视频id，与封面图等数据关联 ...

2021-04-21 16:02:21 1107

原创移动端吸底输入框踩坑总结

任务需要实现一个吸底输入框，具体需求为：- 未点击时有一个单行输入框固定在页面底部- 点击该输入框后，弹起键盘，该输入框隐藏，切换一个多行输入框- 多行输入框紧贴键盘顶部，有遮罩，有“取消”和“发布”两个功能键- 点击功能键后，切换到未点击时的初始状态行动难点&方案切换输入框时被键盘遮挡，或页面可以滚动导致输入框被滚动到键盘后方解决方案：设置body高度为100%，并设置overflow为hidden IOS端切换输入框无法正常聚焦唤起键盘解决方案：IO

2021-04-21 15:59:35 315

原创腾讯云＜trtc-room＞小程序组件踩坑记

前言<trtc-room>是基于 <live-pusher> 和 <live-player> 实现的用于 TRTC 互通的自定义组件，集成该组件后的小程序可拥有实时音视频和直播互动等功能。最近盘古项目有需要小程序完成音视频咨询通话的需求，故先简单尝新了一下。然而这个组件刚面世不久，文档的内容比较欠缺、不太完善，就连疑难解答也是少得可怜，甚至基本上看不到有比较完整的官方解答...下面将简单介绍本人在此次开发过程中所踩过的坑，版本基于TRTC SDK 7.3.

2021-04-21 15:59:02 1441 2

原创微信支付及支付宝支付问题总结

1. 微信端支付，时间戳需要修改成字符串，不能为整型，IOS端会出现不兼容情况，一直提示支付失败，强制转换成string类型既可。2. 微信端支付，建议不要直接使用后台的数据，要根据微信给的规范格式排序进行赋值调用，不然会造成支付调用不起来。3. 微信端支付，支付一次后或者支付失败亦或者支付取消，再次支付，提示code值不存在或者过期，原因是后台获取该值后就失效，解决方法是后台再次赋值。4. 微信支付，订单已生成，但支付时提示“支付失败”或者提示“当前页面的URL未注册”，解决...

2021-04-21 15:58:30 856

原创阿里播放器在微信上使用的坑

一、被劫持的video在微信上同层播放问题现象：项目中要实现类似淘宝直播的功能，在直播视频上显示弹幕点赞动效等互动DOM，但是使用aliplayer加上playsinline=true，x5-type=h5属性后，安卓下video会被劫持到另一个图层置顶播放，导致在video上无法放置任何DOM结构，而ios在playsinline=true时正常同层播放。思路：尝试在阿里云web播放器文档中寻找答案无果（属性排列组合始终不能同时满足不同版本微信及不同设备的同层播放需求）放弃了阿里.

2021-04-21 15:57:04 1738

原创 uni-app经验总结

1.uni-app下tabBar跳转不支持传参（api跳转成功回调方法执行时，新的页面未加载成功），解决方案使用vuex全局传参。2.样式下使用rpx，不使用upx--（rpx支持动态绑定）。3.新建页面页面，需要重新运行小程序程序。4.加载外部样式文件，在script中使用import，忌在style中使用@import（代码效果是一致的，但是修改代码，服务器动态编译代码的时候会出错）。5.小程序开发-建议使用统一的授权弹窗或是授权页面，微信授权使用的按钮回调事件，耦合在业务逻辑中开发，会耗时耗力

2021-04-21 15:51:30 336

模仿QQ源代码

空空如也