Aug042019
Aug012019
解决React中的Cannot read property报错
在使用React开发过程中，经常会遇到“Cannot read property”的报错信息。这种报错通常是由于在组件的渲染过程中，访问了一个未定义或者为空的属性或方法，导致了JavaScript的运行时错误。
1. 确定报错的位置
首先，我们需要确定报错的位置。一般来说，错误信息会包含具体的行数和出错的组件。使用控制台的错误提示信息，可以迅速定位到错误的位置。
2. 理解报错信息
在React中，报错信息通...阅读全文
Jul282019
JavaScript框架比较：Angular vs React vs Vue
JavaScript框架是建立网页应用程序的重要工具，它们能够提供丰富的功能和动态的用户界面。Angular、React和Vue是当今最受欢迎和广泛使用的JavaScript框架之一。本文将对它们进行详细比较，帮助你选择适合自己项目的框架。
Angular
Angular是由谷歌开发和维护的一个完整的前端开发框架。它具有强大的功能和丰富的生态系统。以下是Angular的一些优点和特点：
大而全的框架： Angular是一个...阅读全文
作者：绝缘体.. | 分类：javascript, react, typescript, vue, 前端技术, 科技企业, 编程语言, 谷歌 | 阅读： | 标签：javascript, react, typescript, vue, 谷歌
Jul212019
简单实用的JS实现页面加载完毕之前loading提示效果(兼容性较强的loading载入代码)
一种简单实用的JS实现页面加载完毕之前loading提示效果，做成js调用即可：
<script type="text/javascript">
var pageHeight = document.documentElement.clientHeight,
pageWidth = document.documentElement.clientWidth;
var loadingTop = pageHeight > 61 ? (pageHeight - 61) / 2 : 0,
loadingLeft = pageWidth > 215 ? (pageWidth - 215) / 2 ...阅读全文
Jul182019
nmon使用问题汇总（不定期更新）
nmon使用问题汇总
1.nmon常用命令：
./nmon -s1 -c300 -f -m /root/nmon-test-result/项目-50并发/
2.设置nmon参数为-s1 -c720，发现nmon只运行了288秒即停止。
解决方法：当时我是直接从另一个系统拷贝的nmon，也不知道版本匹不匹配，后来尝试本地上传另一个版本的nmon，运行成功。
3.如何批量运行nmon？
需求：目前有10台服务器（192.168.1.11-20）需要进行监控，且这10台服务器均只能通...阅读全文
Jul122019
前端开发中的表单验证与数据校验！
在前端开发中，表单验证和数据校验是非常重要的环节。它们可以帮助我们确保用户输入的数据的有效性，并提供友好的用户体验。本文将介绍一些常见的表单验证和数据校验的方法和技巧。
1. 表单验证的必要性
在用户提交表单之前，我们需要对用户输入的数据进行验证，以确保数据的正确性和完整性。表单验证的主要目的是防止用户输入无效或非法数据，并向用户提供错误提示。
表单验证可以分为两...阅读全文
Jul092019
7种常见的JavaScript错误信息及解决方法
当编写JavaScript代码时，经常会遇到各种错误信息。了解这些错误信息以及如何解决它们，可以帮助我们更有效地调试和修复代码。本文将介绍7种常见的JavaScript错误信息及解决方法。
1. TypeError（类型错误）
TypeError错误通常表示试图访问或操作一个不支持的类型的值。例如，当将非函数类型的值作为函数调用时，就会抛出一个TypeError。
解决方法：
确保你正在使用正确的类型来访问或操...阅读全文
Jun222019
Jun212019
React 18 Server Components技术预研：未来前端架构的革命性变化及对现有项目的影响评估
React 18 Server Components技术预研：未来前端架构的革命性变化及对现有项目的影响评估
引言
React 18作为React生态的重要里程碑，不仅带来了性能提升和新特性，更重要的是引入了Server Components这一革命性的概念。Server Components的出现标志着前端架构的一次重大变革，它将传统的客户端渲染模式推向了一个全新的维度，让开发者能够在服务端执行组件逻辑，从而实现更高效、更安全的W...阅读全文
Jun132019
前端开发中的图片优化和Lazy Load技术及相关标签拼接方法
在现代的网页开发中，图像是页面中不可或缺的一部分。然而，大量的图像可能导致网页加载速度变慢，影响用户体验。为了解决这个问题，前端开发经常会使用图片优化和 Lazy Load 技术来提高网页性能和用户体验。本文将介绍图片优化的几种常见技术和 Lazy Load 技术，以及与其相关的标签拼接方法。
图片优化
1. 选择正确的图片格式
在选择适当的图像格式时，需要权衡图像质量和文件大小。常用...阅读全文