linjyuan-CSDN博客

webpack是代码编译工具，有入口、出口、loader和插件。webpack是一个用于现代JavaScript应用程序的静态模块打包工具。当webpack处理应用程序时，它会在内部构建一个依赖图(dependencygraph)，此依赖图对应映射到项目所需的每个模块，并生成一个或多个bundle。——简单的总结webpack是一种前端资源构建工具，一个静态模块打包器(modulebundler)............

2022-07-23 16:46:05 158

原创 React或者Vue的js或ts使用图片资源

React或者Vue的js或ts使用图片资源

2022-07-23 15:41:33 912

原创 react和node使用crypto-js加解密

前端使用react框架,配合ts// @ts-ignoreimport CryptoJS from 'crypto-js';const key = CryptoJS.enc.Utf8.parse('1234567812345678'); // 十六位十六进制数作为密钥const iv = CryptoJS.enc.Utf8.parse('1234567812345678'); //十六位十六进制数作为密钥偏移量/** * 请求数据加密 * * @param {any} word 数据明文

2022-03-25 10:14:35 2400

原创 ts关于定义setTimeout的类型

为了能够在全局中关闭setTimeout，所以需要在全局定义一个setTimeout多数据类型直接上代码： var timeOut: NodeJS.Timeout;//定义setTimeout的类型 timeOut = setTimeout(function () { ...... }, 1000);在其他地方可以直接关闭clearTimeout(timeOut);...

2021-11-24 11:32:54 6460 2

原创使用antv2画三角形雷达图

本次是使用React框架来实现，用vue或者其他框架，也是一样的道理。直接上代码：import React, { FC, useEffect } from 'react';import F2, { Chart } from '@antv/f2';import _ from 'lodash';interface TriangleCardProps {}// 三角形雷达图const TriangleCard: FC<TriangleCardProps> = () => {

2021-11-18 15:22:37 1412

原创 antvf2官网

antv/f2官网：https://f2.antv.vision/zh

2021-11-18 10:05:05 6481

原创 iframe不能完全显示

html代码使用 iframe 不能完全显示，代码如下<div className={styles.knowledgeRouteStyle} style={{ width: '100%', height: '95%', touchAction: ' none', overflowY: 'scroll' }} > <iframe id="iframe_detl" name="iframe_a" fr

2021-11-12 11:07:19 3458

原创 Sourcetree发生错误（1）

git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks fetch --no-tags originerror: bad signature 0x00000000fatal: index file corrupt

2021-10-31 21:10:34 174

原创 display: grid；进行布局

display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 60px; align-content: center; align-items: center; justify-content: center; justify-items: center;

2021-09-18 17:56:16 136

原创使用antd组件，修改组件样式

:global { .am-modal-content { border-radius: 32px; padding: 64px 0; } }

2021-09-18 13:04:38 606

原创 node更新

一、先删除旧版本windown 系统点击卸载二、下载安装新版本根据这篇文章去下载安装更新 https://blog.csdn.net/l1134/article/details/120270753

2021-09-13 17:24:35 126

原创 Node 安装教程

Windows 上安装 Node.jsNode.js 历史版本下载地址：https://nodejs.org/en/download/一、选择版本根据个人电脑情况，下载相对应的版本步骤 1 : 双击下载后的安装包 v0.10.26，如下所示：install-node-msi-version-on-windows-step1步骤 2 : 点击以上的Run(运行)，将出现如下界面：步骤 3 : 勾选接受协议选项，点击 next（下一步）按钮 :步骤 4 : Node.js默认安装目录为

2021-09-13 17:05:09 2821

原创前端React框架基础语法

一、ReactDOM.render()方法ReactDOM.render()方法是React框架中最最最基础的方法，这个方法的作用是将模板转化为HTML的语法，然后插入到指定的 DOM 节点中。<script type="text/babel"> ReactDOM.render( <p>Hello, world!</p>, document.getElementById('test') );</script>上面

2021-09-13 16:56:32 200

原创 TestingLibraryElementError: Unable to find an element with the text: xxxxx. This could be because

import { render, testA11y, fireEvent, waitFor, sleep, screen } from ‘@alita/test’;expect(screen.getByText(“xxxxx”)).toBeDefined();

2021-09-09 16:32:39 1198

原创 ts的数据类型

1.1 布尔值let isFlag: boolean = false;1.2 数字let decLiteral: number = 6;let hexLiteral: number = 0xf00d;let binaryLiteral: number = 0b1010;let octalLiteral: number = 0o744;1.3 字符串let name: string = “bob”;JavaScript程序的另一项基本操作是处理网页或服务器端的文本数据。像其它语言里一样，

2021-09-09 12:38:38 190

原创 Github的Issues用法

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-09-08 13:20:59 6669

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

大四学生前端实习的第十周周记

大四学生前端实习的第八周周记

大四学生前端实习的第七周周记

大四学生前端实习的第六周周记

大四学生前端实习的第五周周记

大四学生前端实习的第四周周记

大四学生前端实习的第三周周记

大四学生前端实习的第二周周记

大四学生前端实习的第一周周记

空空如也