qq_50909707的博客

针对顶部刘海区和底部小黑条两个常见问题，推荐使用Taro.getSystemInfoSync()方法获取设备信息。顶部通过safeAera.top获取刘海高度设置paddingTop，底部通过计算screenHeight与safeAera.bottom的差值确定小黑条区域。该方案兼容性好，能有效避免内容被遮挡的问题。

在Taro项目中，编译时可能会遇到mini-css-extract-plugin插件抛出的CSS顺序冲突警告。这种警告通常是由于项目中不同组件引用的CSS文件顺序不一致导致的。解决方案：1、将示例中 1、2 两个引用的顺序保持一致即可编译成功。2、直接修改/config/index.ts的配置。

[渲染层网络层错误] Failed to load local image resource /assets/icon/message.png  the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)

taroUI AtInput 微信开发者工具打印警告 WXMLRT_$gwx:./base.wxml:template:180:18: Template `tmpl_0_35` not found.

思路就是禁用enter快捷键，让upload组件的enter触发失效，这样就可以规避掉这个问题。刚又到Antd官网测试一下这个bug，依然存在。

前端 React 弹窗式 滑动验证码实现

使用main.js作为入口文件时，我们只要找到main.js路径配置到package.json的“main”位置就行了，但直接改.ts肯定会报错，所以我们需要让electron找到main.ts编译后转的.js文件的位置。终端运行：你会看到项目的ts文件被转为js文件存到了“outDir”指向的文件夹里（这里是".electron"）我的：这里的"main"没太大影响，看后面的步骤。终端运行：可以看到electron程序正常启动了。即可进行eslint纠正检测。3、安装eslint。五、配置eslint。

这里选择5.3.1版本，因为高版本可能与夜神模拟器无法联动，导致部分功能无法正常使用。在expo程序里点击这里刷新，开启程序页面。在模拟器里，点击侧边“

微前端Webpack集成Vite子应用避坑指南。vite-plugin-qiankun: 帮助应用快速接入乾坤的vite插件保留vite构建es模块的优势一键配置，不影响已有的vite配置支持vite开发环境问题描述：子应用有多个root.render页面，用于处理不同的渲染逻辑，直接访问子应用的这些页面，一切正常；但在父应用中访问某些页面时，页面找不到了。经过控制台打印检查，发现子应用根本没有走自定义render页的逻辑，连自定义html里script module也未使用。

这样配置以后，每次发送请求给“/api/”就会被直接代理到对应域名的地址，而不会出现跨域问题。/api/data 会代理到 域名/api/data 路径下。

Width - TailwindCSS中文文档 | TailwindCSS中文网Tailwind CSS 的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何 模板中的 CSS 类（class）名，然后生成相应的样式代码并写入 到一个静态 CSS 文件中。他快速、灵活、可靠，没有运行时负担。简单的讲就是，我们可以通过直接编辑class里的类名来直接实现想要的效果。

Taro React小程序开发框架 总结

react native 异常：TypeError [ERR_INVALID_CHAR]: Invalid character in header content ["X-React-Native-Project-Root"] 检查你的reactNative项目目录路径是否有中文或特殊字符，这是报错的原因。确保项目目录路径没有中文或特殊字符，问题解决！

性能优化三部曲：1、寻找项目中性能损耗严重的子树；2、在子树的根节点使用性能优化API；3、子树中运用变与不变分离原则。总结到此，相信你已经掌握了性能优化的精髓。

前端框架 Redux tool RTK 总结

key的作用相当于一个ID，只是无法在页面中查看，当设置key以后，在更新渲染比较元素时，就会比较相同key的元素，而不是按照顺序进行比较，在渲染一个列表时，通常给列表每个元素设置一个唯一的key来解决上述问题（这个key在当前列表中唯一即可）

可以看到源图片已经被压缩了，这样处理后再提交至服务器就能节省带宽，提高前端加载效率了，注意质量数值设置的过小图片过大可能导致图片失帧。

【代码】React 省市查询组件完整代码。

【代码】Nextjs 集成TinyMCE实现富文本编辑器。

由于Next与react有些差别，直接调用组件会报无法找到文档的错误，于是我们只有考虑动态导入了解决问题。因为富文本编辑器一般作用与form页面对SEO意义不大，所以这里可以考虑暂时关闭SSR。

useRouter()有个query属性可以获取到动态路径的参数，这样问题就解决了。使用Nextjs13版本参考官方文档后实现仍有问题，网上的材料大多和官网一致，经过测试后，我找到了这个解决方案：

这样实现的RSA公钥加密内容，只有服务器的私钥才能解开，保证了数据的安全！下一篇，讲如何通过SpringBoot私钥解密该敏感数据。 Server Error ReferenceError: window is not defined

微信小程序具体发布流程有哪些？

Nextjs 中使用Jquery JS脚本加载

前端框架 react Nextj TS2307: Cannot find module '@/styles/Home.module.less' or its corresponding type declarations 问题解决

揭秘同构渲染，nextjs初体验 - 知乎看了就会的Next.js SSR SSG实战教程_nextjs脚手架_Mr兔子先生的博客-优快云博客

Nextjs React 打包 部署 踩坑总结

前端框架 Nuxt3 集成axios 配置跨域

前端框架 Nuxt3 集成 Pinia Pinia的使用

前端框架 less sass 常用语法总结

前端框架 Nuxt3 Vue3 修改网页favicon.ico 顶部 小图标

前端框架 Nuxt3 Vue3 SSR 总结

有用组件默认会使用default加载，所以此时default为全局公共，若要单独公共，可以创建如header.vue公共模板。在Nuxtjs中以pages目录为页面目录，可以通过浏览器直接访问该目录下的页面。项目运行可以看到SSR渲染了。如：动态路由用"_"+变量名。

Nextjs里的路由相对于传统ReactRouter路由更能满足SEO优化的需求，通过路径来进行路由更能被搜索引擎收录。相当于localhost:3000/user/:id这个id可以动态改变，都可以访问到对应的文件。参考：nextjs.cn/docs/basic-features/script。见： nextjs.cn/docs/basic-features/pages。值得注意的是这样的js脚本都是在页面最好执行的。效果如下："/"代表从public目录下开始。如：完成动态路由的跳转。

TypeScript和Javascript的区别在于加入对类型的限制，有点类似于强类型的语言，实质是为了更好的管理维护代码。

基础部分见官方文档。

效果：可以看到此时并无边框自定义的菜单只需要通过html等写到对应的页面中即可！

（1）创建store仓库，reducers分开管理reducers: 数据开发中type字符串应放入一个常量管理default:}}default:}}count,user}//1、引入redux//引入日志//导入reducers//2、创建仓库//合并多个reducer})（2）导入到src/index.js文件,全局配置(3)组件中的使用return (

推荐使用Axios更方便！

ReactNative官方文档：React Native 中文网 · 使用React来编写原生应用的框架ReactNative适用于APP的一套多开，适合大型项目的开发，安装环境时注意版本对应。2、ReactNative的布局默认为flex布局，View标签不能直接写入文字，样式不会被继承, 单位不能加px,vh,vw等可以是百分比。3、快速获取屏幕尺寸，Dimensionsflex布局见我的博客：Flex布局总结_Dragon Wu的博客-优快云博客_flex布局总结案例代码：同样使用Re