- 博客(25)
- 收藏
- 关注
RSS订阅原创 项目中图片通过Img的src属性无法显示（接口报错406）通过浏览器却可显示，如何处理？
3.处理尝试访问一个使用自签名证书的 HTTPS 服务器，而 Node.js 默认不信任自签名证书。2.在部署项目的node服务的server.js文件拦截并发get请求获取图片。1.项目中先通过将图片地址转换代理地址(snap_url='③不使用自签名证书，为服务器配置有效的 SSL 证书。
2025-06-11 15:38:08
134
原创 开发环境运行H5项目（项目正常运行，但无法通过地址访问）（Taro项目）
【代码】开发环境运行H5项目（项目正常运行，但无法通过地址访问）（Taro项目）
2025-03-11 10:20:04
460
原创 小程序内打开文件进行预览（对接wpsweboffice sdk）
2.如果你们的web端已经与wps对接sdk了，直接用webView的src跳转到你们web端的wps文档地址。这个时候你需要在你的h5页面自己去对接wpsweboffice的sdk （具体对接sdk流程去看他们官网。3.如果你的web配置了设备识别功能（移动端打开跳转到你们的官网地址，会跳转到你们h5应用）1.前置工作（wps暂时没有直接对接小程序的sdk，一般用的wevView）4.将你的webView的src地址改为你h5的wps文档的页面访问地址即可。①在自己小程序内配置wps的业务域名。
2024-12-16 11:42:05
729
原创 如何处理antd中AutoComplete 组件输入框中回填的值为 options 中的 label而不是 value
（要显示名称，但要提交id）设置options的value为设备名称，label为设备id，通过增加一个id变量，在onSelect方法中通过option参数获取label的设备id设置给id变量，上传时id变量。
2024-12-05 17:47:38
423
原创 前端项目上线流程
一、查看服务器开放的端口：{1.查看当前服务器运行的项目（找到自己项目名称）：sudo firewall-cmd --list-services}、{2.查看自己项目运行详情、开放的端口号：sudo firewall-cmd --info-service=cockpit} cockpit改为项目名称。10.在项目目录下通过pm2 start --watch server-- 'npm run serve-pro' 启动项目。5.在服务器项目目录下，拷贝package-lock.json文件。
2024-11-27 10:30:09
228
原创 如何将web网页打包H5应用
2.用hbuiderx中uniapp的weview组件装在线网页地址，后打包apk包（如果是https可以用web2app打包成apk）3.将apk传入网页部署的服务器的公共资源目录中（网页的’/‘不代表服务器的根目录，而是前端项目的pulic目录）就可以将次地址放到浏览器直接下载安装该应用了（还可以将地址用）1.对代码进行移动端适配。
2024-11-27 10:29:15
182
原创 当在项目内访问另一台需要做basic认证的服务器的图片资源时
是的，可以通过在请求中添加 Basic 认证头来携带认证信息。Basic 认证通常在 HTTP 请求中使用头来传递。
2024-09-26 17:59:31
174
原创 在react中如何定义一个状态数据，在调接口后，保持数据不会被初始化（建议用useRef,脱围机制）
通常，当你的组件需要“跳出” React 并与外部 API 通信时，你会用到 ref —— 通常是不会影响组件外观的浏览器 API。如果你的组件需要存储一些值，但不影响渲染逻辑，请选择 ref。（页面重新渲染时，这些值不会掉）//根据设备状态获取列表。//根据设备状态获取列表。
2024-07-09 17:55:18
634
原创 git报错 （fatal: refusing to merge unrelated histories）
如果以上方法不适用，或者你希望更细致地控制合并过程，可以手动将两个分支合并。这包括创建一个新的合并提交，手动解决冲突，并确保两个分支的内容正确地合并在一起。这种情况经常发生在两个分支的提交历史没有共同的衍合点，Git 不知道如何自动合并它们。这样做会合并两个分支的历史，但可能会导致丢失某些提交信息或者其他历史信息。这将强制将本地分支重置为远程分支的最新状态，不考虑两者之间的历史关系。如果确定要合并这两个分支，并且不需要保留它们的历史关系，可以使用。方法一：强制合并（不推荐）方法二：重新设置本地分支。
2024-07-09 17:51:18
513
原创 yield 除了和call一起用还能怎么用
用于暂停 Generator，直到 Redux store 中符合指定 pattern 的 action 被 dispatch。在 Redux Saga 中的多种用法，每种用法都能够利用 Generator 函数的特性来简化异步流程控制和管理副作用。允许 Generator 同时启动多个 effect，并在其中一个 effect 完成时继续执行。允许 Generator 从 Redux store 中获取特定的 state 值。// 等待某些操作完成。则用于等待该任务完成。
2024-07-01 17:49:03
892
原创 组件每次挂载时执行与只在组件第一次挂载时执行
仅在组件第一次挂载执行一次的effect hook。* @param execUntil 是否一直执行。* @param action 需要执行的函数。1.仅在组件第一次挂载执行一次。2.每次挂载执行一次。
2024-06-28 14:47:56
263
原创 小程序检测是否有新版本
/ 新的版本已经下载好，调用 applyUpdate 应用新版本并重启。console.log({ 是否有新版本: res.hasUpdate });content: '检测到有新版本，是否立即更新？confirmText: '确定',title: '更新提示',title: '下载失败',// 请求完新版本信息的回调。// 新的版本下载失败。
2024-06-05 16:37:53
359
原创 当在相同的位置渲染相同的组件时（你希望组件内部所有state重置）
/ ✅ 当 key 变化时，该组件内的 comment 或其他 state 会自动被重置。这导致很容易不小心把评论发送到不正确的个人资料。为了解决这个问题，你想在。组件和它的所有子组件的 state。现在，当在不同的个人资料之间导航时，）变化时，React 将重新创建 DOM，并。：当你从一个人的个人资料导航到另一个时，每当 key（这里是。
2024-05-17 16:40:47
278
原创 沙盒技术示例
沙盒环境使用 JavaScript 的 `Function` 构造函数创建一个匿名函数，并严格模式 (`"use strict"`) 来确保代码的安全性。// 创建一个沙盒环境，使用 JavaScript 的 Function 构造函数创建一个匿名函数，并传入 expression 作为函数体。// 用户提供的表达式，生成一个 0 到 100 之间的随机数。// 在沙盒环境中执行用户提供的表达式，并捕获任何可能的异常。// 定义一个函数，用于沙盒化执行用户提供的表达式。// 示例：执行用户提供的表达式。
2024-04-23 17:27:46
268
1
原创 useMemo 和 useCallback的区别
来缓存计算结果，当依赖项发生变化时重新计算。它适用于需要进行昂贵计算或者处理的情况，可以帮助避免不必要的重复计算。来缓存回调函数，当依赖项发生变化时重新创建。它适用于将回调函数传递给子组件时，可以避免不必要的重新渲染。
2024-04-22 17:47:56
444
原创 先调用一个接口获取数据，然后将该数据作为参数调用另一个接口
/ 调用第一个接口，然后在获取到数据后调用第二个接口，并处理第二个接口返回的数据。// 抛出错误，使得后续处理可以捕获到错误。// 使用第一个接口返回的数据调用第二个接口，并处理第二个接口返回的数据。// 抛出错误，使得后续处理可以捕获到错误。// 定义一个函数，用于调用第二个接口并传入第一个接口返回的数据作为参数。// 定义一个函数，用于调用第一个接口并获取数据。// 处理第二个接口返回的数据。
2024-04-22 10:39:20
447
原创 对称性加密密钥
基于用户提供的密码或其他因素，使用密码学安全的密钥派生函数（如PBKDF2、bcrypt等）在前端派生密钥。这种方法确保了密钥在传输过程中不被拦截，因为密钥在通信的两端都是在生成的过程中产生的，而不是通过通信传输。无论使用哪种方法，都要确保密钥的生成、传输和存储过程都是安全的，以防止密钥泄露导致信息被解密。同时，密钥的管理和更新也是很重要的，需要定期更新密钥以提高系统的安全性。对称加密的安全性依赖于密钥的保密性，因此在前端获取密钥时需要采取一些安全措施以防止密钥泄露。
2024-04-22 10:07:12
408
原创 react项目中如何引入iconfont图标
6.使用时也是iconfont1 <span className={`iconfont1 ${item.iconName}`}></span>2.再global.css引入css文件 @import url('../public//fonts//bimdosIcon//iconfont.css');也要修改类名为iconfont1 且 修改font-family: "iconfont1"!}中 font-family: "iconfont1";
2023-12-19 16:59:05
826
1
原创 day 2
1 transform:动画倾斜属性/* transform: skewx(30deg); *//* transform: skewy(30deg); *//* skewx 正值 往右拽 负值 往左拽skewy 正值 往下拽 负值 往上拽skew(30deg,30deg) 往右下拽 */2
2022-05-10 21:54:06
118
原创 day 1
太极案例、折扇效果案例中运用了1线性渐变：linear-gradient(red 25%，yellow 40%) 从红渐变到黄，并且是红占25%后开始渐变渐变区间为25%到40%之间，剩余为黄色。2径向渐变： radial-gradient 用法同上3锐化边角：border-radius：50%（圆）4运用伪类选择器 before after 使用时必须加上content属性5浮动：align-items ： top center bottom 浮动元素排列方式6 2D-transf
2022-05-09 21:45:57
169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人