开发问题
开发遇到的问题
lj1530562965
这个作者很懒,什么都没留下…
展开
-
微信接口请求问题
背景今天碰到了一个问题:微信开发者工具中接口请求得通,但是真机调试接口不通,报如下问题经过各番操作,发现是SSL证书已过期问题原创 2022-03-03 13:31:21 · 175 阅读 · 0 评论 -
vite打包编译后类名混淆冲突问题处理
vite打包编译后类名混淆冲突问题处理背景在项目开发过程中,发现同个views引用的不同stora打包编译后的类名偶发性存在一致的情况,都为n,导致类名冲突解决方案类名不进行打包混淆处理,防止丢弃或修改类名找到vite官网发现有terserOptions的配置,于是增加terserOptions配置,配置如下: build: { minify: 'esbuild', // 进行压缩计算 brotliSize: false, outDir: e原创 2021-12-30 10:52:59 · 7399 阅读 · 2 评论 -
gulp与node版本兼容问题
背景今年打包一个旧项目时,发现打包报错,报发现是node和gulp版本兼容问题,gulp是4以下,node版本是14的,用nvm把node版本降至12以下,例如11.15.1就可以了但是我的电脑是macbook pro m1,执行nvm install v11.15.1时又出现如下问题:执行arch -x86_64 zsh,再执行nvm install v11.15.1就可以了...原创 2021-12-08 19:32:17 · 1540 阅读 · 0 评论 -
静态资源部署到服务器不能访问
静态资源部署到服务器不能访问背景前端静态资源部署到服务器后不能访问,手机上可以访问,发现是10080端口的锅,谷歌浏览器认为10080端口是不安全的端口原创 2021-11-10 19:51:16 · 892 阅读 · 0 评论 -
本地开发环境与生产环境布局有偏差问题
本地开发环境与生产环境布局有偏差问题背景本地开发布局时好好的,发现打包部署后有偏差,发现本地开发环境和生产环境获取的document.body.clientWidth值不一致同个窗口大小,本地http://localhost:3000/#/big-screen/bighorn访问获取的是2056,生产环境获取的是1542经过测试发现用本地ip不用localhost访问的是正确的总结以后本地开发用ip访问进行布局吧,以免和生产环境出现一些布局偏差,也还不知道啥原因,哪位大佬知道原因的评论区原创 2021-11-10 17:39:32 · 400 阅读 · 0 评论 -
现有工程项目上加响应式
传输加载优化原创 2021-05-24 22:08:54 · 110 阅读 · 0 评论 -
图片资源优化
前沿优化解决方案原创 2021-05-24 22:13:59 · 209 阅读 · 0 评论 -
uniapp自定义条件编译-定制化产品
背景最近有个uniapp小程序产品,产品需要根据不同地区有不同的定制化需求,这边用到的是uniapp的自定义条件编译uniapp从2019年8月就已经支持自定义条件编译,如果不自定义,uni-app默认支持如下枚举值:h5、mp-weixin、mp-alipay、mp-baidu、mp-toutiao、mp-qq,我们可以通过在package.json文件中增加uni-app扩展节点(开发中需要去掉注释),可实现自定义条件编译平台(如钉钉小程序、微信服务号等平台)package.json配置扩展节点转载 2021-05-21 15:02:58 · 995 阅读 · 1 评论 -
chrome新版本中iframe嵌套cookie跨域携带问题
问题:新版chrome浏览器嵌套frame页面一直没法显示出来(空白页面),页面未报错问题分析:Google 在2020年2月4号发布的 Chrome 80 版本默认屏蔽所有第三方 Cookie,即默认为所有 Cookie 加上 SameSite=Lax 属性(https://www.chromestatus.com/feature/5088147346030592),并且拒绝非Secure的Cookie设为 SameSite=None(https://www.chromestatus.com/fe原创 2021-05-19 16:34:49 · 7477 阅读 · 1 评论 -
原生JS实现Ajax和JSONP跨域请求
背景:对接身份证录入和门锁卡号录入设备中,安装驱动完成后,提供的接口服务是http://localhost:8099/?cmd=readbcardid&charset=gbk,返回的数据格式如下:要求在vue项目上实现JSONP跨域请求,不想因此加载第三方资源,于是利用原生JS构建简单的AJAX,还有跨域请求JSONP的实现AJAX的根本是XMLHttprequest,而一个完整的AJAX请求一般包括以下步骤:实例化XMLHttpRequest对象连接服务器发送请求接收响应数据下面原创 2021-04-26 09:09:05 · 317 阅读 · 0 评论 -
background-image引用svg問題
background-image: url('data:image/svg+xml;charset=utf-8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 180 320" style="enable-background:new 0 0 180 320;" xml:sp原创 2021-04-23 09:47:30 · 4149 阅读 · 0 评论 -
vue.extend的问题
问题场景使用Vue.extend时<template> <div> <div id="mount-point"></div> </div></template><script>import Vue from 'vue'export default { mounted() { const Profile = Vue.extend({ data() {原创 2021-01-03 21:57:33 · 643 阅读 · 0 评论 -
FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory今天项目运行时,会中途退出,并且报错百度得知是nodejs内存溢出问题网上有很多解决方案这边先记录下这个问题,用如下方法解决全局安装:npm install -g increase-memory-limit项目目录下执行命令:increase-memory-limit...转载 2020-12-09 15:00:52 · 601 阅读 · 0 评论 -
请求地址出现不明的字符%E2%80%8E(Zero-Width Space)
从swagger复制接口地址,发送请求却返回了404。因为请求网址中出现了不明的字符:%E2%80%8E%E2%80%8E的学术名词叫 Zero-width-space(零宽空格) ,它是一个Unicode字符,却肉眼不可见解决方案:1.删除复制的地址,手敲一遍;2.在请求拦截器里对url进行字符过滤。(推荐,一劳永逸)// 创建axios实例const request = axios.create({ baseURL: "你想设置的baseURL", // url = base url原创 2020-08-26 10:16:07 · 1912 阅读 · 0 评论