ERROR Cannot read properties of undefined (reading ‘temp‘) TypeError: Cannot read properties of ...

错误：无法读取未定义的属性（读取 'temp'） TypeError：无法读取未定义的属性（读取 'temp'）

微信小程序 、taro3.x、uniapp 自定义导航栏头部、滑动渐变（仿小米Life小程序首页）

文章目录前言一、效果（小米小程序）二 、我仿的效果三、代码逻辑1.index.jsx2.index.less3.index.config.js总结前言提示：一个小功能大致的逻辑：1、自定义顶部导航栏：（1）、随着需求不断的变化，小程序原生导航栏头部已不满足现在的社会的客户了（2）、顶部导航栏我们可以获取手机系统的信息，完全可以适配其他手机的尺寸Taro.getSystemInfoSync()（3）

npm start error：spawn powershell ENOENT

create react app创建了一个项目，然后npm start 报错spawn powershell ENOENT。网上都说是环境变量问题，其实不完全正确。正确的步骤如下：一、检查C:\Windows\System32\WindowsPowerShell\v1.0目录下是否有powershell.exe文件。如果没有，需要先安装对应系统的powershell。我这里安装的是powershe

Cannot read property ‘state‘ of undefined

前端那点事：2025你还不了解JavaScript 的设计模式？

我们通常将设计模式分为三大类：创建型、结构型和行为型。下面我将介绍一些在JavaScript中常见的设计模式，并给出相应的代码示例。设计模式是解决软件设计中常见问题的可重用方案。在 JavaScript 中，设计模式的应用有其独特的特点。最佳实践不要为了使用模式而使用模式JavaScript 的动态特性有时可以避免复杂模式某些模式可能带来性能开销充分利用 JavaScript 的原型、闭包等特性确

Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading ‘toString‘) Apexchar

未处理的运行时错误 类型错误：无法读取未定义属性的属性（读取 'toString'）Apexchar

一款markdown语法美化工具-DDMD

DDMD是一款markdown语法美化工具，互联网自媒体人的效率工具。

详解js中判为空的情形（‘ ‘、“ “、0、NaN、false、null、undefined）

在前端的项目开发过程中，用 if 判断是否为空的情形经常使用，但为空的情形比较多样，不稍加注意容易判断错误而导致处理业务失败，本文将详细分析单个空格、多个空格、 '0'、0、NaN、false、null、undefined 等是否为空的情形。首先把结论写在下方：判为 false 的输入：' '（单引号）、" "（双引号）、false、null、0、NaN、undefined判为 true 的输入：

史上最全前端八股文

史上最全前端八股文

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath ‘./lib/tokenize‘ is not defined by “exports“

上网查阅了一下，有说是依赖安装出现了问题，删除node_modules重新install后问题并没有解决。今天学习尚硅谷的react教程，启动项目的时候，执行了如下命令。卸载nodejs后安装16.20.0版本，项目启动成功！

低代码引擎

低代码引擎 | LowCodeEngine

如何优雅的在微信小程序使用 SVG 字体图标

本文思路来自实际项目的重构总结，欢迎纠正和交流。如果对你有帮助，还请点赞????收藏支持一下啦。最近在重构一个项目，主要是做 H5 端和小程序端，这次打算开始多做总结啦，之前已经总结一篇《如何优雅的管理 HTTP 请求和响应拦截器？》 。如果大家还有其他方案，欢迎一起探讨哈~ 喜欢本文的朋友给个赞????鼓励一下哈~一、需求思考和方案设计本文介绍的项目是使用 Taro框架进行多端开发，目

老周谈低代码开发平台、工作流引擎、与表单引擎之间的关系

低代码开发是最近几年比较火的一个概念，而工作流引擎，表单引擎是好多年以前的产物了。今天我们就聊聊三者之间的关系。我是开源驰骋BPM公司的老周，是bpm系统的爱好者、研发者、探索者。对上述三个模块问题有一定的看法与理解，抛转引玉。工作流引擎：工作流引擎包含组织结构、流程、节点、转向规则、它类似于一部汽车的控制系统，比如：前进、倒车、刹车、换司机、抛锚处理、到达终点。分别对应流程引擎的：发送、退回、移

层叠轮播图、小程序3D轮播图、小程序轮播图、折叠轮播图、叠式轮播图、微信小程序叠式轮播图实现、小程序层叠轮播图swiper、Taro层叠轮播图、Taro叠式轮播图

好久没写博客了，最近这项目中有个叠式轮播的需求 在网上找了一堆 都没有自己想要的最开始被 TaroUI和小程序 自带的swiper困扰 一直以为是swpier的升级版试了好久 也没改造成功干脆自己写一个吧！上个最终样式图：最初版的deme图最终效果：可左右滑动、可点击滑动至对应 swiperItem跳转事件注释了 需要的自己打开上代码啦：html（tsx）：import Taro, { Compo

Webstorm ESlint报错Initialization error (ESLint). packagePath is not defined解决

问题描述ESLint报错：ESLint: Initialization error (ESLint). packagePath is not definedESLint: TypeError: this.cliEngine is not a constructor将Vue项目导入到webstorm中 ，就会显示 ESLint: Initialization error (ESLint). pack

Line 0: Parsing error: : Cannot read property ‘map’ of undefined

TS的数组类型声明错了，赶紧回去检查检查

微信小程序、taro、uniapp图片上传

Taro上传头像小程序/H5视图视图样式选择上传Taro.chooseImage()请求接口封装统一请求的方法插入链接与图片视图<View className='userinfo-content-layout'>{(process.env.TARO_ENV === 'h5' && navigator.userAgent.indexOf("MicroMessenger")

React前端项目打包后启动跨域问题

最近花了一点时间学习React框架，然后自己照着教程写了下前端页面。再学完之后，需要对前端代码进行打包操作：执行 npm run build 。打包项目需要花一点时间，等待两分钟。在打包好之后会出现这样的提示：The build folder is ready to be deployed.You may serve it with a static server:se...

2024最新vite + vue3 配置eslint prettier stylelint husky lint-staged husky commitlint

vite + vue3 配置eslint prettier stylelint husky lint-staged husky commitlint

npm i 报错！npm ERR! Cannot read property ‘match‘ of undefined

npm i 报错！npm ERR! Cannot read property ‘match’ of undefined今天在拉取项目后，npm i 就出现了这样的问题我们只需要删除 node_modules文件夹 和 package-lock.json文件为了防止有其他缓存干扰，执行命令行：npm cache clear --force之后正常npm i 就好了...

pnpm+turbo迅速搭建monorepo工程

摘要：本文介绍了monorepo单仓库管理模式及其优势（统一管理、跨项目协作）和劣势（代码库体积大、灵活性降低）。通过pnpm（节省空间、快速安装）和Turborepo（高效构建）工具搭建monorepo工程，实现子项目间的代码共享。案例演示了front项目调用utils工具方法的完整流程，包括项目初始化、依赖配置和脚本运行，最终验证了monorepo架构的有效性，并提供了常见问题解决方案。（14

前端设计模式详解

设计模式是解决软件开发中常见问题的可复用解决方案，是经过长期实践总结的代码设计经验。它并非固定代码，而是一套 “可复用的设计思路”，能帮助开发者编写更易维护、可扩展、可读性强的代码。​在前端领域，随着项目复杂度提升（如大型单页应用、组件库开发），设计模式的价值愈发凸显 —— 它能解决组件通信、状态管理、代码复用等核心问题，同时降低团队协作的认知成本。​设计模式是前端工程师提升代码质量的重要工具，它

【NextJS】跨域问题的产生及前端解决方案——本地代理

本文介绍了在React/Next.js开发中遇到的跨域问题及解决方案

Java24虚拟线程在连接池+数据库面前不堪重负

虚拟线程就像共享单车：✅ 适合短途出行（简单I/O操作）❌ 别指望它跑马拉松（复杂场景）⚠️ 用之前要检查车况（适配现有代码）我们现在正计划探索Agroal（Quarkus的Loom友好池）等替代方案，以及DB繁重场景之外的其他工作负载。就像你不能因为出了折叠屏手机，就盲目把全班同学的手机都换掉对吧？Java在19版搞了个试验品（预览功能），到21版正式推出了这个"虚拟线程"。以前：一个请求要用一

在iframe中嵌套其他网页项目后被嵌套的项目设置cookie无效

1.同源策略，需要将两个项目都放在同一个域名下（同个域名的子域名也算），例如：A使用iframe嵌套B，A域名：https://www.ceshiyuming.a.com;B域名：https://www.ceshiyuming.b.com这个主要是必须是https并且要部署在生产环境，自己调试太麻烦2.在设置cookie的时候附加SameSite=none;

uniapp在android ios保活，挂后台可运行

本文介绍了如何在Uniapp中实现Android和iOS应用的后台保活功能。通过使用android-keeplive插件，开发者可以确保应用在后台运行时不被系统暂停或杀死。文章详细说明了插件的导入和使用步骤，包括如何绑定项目、下载插件、引入代码、打包自定义基座以及运行到手机或模拟器。此外，还提供了插件的API使用示例，帮助开发者设置应用标题、图标、唤醒类型等，并监控应用的后台运行状态和屏幕开启状态

前端低代码的核心实现：组件化、可视化与动态渲染

前端低代码（Low-Code）主要是通过可视化拖拽、JSON 配置驱动 UI、动态组件渲染等方式来快速构建页面和业务逻辑。以下是常见的实现方式： 1. 低代码的核心概念 低代码前端主要依赖以下核心能力

吐司问卷（React低代码）：问卷编辑器 II

工具栏设计、组件库设计

uniapp+openlayers+renderjs：移动端地图

上面则是一个由逻辑层向视图层发送信息的过程。就是因为我们在逻辑层通过监听某一个属性变化（类似watch），来控制视图层方法的执行，当逻辑层的属性初始化，也相当于属性变化，就会执行视图层的方法。其提供了视图层与逻辑层分离的模式，我们一般把vue实例作为逻辑层，把renderjs模块作为视图层。如果需要做出生动一点的功能，我们就要涉及到视图层与逻辑层的交互。这与传统的在脚本层（即Vue组件的。的主要优

【前端】在 Next.js 中解决跨域问题

通过创建 API 路由并设置适当的响应头，或者使用中间件来简化设置，你可以有效地解决 Next.js 中的跨域问题。这些方法可以帮助你构建更安全、更符合标准的应用程序。

前端工程化之规范化（ESLint，Prettier，lint-staged，husky，commitlint）基于vite

团队开发的成员越来越多，项目都是由多个人进行开发和维护，每个人的代码书写习惯和风格又不尽相同，commit 的提交log 也是乱七八糟，为以后的开发和维护增添了很多困难，所以规范和约束在多人协作下，就显得尤为重要。自定义提交规则可以根据团队开发规范来进行额外配置，假设提交规则为：把每个需求的产品文档链接关联到每一个feature，这样后续要是有问题，也方便找到对应的产品文档。配置如下commitl

three.js GLTFLoader加载外部三维模型

本文主要讲述了GLTF格式，GLTFLoader加载外部gltf模型、模型获取，模型遍历等，以及讲述纹理贴图颜色偏差解决方案。

（虚拟DOM）前端八股文修炼Day10

React 的 Diff 算法是 React 虚拟 DOM 技术中的核心机制，它用于高效地对比前后两次虚拟 DOM 树的差异，并将这些差异应用到真实的 DOM 上，以实现快速的 UI 更新。的主要作用是提高性能，通过为列表中的每个元素分配一个稳定且独特的标识符，帮助React高效地执行虚拟DOM的diff算法，只更新变化的部分，维护状态的一致性，并减少不必要的DOM操作。总的来说，React 的

前端八股文汇总

1️⃣ 门户网站怎么确认技术选型，如何优化SEO对于门户网站，最重要的就是：搜索引擎的优化（SEO）、不同设备兼容性、网站性能以及用户体验，可以通过以上几点作为切入点进行门户网站技术选型依据。

superset中的dashboard是iframe嵌入的吗

目前只能拿到父级地址，在点击新建dashboard时，又套了一层iframe，这是如何能拿到最外层的路由地址？superset使用iframe嵌入到了新项目中，如何在新建dashboard时，拿到最外层的路由地址？

pnpm安装最新Next.js报错TypeError: Cannot read properties of undefined (reading ‘config‘)

使用 `pnpm dlx create-next-app@latest` 安装最新的 Next.js 项目运行后报错 TypeError: Cannot read properties of undefined (reading 'config')

React面试八股文（第一期）

（1）受控组件在使用表单来收集用户输入时，例如等元素都要绑定一个change事件，当表单的状态发生变化，就会触发onChange事件，更新组件的state。这种组件在React中被称为受控组件，在受控组件中，组件渲染出的状态与它的value或checked属性相对应，react通过这种方式消除了组件的局部状态，使整个状态可控。react官方推荐使用受控表单组件。可以通过初始state中设置表单的默

基于markdown-it打造的markdown编辑器

基于markdown-it打造的markdown编辑器，已完成功能：同步滚动、目录列表生成、快捷编辑按钮、代码块主题切换、内容状态缓存

阿里低代码引擎 | LowCodeEngine - 多页面管理功能（提供完善 github 代码示例）

本文主要介绍基于阿里低代码引擎 lowcode-engine 如何实现多页面管理功能，并提供全网最完善的代码示例。

react基于html2canvas实现图片下载以及资源跨域问题的解决

在React项目中想要实现用户通过弹框以图片的形式下载作品认证信息的功能，在点击显示认证信息时，向服务器请求该作品信息（获取图片路径），之后渲染图片以及相关信息到弹框中，点击下载按钮实现下载。请求来的图片能展示，但是下载时就不能显示了，如何处理呢，或许这篇文章可以给到一些帮助.........

大厂面试常问的【前端工程师面试手册】，面试必备！

前言相对于传统的软件工程师面试而言，前端工程师面试对算法以及计算机底层考察程度较低。面试的时候一般会着重考察错综复杂的前端基础知识，比如 HTML ，CSS ，JS 等。同时会根据各个面试公司的技术栈去侧重一些应用上的技术，比如小程序，react，vue 等等。百度：腾讯：前端工程师面试手册???? 文档一共 281 页，主要内容概括：HTML，CSS，JavaScript，HTTP，TCP协议，

Vscode中 react Eslint 不生效，并且提示Cannot find module ‘@typescript-eslint/eslint-plugin‘‘终极解决‘方案。

https://ask.csdn.net/questions/1963567如果尝试了网上的各种引入插件和配置VScode Eslint 后工作空间仍然不提示，不自动根据Eslint规则，进行代码修复，请看下边操作。// 错误场景为，总是提示找不到@typescript-eslint/eslint-plugin，不管是删除node_modules文件夹重新install、还是和同事对各个环节的配置

Windows安装运行superset

1111

http长连接

http长连接与短连接http协议是基于TCP协议的，http长连接即指的是TCP的长连接。TCP协议是一个面向连接、可靠、有着拥塞控制以及流量控制的传输层协议。http长连接问题由来http是一个无状态的协议，简单点来说，如果同一个浏览器在接连发起2次http请求的话，http无法在第2次请求中识别出这个浏览器刚才交互过，所以无状态可以理解为无记忆性。短连接在长连接出现之前，http1.0中都是

校招地平线前端开发实习生一面面经

面试官很nice，很有耐心，问的问题很少，也可能是因为看出来我比较菜，就不想多问了…（最近也在准备期末考试，有点长时间没接触前端知识了，以前js的语法也很多都忘了呜呜呜）19：00面试，13分钟结束，然后快20点通知结果：凉凉。哎，不过也非常可以理解，就我答成这样，哎，不过也是个经历吧，毕竟我才大二，学前端也才一个学期，这个学期还基本没碰过前端。哎，说明我还有很长的路要走，还是要踏踏实实地学，把每

使用Charles实现本地数据mock跨域问题

1）安装charles和注册charles下载：https://www.charlesproxy.com/latest-release/download.do一直下一步下一步进行安装。注册账号（不注册的话，30天会过期，每30s会关闭一次）Registered Name:https://zhile.ioLicense Key: 48891cf209c6d32bf42）配置接口a. 创建一个json

websocket详解

之前利用websocket以及jQuery做了一个聊天通讯应用，最近在总结整个过程中的一些问题，也借此机会聊聊websocket协议。webSocket协议传统的http协议有着一个缺陷：其模型是客户端请求，服务器响应的形式，并且连接完之后就断开，这种就造成了一个问题，服务端可不可以在实现长连接的同时，让响应将数据发送呢？诚然，目前http2.0也推出了服务器推送的功能，但是目前http2.0并未

Uncaught TypeError: Cannot read property ‘forEach‘ of undefined

react项目启动报错:Uncaught TypeError: Cannot read property ‘forEach‘ of undefined这貌似是版本兼容问题,解决方法如下:咱们干脆禁止React Developer Tools 这个浏览器插件去改react的源代码找到node_modules/@pmmmwh/react-refresh-webpack-plugin/client/Re

关于react的diff算法面试题

react/vue中的key有什么作用？（key的内部原理是什么？）为什么遍历的时候最好不要用index作为key值?直接上代码。。。<script type="text/babel">class Life extends React.Component {state = {person: [{ id: 1, name: '张三', age: 16 },{ id: 2, name: '

React中跨域问题的完美解决方案

React中跨域问题的完美解决方案React脚手架配置跨域：首先在src文件夹下创建setupProxy.js ：在setupProxy.js 文件中添加代码：const proxy = require('http-proxy-middleware')module.exports = function(app) {app.use(pr...