- 博客(108)
- 收藏
- 关注
RSS订阅原创 img的src如果访问显示403，怎么才能访问第二个链接？
*以下是一个示例代码，演示了如何检查第一个链接是否返回 403 错误，并在发生错误时使用第二个链接：****事件监听器来检测第一个链接是否返回错误。当图片加载发生错误时，**属性修改为第二个链接，从而加载第二个图片链接。**事件处理程序中，或者在脚本的适当位置执行。**替换为你实际要使用的第二个图片链接。
2023-08-30 16:30:19
394
原创 react 代码编辑器-react-ace
最近在做react项目，需要一个代码编辑器的功能，之前使用codemirror，发现使用起来不太好用，文档也不全，最后决定使用AceEditor。安装：npm install react-ace ace-builds。
2023-03-31 15:39:56
894
1
原创 react CodeMirror react-codemirror2 改变高度
CodeMirror有个默认的高度300px，尝试在less文件修改，没有修改成功。
2023-02-20 19:51:34
679
原创 react、ant(版本4)，使用modal嵌套form表单，使用modal底部的确定按钮提交form表单
react+ant+ts+umi3，使用modal嵌套form表单，使用modal底部的确定按钮提交form表单
2023-01-30 17:47:20
1153
原创 项目打包总是出错
1、uni-app的项目，打包h5可以，打包小程序的时候出现有些文件缺失的情况，例如引用到的组件是在node_modules里面的，查看打包后的小程序代码，确实那部分代码没有打包进来，看了一下node_modules里面的文件结构有点乱，很多下划线_开头的文件，原来是使用cnpm install淘宝镜像安装依赖包导致的，重新切换源// 查看当前镜像 nrm ls// 切换镜像 nrm use npm然后使用npm install来安装，问题居然解决了，感觉淘宝镜像安装依赖包有些未知的问题。..
2022-05-07 19:09:17
876
原创 vue-quill-editor 字体样式失效
最近使用vue-quill-editor，发现字体加粗、斜体、颜色都失效了，排查并没有样式冲突。后来发现是由于处理粘贴内容的时候，处理insert的时候把样式去除了clipboard: { // 粘贴版，处理粘贴时候带图片 matchers: [[Node.ELEMENT_NODE, this.handleCustomMatcher]],},handleCustomMatcher(node, Delta) { // 处理粘贴图片大小问题 let ops = []
2022-03-02 11:53:02
2239
原创 input输入框需要显示历史输入记录
input 设置属性 autocomplete= "on" 并且需要设置name值例如：<input name="mobile" autocomplete="on" placeholder="手机号"></input>
2021-11-30 15:09:34
6888
原创 uni-app 微信小程序热更新出现 Cannot read property ‘call‘ of undefined报错
原因是在manifest.json加上"optimization" : { "subPackages" : true}使用这个配置主要是包太大，加上这个分包的依赖只会打包到分包里，可以看到每个分包都有vendor.js，否则所有的依赖都打包到主包里面，主包的vendor过大但是又出现Cannot read property ‘call‘ of undefined报错，原因未知，有说是因为js和vue不在一起导致的所以，一般上线的包，可以用"optimization" : { "subPac.
2021-06-29 20:31:33
7084
2
原创 微信小程序富文本插件wxParser-plugin，图片出现缝隙的情况
场景：小程序使用wxParser-plugin插件，图片是1125*1965像素，然后某些手机（例如oppo）出现图片之间有缝隙的情况，查看代码，发现图片计算后的高度是838.4px，如果改成838px则没有缝隙问题解决方案：简单粗暴的解决方案是设置.wxParser-p类：margin-bottom: -1px !important;.wxParser-p {margin: 0 !important;font-size: 0 !important;margin-bottom: -1
2021-06-08 17:28:36
493
原创 css 选择不是第三列的元素
:not(:nth-child(3n)):not(:nth-child(3n)):not(:nth-child(3n))
2021-06-07 16:44:13
332
原创 子元素设置width:100%，同时设置了margin:20rpx，这时候样式会有溢出的现象
问题：子元素设置width:100%，同时设置了margin:20rpx，这时候样式会有溢出的现象代码： .father{ height: 100px; width: 100px; background: green; } .child-1{ height: 100%; width: 100%; border-
2021-04-15 15:17:46
500
原创 微信小程序 富文本 换行问题 文本溢出使用省略号
》需求场景：由于有高亮的需求，所以选择用富文本的标签<rich-text>，同时还有个需求是希望展示两行，然后溢出的情况用省略号。》解决思路：在nodes节点里面包一层div，然后设置该div的样式为显示两行，溢出文本用省略号显示。》代码：html：<rich-text class="rich_text product-name" :nodes="item.productName | formatRich"></rich-text>js：fil
2021-04-04 09:48:58
1540
1
原创 短信发送活动页的短链打开app，app引流
》需求场景：运营部门想要发短信给用户，短信附带链接，客户打开链接跳到app相应的商品页面》一般唤起app使用scheme协议跳转，例如：[scheme]:XXXX如果在短链里面直接使用scheme跳转协议，这里有个问题，如果手机没有安装app的话，那么点击短链是没有反应的，最终选择的方案是：通过h5活动页，通过短链在浏览器打开活动页，如果用户安装了app，则唤起app，否则5秒后跳转到下载app的页面import uaHandle from '@@/ua.js'export def
2021-04-04 09:41:12
498
原创 mac 访问公司内网的域名服务，出现DNS_PROBE_FINISHED_NXDOMAIN
如图：原因：我是在vscode进行编辑hosts文件的，导致配置的host没生效解决方法：1.在终端打开hosts文件，sudo vi /etc/hosts，进行编辑和保存。2.不行的话，清一下dns缓存：sudo killall -HUP mDNSResponder，然后重启电脑...
2021-04-02 18:56:14
1718
原创 微信小程序 查看 webview 报错，打开webview调试器
微信开发者工具，在模拟器界面上，点击模拟区域任意地方，先左键点击一下，再右键点击一下，在模拟器左上角会出现一个“调试”的按钮。
2021-01-07 12:02:09
2927
1
原创 小程序 scroll-view里面用 slot 无效
最近开发小程序，想要封装一个包含scroll-view的组件，结果在scroll-view里面使用<slot>失效，页面渲染结果：slot内容并没有在scroll-view里面，而是和scroll-view同级，并且不能使用scroll-into-view。查看微信社区了解到scroll-view里面不能使用<slot>链接：https://developers.weixin.qq.com/community/develop/doc/0006ca373801c8a733d8.
2020-12-18 19:41:38
792
1
原创 uni-app 图片相对路径 在小程序和h5 不一致的问题
今天开发的过程中遇到图片相对路径 在小程序和h5 不一致的问题：例如在小程序中../../**.png，但是在h5中是../../../**.png当然可以条件编译，但是还有一种办法，就是用require引入图片例如：consttour=require('@/static/search-tour.png')然后<image :src="tour">...
2020-09-01 16:29:32
1780
原创 移动端开发——调试方法总结（Fiddler、vConsole.js、chrome://inspect/#devices）
1、Fiddler抓包PC端安装Fiddler，点击菜单栏Tools》Options》HTTPS（勾选下面选项，点击Actions，点击TrustRootCertificate）Connections查看端口（可自定义），勾选Allowremotecomputerstoconnect选项手机端配置（手机和电脑要在同一个局域网）ipconfig查看电脑ip地址这样就可以实现手机抓包，分析接口请求数据问题（注意：如果没成功，可以重启一下Fiddler，或者检查...
2020-07-30 11:22:28
649
原创 wepy开发遇到的问题（1、渲染延迟或者渲染不出来；2、传参出错）
1、渲染延迟或者渲染不出来：有可能是你没有加this.$apply()知识点：this.$apply()在wepy中：异步回调函数（promise/async&await）中如需更新数据并触发setData引起视图层更新，就要用this.$apply，method里面的方法是不用这个的，但methods里面只能放bindtap这类方法，所以你自己定义的其他方法，或者写在onshow里面，就必须得用this.$apply()...
2020-06-22 16:15:12
401
原创 【mpvue开发总结】1、引入插件 项目异常 2、数据缓存
最近接到小程序直播需求，引入直播插件的时候，项目出现异常，子组件渲染不出来解决办法：mpvue项目中引入插件，在$nextTick()通过ref调用子组件会报undefined，后来改用setTimeout，渲染正常，原理还待考究。...
2020-05-18 18:41:19
248
原创 vue2.0全局引入公共的less文件，不用每个vue手动引入
1、安装sass-resources-loader依赖npminstall sass-resources-loader --save2、找到build文件夹下面的utils.js文件var sassResourcesLoader = { loader: 'sass-resources-loader', options: { resources: [ path.resolve(__dirname, '../src/style/color.less').
2020-05-14 16:16:28
172
原创 localhost访问不到？IIS是什么？
IIS是什么？IIS（Internet Information Services）互联网信息服务，相当于把你的机器变成一个服务器，可以在本地新增站点，浏览器通过localhost访问本地站点，局域网内的其他机子也可以访问你的站点。IIS在哪里开启？控制面板 -> 程序 -> 程序和功能 -> 启动或关闭windows功能，可以查看IIS有哪些服务。如下图，勾选，点...
2020-04-19 12:00:46
2822
原创 报错：for..in loops iterate over the entire prototype chain, which is virtually never what you want.
for..in loops iterate over the entire prototype chain, which is virtually never what you want.意思是使用for..in会遍历整个原型链，这样不是很好的实现方法，推荐使用Object.keysformRules:{ name:true, cardType:true, certi...
2020-04-15 15:38:30
11215
2
原创 文本超出显示省略号...，设置超出两行省略号换行不生效的问题。
1、超出1行显示省略号white-space:nowrap;/*规定段落中的文本不进行换行*/overflow:hidden;/*内容会被修剪，并且其余内容是不可见的。*/text-overflow:ellipsis;/*显示省略号来代表被修剪的文本*/2、显示2行显示省略号text-align: left;text-overflow: ellipsis;display: ...
2020-04-10 16:29:25
1977
原创 小程序 订阅消息 基础库版本和客户端版本判断函数 和 注意事项
低版本只能一次订阅一个模板消息，订阅多个模板会报错，下面代码为了兼容不同版本基础库和客户端（一次订阅一条模板消息还是多条模板消息）subscribeMessage(tmplIds, desc){ // return '' // console.log('-------订阅消息subscribeMessage------') try{ const sysInfo = w...
2020-04-07 15:30:04
404
原创 css first-child 和 first-of-type 的区别
p:first-child 表示p元素的父元素的第一个子元素p:first-of-type表示所有p元素的第一个p元素
2020-03-26 17:12:24
2063
原创 css 设置背景的时候有图片有背景色，容器又要随内容变化高度的情况。
有一个div容器：<div class="background-test"></div>场景：div容器的背景头部是一张图，其余的地方用背景色填充，这个div容器要随内容撑大，所以不能设置成position:absolute，直接像下面这样设置样式的话：background:url(*****) 颜色值;如果背景图是png格式，有些透明的地方就显示出来上...
2019-12-29 12:55:59
1132
原创 导出文件，responseType设置为'arraybuffer'，如果导出出错，后台返回错误信息应该怎么办？
1、正常导出的情况：（使用axios发送请求）后端返回二进制文件流api：//导出apiexport function download(className,data){return request({url:'/api/'+className+'/export',methods:'get',params:data,responseType:'arraybuffe...
2019-10-09 16:13:02
6275
2
原创 js 事件委托
我们绑定页面事件一般用 addEventListener()，这个函数有三个参数，第一个是事件类型type，第二个是事件执行的函数，第三个是useCapture，1、当useCapture=true的时候，是事件捕获，按照从最外层到最内层的顺序捕获事件；2、当useCapture=false的时候，是事件冒泡，按照从最内层到最外层的顺序冒泡事件，默认useCapture=false。事...
2019-09-11 15:21:41
116
原创 vue form表单的input不能输入
代码：<template> <el-form :model="formData" ref="formData" label-width="200px"> <el-form-item v-for="item in tableColumnsFields" :label="item.columnNameCn" :key="item.id"...
2019-08-22 15:16:00
5372
原创 html中显示xml文件的内容
方法：1、使用innerText方法（xml没有缩进）<divclass="xmlText"></div>document.getElementsByClassName('xmlText')[0].innerText=xmlString2、xmp标签（xml有缩进）<xmp>xmlString</xmp>...
2019-08-21 09:59:04
1663
原创 vue 自己封装 进度条 组件
需要实现的效果是这样的：直接上代码：父组件关键代码：html：<div class="left-bottom-bar"> <progress-bar /> </div>js：import progressBar from '@/components/ProgressBar'export default ...
2019-08-15 14:55:23
1570
1
原创 layui用nginx 反向代理配置
root配置到start上一级文件路径，不需要配置index，访问的时候http://localhost:端口号/start/index.htmllisten 8081; server_name localhost; #charset koi8-r; #access_log logs/host.access.log mai...
2019-07-31 14:57:02
3131
原创 element-ui tree右键菜单
style：.tree_menu{ position: fixed; display: block; z-index: 20000; background-color: #fff; padding:5px 0; border: 1px solid #ebeef5; border-radius: 4px; box-shadow:0 2px 12px 0 rgba...
2019-07-23 14:11:37
5889
原创 封装 element-ui下拉选择树组件
父组件调用 下拉选择树组件<select-tree>：html:<select-tree :data="deepClone(selectTreeData)" :selectId="formData.parentId" @getParent="getParent" />js:filterDisable(data,id){// 过滤掉不能选择的树节点 ...
2019-07-22 18:11:11
1140
原创 怎么使用 Iconfont 的 svg 矢量图标
场景：ui设计师把设计图标上传到Iconfont，前端从Iconfont下载所有图标，然后在代码中使用第一步：把项目的svg下载到本地解压打开是这样的：第二步：把下载的文件放进项目assets路径下第三步：在main.js中引入iconfont文件第四步：在业务页面使用，其中xlink:href就是对应的svg的idsvg的id可以在Iconfont...
2019-07-17 14:13:56
4893
原创 nginx 反向代理web服务器 部署和使用
1、在官网下载安装包，安装。2、修改nginx配置（配置前端路径、后端接口路径和端口等信息）3、cmd打开命令窗口，cd到nginx的安装目录下，启动nginx4、查看nginx进程列表tasklist /fi "imagename eq nginx.exe"5、终止nginx进程taskkill /f /pid 9320 /pid 3068终止所有...
2019-07-09 10:24:21
681
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人