- 2024-11-01给网站添加春节灯笼效果：引入即用，附源码！
记得之前在别的网站上看到这个喜庆的春节灯笼效果，觉得非常吸引人。虽然网上有一些现成的API可以直接实现，比如这个春节灯笼API，但使用后我发现两个问题：一是手机端访问时灯笼没有自适应，二是灯笼上的“春节快乐”四个字不能自定义。为了解决这些问题，我找到了这篇文章，并“借鉴”了其
- 2024-10-08React学习起始
一、准备工作react是一个用于构建用户界面的JavaScript库脚手架安装：npxcreate-react-app（脚手架名称）react-basic（包名）--------等同于maven构建项目的性质启动项目：yarnstartornpmstart注：全局安装缺点：太久没初始化项目，就得重新装 二、基本使用1导包2创建元素3渲染元
- 2024-09-14【工具】前端JavaScript代码在线执行器 方便通过网页 手机测试js代码
【工具】前端JavaScript代码在线执行器方便通过网页手机测试js代码自动补全js代码格式化代码色彩打印日志清空日志待补充<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,ini
- 2024-08-19宣传脚本 NoFishing
这个脚本费事作者一周，作者不断思考\(\texttt{UI}\)设计和用户体验，最后写成这样。如果有想做贡献的小朋友也可以在link中提建议、改代码，谢谢。//==UserScript==//@nameNoFishing//@namespacehttp://tampermonkey.net///@version2.5//@description
- 2024-08-07createElement 和 cloneElement 的区别
引言在React中，组件是构建用户界面的基本单元，它们可以通过不同的方式创建和操作。两个常用的方法是React.createElement和React.cloneElement。虽然它们都与React元素的创建和操作有关，但它们的用途和功能却完全不同。了解这两个方法的区别对于有效地构建和管理React应
- 2024-08-03react、vue组件编译区别&template解析原理
react、vue组件打包编译为js时的区别1.react组件打包为js后，jsx会被编译为React.createElement.比如：antd的button.js（函数式组件直接returnjsx）constInternalButton=(props,ref)=>{//React.createElement第三个参数children一般兼容传数组和分开多个参数传递俩种形式
- 2024-07-05powershell遍历文件夹压缩以及编写生成k3配置
Add-Type-AssemblyNameSystem.IO.CompressionAdd-Type-AssemblyNameSystem.IO.Compression.FileSystem#设置源文件夹和目标日志文件的路径$sourceFolder="C:\myapp\bin"$destFolder="C:\myapp\OutPut\"$logFilePath="C:\myapp\log.x
- 2024-05-29React学习教程
ReactReact前言官方文档React18中文文档1(国内社区)：https://react.docschina.org/React18中文文档2(官方)：https://zh-hans.reactjs.orgReact18英文文档：https://reactjs.orgReact17英文文档：https://17.reactjs.orgreact概述React是一个用于动态构建用
- 2024-05-01Vue App.vue
Vue App.vueVue的App.vue文件是整个Vue项目中最核心的文件之一，它是所有组件的基础组件，也是整个Vue应用的入口文件。我们可以在 App.vue中定义一些全局的样式、组件、路由和状态管理等，从而方便其他组件的调用。App.vue内部包含三个主要部分：模板、逻辑代码和样式。其中
- 2024-03-292024-03-29 js练习之生成多个数组，且每个数组内的值不能重复
代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>doubleBox</t
- 2024-01-15vue中render函数和h函数
"render"函数是Vue组件的一个重要方法，它用于描述组件的视图结构，并负责渲染虚拟DOM树。"render"函数是一个JavaScript函数，它接受一个名为createElement的参数，用于创建虚拟DOM节点。这使得你可以使用JavaScript来构建虚拟DOM树，包括元素、组件、指令等，为你提供更高的灵活性。render
- 2024-01-0366、python爬虫数据和预处理标签数据和yolov8训练
基本思想：需要使用爬虫代码，预先爬虫一些数据和标注，这里只做简单记录，不做具体意图探讨一、爬虫数据，然后进行部分筛选#-*-coding:utf-8-*-importrequestsimportosimportredefget_images_from_baidu(keyword,page_num,save_dir):#UA伪装：当前爬取信息伪装成浏览
- 2024-01-02form检测
form=document.createElement('form')form.id='__Zm9ybS5pZAo__'form.action='https://ucenter.miit.gov.cn/login.jsp'document.body.appendChild(form)document.body.removeChild(form)input_1=document.createElement("i
- 2023-12-29form检测
form=document.createElement('form')form.id='__Zm9ybS5pZAo__'form.action='https://ucenter.miit.gov.cn/login.jsp'document.body.appendChild(form)document.body.removeChild(form)input_1=document.createElement("i
- 2023-12-05JSX 代码是如何“摇身一变”成为 DOM 的？
JSX是一种语法，并不是React中的内容，时下接入JSX语法的框架越来越多，但与之缘分最深的仍然是React。本节来讲一下React是如何摇身一变成为DOM的。我们平时在写React时会用JSX来描述组件的内容，例如下面的代码中，render方法return的内容就是JSX代码。classAppexten
- 2023-11-15javascript promise all实现图片顺序加载
不使用promise时是异步加载，图片加载的顺序不固定<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-scale=1
- 2023-10-17React学习笔记04-JSX语法
1.JSX语法JSX将HTML语法直接加入到JavaScript代码中，再通过翻译器转换到纯JavaScript后由浏览器执行。在实际开发中，JSX在产品打包阶段都已经编译成纯JavaScript，不会带来任何副作用，反而会让代码更加直观并易于维护。编译过程由Babel的JSX编译器实现。 2.JSX语法的
- 2023-08-28HTML5你必须知道的28个新特性
HTML5有很多的新功能.新代码.非常不错.现在总结一下.仅供参考1.新的Doctype尽管使用<!DOCTYPEhtml>，即使浏览器不懂这句话也会按照标准模式去渲染2.Figure元素用<figure>和<figcaption>来语义化地表示带标题的图片<figure><imgsrc=”path/to/image”alt=”Aboutimage”
- 2023-06-24MOTDPE 服务器状态卡片
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device
- 2023-06-21ant design vue的customRender()方法中使用$createElement提示undefined
antdesignvue的customRender()方法中使用$createElement提示undefined报错信息如下：TypeError:Cannotreadpropertiesofundefined(reading'$createElement')原因：如果index.vue文件中是从另一个columns.js的文件中引用的列配置，在columns.js文件中的customRender()方法中使
- 2023-06-15createelement的用法（转载）
document.createElement()是在对象中创建一个对象，要与appendChild()或insertBefore()方法联合使用。其中，appendChild()方法在节点的子节点列表末添加新的子节点。insertBefore()方法在节点的子节点列表任意位置插入新的节点。下面，举例说明document.createElement()的用
- 2023-06-09React - 03 JSX语法示例及JSX渲染机制
1.根据变量控制元素显示/隐藏2种方式，方式1会渲染但不显示，方式2不会渲染元素2.循环列表渲染用数组的map方法，直接将要循环的元素返回如果数组的每个元素都是empty，则为稀疏数组，否则为密集数组，即使每个元素都是null也是密集数组3.JSX渲染机制第一步：把我们编写的JSX语法，编译为虚拟DOM对
- 2023-06-06render函数使用示例
import{mapState}from'vuex'importmenuMixinfrom'../mixin/menu'import{elMenuItem,elSubmenu}from'../libs/util.menu'importBScrollfrom'better-scroll'exportdefault{name:'d2-layout-header-as
- 2023-05-27第一个react.js程序：create and show comment
importReact,{Component}from"react";import{render}from"react-dom";importPropTypesfrom"prop-types";constnode=document.getElementById("root");constdata={post:{id:123,content:
- 2023-05-20实现 React 简易版 createElement 和 render 方法
前言在React中，我们都知道可以写jsx代码会被编译成真正的DOM插入到要显示的页面上。这具体是怎么实现的，今天我们就自己动手做一下。实现createElement方法这个方法平时开发我们并不会用到，因为它是经babel编译后的代码，我们新建一个React项目，index.js最简单的代码结构如