前端技术
关注
分享
扫一扫
文章平均质量分 67
笨鸟程序员
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【React】React AJAX
在React中使用AJAX（Asynchronous JavaScript and XML）是一种常见的做法，用于从服务器获取数据并在组件中显示。尽管AJAX的名字中包含了XML，但现在更多地使用JSON（JavaScript Object Notation）作为数据交换格式。在React中，你通常会使用诸如fetch API、axios库或其他库来执行AJAX请求。原创 2024-03-28 11:29:17 · 441 阅读 · 0 评论 -
【React】React 组件 API
React组件的API是指React组件可以使用的一系列方法和属性等。原创 2024-03-27 18:51:00 · 1482 阅读 · 0 评论 -
【React】React 内置 Hook
React 内置 Hook 是一组允许你在函数组件中使用 state 和其他 React 特性的函数。它们极大地扩展了函数组件的功能，使得在无需编写 class 的情况下也能使用 React 的全部功能原创 2024-03-27 12:48:50 · 1302 阅读 · 0 评论 -
【React】React表单组件
在React中，表单组件是用来处理用户输入的重要部分。React提供了多种方式来处理表单，包括受控组件（Controlled Components）和非受控组件（Uncontrolled Components）。同时，表单组件也涉及到一些交互属性，这些属性使得表单元素能够响应用户的操作。原创 2024-03-26 23:47:15 · 1045 阅读 · 0 评论 -
yarn的安装和使用
这些是安装和使用Yarn的基本步骤。您还可以通过查看Yarn的官方文档来了解更多详细信息和命令的使用方式。按照提示输入项目的相关信息，然后Yarn将会为您创建一个新的。替换为您要安装的包的名称。如果返回了Node.js的版本号，则表示已经成功安装。如果返回了Yarn的版本号，则表示安装成功。这将在您的计算机上全局安装Yarn。Yarn将会将依赖项添加到项目的。文件夹中，并更新项目的。文件中定义的脚本名称。原创 2024-03-26 19:28:58 · 306 阅读 · 0 评论 -
【React】React响应事件
在React中，事件处理是组件与用户交互的关键部分。下面我将详细解释你提到的几个点。原创 2024-03-25 18:55:33 · 998 阅读 · 0 评论 -
【React】React 生命周期
React生命周期指的是React组件从创建到销毁的过程，包括初始化、更新和销毁三个阶段。每个阶段都有特定的生命周期方法，这些方法允许我们在组件的不同生命周期阶段执行特定的逻辑。原创 2024-03-24 12:30:00 · 361 阅读 · 0 评论 -
【React】React中渲染列表
在React中渲染列表是一个常见的任务，通常涉及到使用数组的map()方法来遍历数组并生成一系列的组件。同时，filter()方法可以用来筛选需要渲染的组件。而key属性则是React用来识别列表中每个元素的关键属性。原创 2024-03-24 11:00:00 · 722 阅读 · 0 评论 -
【React】React条件渲染
在React中，条件渲染是非常常见的需求，它允许你根据组件的state或props来决定渲染哪些内容。原创 2024-03-24 09:45:00 · 369 阅读 · 0 评论 -
【React】React中将 Props 传递给组件
当使用 React 时，props 是组件之间传递数据的主要方式。原创 2024-03-23 19:45:00 · 1156 阅读 · 0 评论 -
【React】在 JSX 中通过大括号使用 JavaScript
在 JSX 中使用大括号可以执行各种 JavaScript 操作，包括传递字符串、引用变量、调用函数以及使用对象原创 2024-03-23 11:47:50 · 749 阅读 · 0 评论 -
【React】使用 JSX 为 JavaScript 添加标签
使用 JSX 为 JavaScript 添加标签实际上是将 JSX 语法与 JavaScript 代码结合使用，以描述用户界面。JSX 允许你在 JavaScript 中编写类似 HTML 的结构，并最终由 React 库将其转换为真正的 DOM 元素。在 JSX 中，这些标签也必须是自闭合的，以的形式书写。在这个例子中，，和就是被引入 JavaScript 的标签。在 React 中，你可以直接在 JavaScript 文件中使用 JSX 来定义组件的结构。原创 2024-03-23 11:26:54 · 1137 阅读 · 0 评论 -
【React】React组件的导入与导出
React 组件的导入与导出是构建 React 应用程序的基础操作之一。通过使用 ES6 模块系统，我们可以将 React 组件拆分成不同的文件，并在需要时将它们导入到其他文件中，从而实现代码的组织和复用。下面将详细介绍 React 组件的导入与导出，并通过示例来说明。原创 2024-03-22 14:30:00 · 1969 阅读 · 0 评论 -
【React】创建你的第一个React组件
然后，你可以通过npm安装Create React App这个官方支持的脚手架工具来快速生成一个新的React应用项目，该项目包含了React、ReactDOM、以及必要的测试和开发工具。随着你对React的学习深入，你会逐渐了解如何创建更复杂的组件、使用状态管理、处理事件等等。保存你的更改，并回到浏览器中查看你的应用。你可以在这个文件中定义你的第一个组件，或者创建一个新的文件。这将会创建一个名为my-first-react-app的新目录，并安装所有必要的依赖项。创建你的第一个React组件。原创 2024-03-22 14:00:00 · 437 阅读 · 0 评论 -
【React】创建react 项目
这将在你的本地服务器上启动React应用。在浏览器中打开http://localhost:3000，你将看到一个默认的React欢迎页面。现在你已经成功创建了一个React项目，你可以开始在src文件夹中编写你的React组件和应用逻辑了。6. 等待一段时间，直到所有依赖包都安装完成。原创 2024-03-21 15:52:30 · 227 阅读 · 0 评论 -
【React】react快速入门教程
React是一个用于构建用户界面的JavaScript库。它由Facebook开发，并且已经成为前端开发中最受欢迎的工具之一。本快速入门教程将介绍React的基础知识和常用概念，帮助你开始使用React构建交互式的Web应用程序。原创 2024-03-20 11:54:10 · 1144 阅读 · 0 评论 -
node.js 常用命令
【node】node.js 常用命令。原创 2024-03-20 11:17:44 · 751 阅读 · 0 评论 -
兼容ie8 上传
页面<body><form id="uploadFile"> <input class="ui-file-input" id ="fileload" name="file" type="file" change="fileLoadExcel" > </form></body><script type="text/javascript" src="../jquery/jque...原创 2021-12-21 10:42:58 · 577 阅读 · 0 评论 -
HTML，jsp页面添加水印
<script type="text/javascript"> watermark({ "watermark_txt": "添加水印" }); </script>原创 2021-12-20 16:37:58 · 1461 阅读 · 0 评论 -
前端js 生成二维码
引入js<script type="text/javascript" src="${path }/qrious.min.js"></script><boby> <img id="qrious" ></boby><script type="text/javascript">$(function()...原创 2019-11-01 09:06:51 · 208 阅读 · 0 评论 -
jsp页面实现超出隐藏省略号实现
实例1:限定字数页面引入<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %><c:choose><c:when test="${fn:length(name) >= 6}"> <span title="$...原创 2018-06-29 10:09:08 · 1305 阅读 · 0 评论 -
jsp页面中实现打印功能
<boby><!--startprint--><div>要打印的内容</div><!--endprint--></boby><script>window.onload=function(){var urlpa = location.search;if(urlpa.indexOf("pr...原创 2018-07-06 17:27:01 · 3632 阅读 · 0 评论 -
根据图片编辑input,type='radio'编辑你想要的单选按钮样式
<div> <i style="line-height: 36px;" class="select-1"> <img s...原创 2018-12-06 16:50:40 · 620 阅读 · 0 评论 -
js解析IPA,apk,pp文件的包名,版本信息,图片等plist信息
所需文件app-plist-parser.js示例:<body> <input type="file" name="file" id="file" onchange="appSelect()"> <script src="app-plist-parser.js"></script> <script> funct...原创 2019-02-25 11:33:20 · 4253 阅读 · 7 评论 -
美化input file 点击上传,拖拽上传(苹果系统不能拖拽)
<label href="javascript:;" class="file-upload" for="frontImg"> <img id="11" src="${path }/image/upload.png" alt=""><!-- 上传背景图 --&原创 2019-02-25 11:44:54 · 1466 阅读 · 0 评论 -
拖拽或点击上传(支持苹果safari浏览器)
<input type="file" value="上传"> 拖拽或点击上传(在safari浏览器不支持拖拽),主要解决safari浏览器的拖拽问题jsp页面 <input type="file" id="frontImg" name="myfiles" style="display:none;">原创 2019-03-08 11:57:11 · 2114 阅读 · 0 评论 -
前台js获取ios系统版本号(手机,iPad)
<script type="text/javascript">var ua = navigator.userAgent.toLowerCase();if(ua.indexOf("like mac os x") > 0){ var reg = /os [\d._]*/gi ; var verinfo = ua...原创 2019-05-05 14:57:28 · 5751 阅读 · 0 评论 -
qq和qq浏览器的区别
var ua = navigator.userAgent.toLowerCase();通过alert(ua) 在QQ访问连接,和qq浏览器访问连接查看有什么不同的地方,下面是博主通过手机端访问后对比后发现的不同if( ua.indexOf('qq/') >0 && ua.indexOf('mqqbrowser') >0){//qq,非qq浏览器}...原创 2019-07-10 10:38:02 · 3750 阅读 · 0 评论 -
jsp页面模块排序
<div class="project-holder specialProject_${id}" style="display:none;" data-id="${sort}"> <div class="project-list-holder remoteProject-list-holder" data-id="1"> <h4 cla原创 2018-06-26 14:45:04 · 1750 阅读 · 0 评论