- 博客(29)
- 收藏
- 关注
原创 解决 React + TS 项目移动端 vw 适配
craco 配置 create-react-app 移动端适配 postcss-px-to-viewport
2022-11-07 21:30:53
870
1
原创 Chrome插件(扩展)开发攻略
Chrome插件(扩展)开发攻略最近接触了一些项目,通过chrome 插件对业务流程的某些环节的功能进行支持,这里记录一下 开发过程遇到的问题完整了解开发过程可以直接参考以下文章参考文章【干货】Chrome插件(扩展)开发全攻略...
2022-11-02 10:39:12
293
原创 chrome.runtime.sendMessage 回调函数参数为undefined
chrome.runtime.sendMessage 回调函数参数为undefinedchrome.runtime.sendMessage的回调函数默认是同步的,而且超时后直接执行,返回undefined,如果要异步执行,必须在处理函数中return true//background.jschrome.runtime.onMessage.addListener(function (request,sender,callback) { // 异步方法 return true; /
2022-04-06 19:26:21
2859
原创 less文件中引用相对路径编译报错-- 解决办法
less文件中引用相对路径编译报错-- 解决办法正解:background-image: ~'url("./img/img.png")';如上,将 url 内外用引号包裹,注意单双引号哟~ 亲测可用。其他解:以下这种方式也是常见的解决办法,但是在lz这里不可用,可以做个参考。background-image: url('\./static/dark_blue.jpg');将相对路径前加 \ (反斜杠) 多级情况background-image: url('\../\../static/d
2022-02-23 15:20:43
919
转载 iOS和安卓下相同font-size显示字体大小不一致的解决办法
iOS和安卓下相同font-size显示字体大小不一致的解决办法原因:因为webkit内核的浏览器会根据容器的宽来做“适应”的字体大小的计算。移动端我们建议使用自适应rem字体单位。使用全局css样式禁用Webkit内核浏览器的文字大小调整功能,以实际大小显示。 -webkit-text-size-adjust: none;...
2022-02-22 17:11:07
3332
原创 开发踩坑日常 (parseInt进制转换,文字方向、换行,代理请求,xlsx)
日常踩坑填坑HTML dom 属性可以修改dom显示文字的方向<element dir="ltr|rtl|auto">属性值描述ltr默认。从左向右的文本方向。rtl从右向左的文本方向。auto让浏览器根据内容来判断文本方向。仅在文本方向未知时推荐使用。HTTP post 请求http请求数据的最大数据长度get 请求HT...
2022-02-22 17:07:35
240
原创 QuotaExceededError the quota has been exceeded --- Firefox 报错解决
QuotaExceededError the quota has been exceeded — Firefox 报错解决
2022-01-08 11:13:31
3913
原创 React-native-image-picker 使用体验
React-native-image-picker 使用体验基本的安装教程这里不在赘述,百度有很多,主要说一下遇到的问题在 android 11 的表现:无法开摄像头,触发事件没反应,有报错问题原因:Android 11 引入了一些变更和限制来加强用户隐私保护,需要在launchCamera 之前进行权限申请。处理问题:import { PermissionsAndroid } from "react-native";import { CameraOptions, launchCamera
2021-11-15 17:25:17
2258
1
原创 iPhone手机屏幕尺寸分辨率一览
机型物理像素逻辑像素规格对角线iPhone 12 Pro Max1284*2778px428*926pt@3x6.7英寸iPhone 12 Pro1170*2532px390*844pt@3x6.1英寸iPhone 121170*2532px390*844pt@3x6.1英寸iPhone 12 mini1080*2340px360*780pt@3x5.4英寸iPhone 11 Pro Max1242*2688px414*8...
2021-08-19 14:14:38
5118
原创 openSSL 生成自签名SSL证书
openSSL 生成自签名SSL证书运行命令openssl req -new -key server.key -out server.csr -subj “/C=CN/ST=Beijing/L=Beijing/O=msocr/OU=msocr/CN=abdadajl.cn”报错没时间 ,直接写查到的资料了安装opensslhttps 自签名SSL证书Windows 下OpenSSL...
2021-08-12 20:10:22
266
原创 Taro 3.x 开发 APP 记录 (持续记录中。。。)
Taro 3.x 开发 APP 记录App 开发过程踩坑记录,包括:样式、组件、兼容性 、壳工程运行、部分报错的解决、好用的组件库推荐 等等。...
2021-08-04 15:16:02
3262
原创 RN项目的坑 (M1 Mac)
使用M1 处理器的 MacBook Pro 做RN项目的坑在使用Taro 3.0 做Rn项目时 ,clone Android & iOS 壳子 后 用 CocoaPods 安装iOS依赖 pod install 时 报错如下:在报错信息后面可以看到有官方的git issue 可以进行搜索 针对当前问题的url已经完整输出,可以自行查找问题博主问题主要集中于 对M1芯片兼容的 处理办法 。sudo arch -x86_64 gem install ffiarch -x86_64 pod i
2021-08-04 15:12:32
593
2
原创 OpenLayer v6.1.1 心得小记
OpenLayer v6.1.1 心得小记上一篇中提及的都是bz在开发过程中遇到的一些坑,并不打算对这个组件进行全面的分析,这里还是列一些自己踩坑记录。feature (要素)***** 对于点击 feature 获取不到该 feature 的情况feature 是可以通过 setStyle() 方法来设置其样式的,feature.setStyle( new Style({ ...
2021-07-29 16:40:04
90
原创 前端单元测试03之Sion
前端单元测试03之Sion前端测试存在的问题在讲Sinon之前,我们得先讲一下在学习了Mocha、chai以及enzyme之后,我们的前端测试还存在的一些问题。比如前台测试需要与后台交互,获取后台数据后再根据相应数据进行测试。又比如一个函数测试依赖另一个函数,我们可以根据测试的目的去模拟另一个函数,讲两者的测试分开,从而达到测试中也能解耦的目的。测试辅助工具 SinonSinon是用来辅助我们进行前端测试的,在我们的代码需要与其他系统或者函数对接时,它可以模拟这些场景,从而使我们测试的时候不再
2021-07-29 16:25:24
125
原创 nvm node版本管理工具踩坑 (mac M1安装nvm)
nvm node版本管理工具踩坑任何修复方法都不如卸载重新安装来的实在,能搜到的坑这里就不提了,说两个搜不到的。报错信息:mac M1 运行 nvm install ***No such file or directoryProvided file to checksum does not exist.Download failed解决 :mkdir ~/.nvm/versions 然后执行 nvm install ****报错信息如图: (mac M1) 安装 v15 | v14
2021-04-12 18:59:48
2098
3
原创 前端单元测试之(Mocha 和 chai)
推荐一个前端分享博主 >> 韩子卢前端单元测试入门一:Mocha 和 chaiMocha 的简介Mocha是流行的JavaScript测试框架之一,通过它添加和运行测试,从而保证代码质量Mocha 的安装和配置npm install -g mocha //全局安装npm install --save-dev mocha // 项目中安装在 package.json 中加入下面脚本:"scripts": { "test": "mocha"}Mo
2020-11-19 16:08:11
399
原创 nodejs模块之 xlsx
nodejs模块之 xlsxxlsx 模块文档node-xlsx 模块文档当然node 还有一个模块叫 node-xlsx,也可以对excel文件进行读写,但是个人感觉本文主题的这个模块更加简单实用,主要针对excel。node-xlsx 还可以处理除excel之外的 其他文件(比如:csv,等)const xlsx = require('xlsx');// const nxlsx = require('node-xlsx');const fs = require('fs');let r
2020-05-09 19:07:01
2941
原创 JS 实现的系列特效积累
CSS 系列特效积累光标特效<script src="https://blog-static.cnblogs.com/files/axqa/bubbleCursor.js"></script> 光标之泡泡<script src="https://blog-static.cnblogs.com/files/axqa/emojiCursor.js">...
2020-03-05 17:04:16
196
原创 OpenLayer v6.1.1 初识
OpenLayer v6.1.1 使用小记OpenLayer 官网去除默认Iconnew Map({ controls: defaults({ attribution: false, zoom: false, rotate: false }).extend([ ... 可以放一些自定义组件 ]), interactions: defaultInterac...
2020-02-11 16:54:44
200
原创 Element UI 表头错位问题解决
Element UI 表头错位问题解决body .el-table th.gutter{ display: table-cell!important;}
2020-01-19 15:55:13
504
原创 前端axios下载excel文件(二进制)的处理方法
前端axios下载excel文件(二进制)的处理方法后端生成excel后,前端 click 事件进行下载 ,脱坑记录,亲测有效。lz 使用的是 axios 发起请求 ,首先,介绍一下思路,准备通过动态创建 a 标签 通过 blob 对象进行接收完整 code 如下 :var blob = new Blob([res.data], {type: 'application/vnd...
2020-01-16 16:43:16
537
原创 解决node-gyp构建错误Windows x64
解决node-gyp构建错误Windows x64最近在接触electron 构建 APP在构建过程中遇到一些坑,在此记录一下先share一下我的报错中间的曲折不多说了,直接上结果好啦首先 和 node-gyp 更搭配的 Python 版本是 2.7.* bz用的是 2.7.12要去 Python 官网 下载自己电脑对应的安装包 并将其添加到系统路径(C:\ Python27)...
2019-12-25 16:16:16
1770
2
原创 Javascript 位运算符
Javascript 位运算符运算符名称描述&AND如果两位都是1,则设置每位为1|OR如果两位之一为1,则设置每位为1^XOR如果两位只有一位为1.则设置每位为1~NOT反转所有位<<零填充左位移通过从右推入 0 ,使最左边位脱落>>有符号右位移通过从左推入最左位的拷贝来向右位移,使最右...
2019-09-30 15:44:42
143
原创 return 不能跳出 forEach 循环
来自一道面试题的小记如图:输出结果为 4知识点 :forEach 循环不能被 return 终止,其作用和 for循环中的continue 相似 只是跳出当前循环,继续执行下一次循环,在 forEach 中也不能使用 break,continue 来跳出循环 同样会有报错let list = ['1', '2', 'hell', 'js'];let i = 0, j = 0;...
2019-09-19 17:17:53
1329
原创 在 vscode 打开新文件被覆盖问题的解决
在 vscode 打开新文件被覆盖问题的解决方法一:在左侧文件列表单击使得窗口文件发生替换,双击则可以显示多个文件标签方法二:windows 使用 ctrl + shift + p (mac 使用 command + shift + p) 输入settings 打开设置或者 : 点击左下角齿轮图标打开设置在 settings 的 json 文件中 添加 "workbench.e...
2019-09-10 11:38:55
1596
原创 多种排序算法(插入、二分法【查找、排序】、选择、冒泡、快速、希尔)
多种排序算法(插入、二分法【查找、排序】、选择、冒泡、快速、希尔)-------- 插入排序 --------- function insertSort(arr) { var len = arr.length; for (var i = 1; i < len; i++) { var key = arr[i]; ...
2019-09-06 17:23:40
200
原创 对于 webpack 配置中 ExtractTextPlugin 插件认知
对于 webpack 配置中 ExtractTextPlugin 插件认知extract-text-webpack-plugin:该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象。如果不使用该插件,打包之后会将css代码以字符串的形式混入打包后的index.bundle.js文件中,并且index.bundle.js文件会比平时大一些此时如果有html引用...
2019-09-05 11:44:27
2049
原创 webpack常用命令
webpack常用命令npm install webpack -g // 全局安装webpacknpm install webpack --save-dev 或 npm install webpack@ --save-dev//本地安装webpack,即下载webpack插件到node_modules 并在package.json文件中加上webpack的配置内容(当你在本地安装 web...
2019-09-04 18:42:35
438
原创 webpack中 proxy 在 server 和 vue-cli 的用法
webpack中 proxy 在 server 和 vue-cli 的用法文章目录webpack中 proxy 在 server 和 vue-cli 的用法webpack-dev-server - 使用场景( 在 `webpack.config.js` 中配置 )跨域问题解决vue-cli中proxyTable配置接口地址代理参考webpack-dev-server - 使用场景( 在 web...
2019-09-03 16:10:06
550
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人