- 博客(9)
- 收藏
- 关注
原创 常用网址综合版
目录常用网址前端相关工具库01、Day.js[02、Mono Icon](https://icons.mono.company/)[03、Blob 生成器](https://blobs.app/)04、ztext.js05、Print.js[06、Textures JS](https://riccardoscalco.it/textures/)07、DOCX[08、Jexcel ](https://bossanova.uk/jspreadsheet/v4/)09、Keen-Slider[10、Math JS
2022-03-21 14:42:14 1939
原创 常用代码-css
常用css代码片段1. 单行文本溢出overflow: hidden;text-overflow:ellipsis;white-space: nowrap;2. 多行文本溢出display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;3. IOS 手机容器滚动条滑动不流畅overflow: auto;-webkit-overflow-scrolling: touc
2022-03-21 12:53:19 69
原创 ES6模块化(导入、导出)
ES6模块化(导入、导出)ES6模块化主要使用两个关键字:import export。export关键字用于定义和导出模块import关键字用于执行和引用模块ES6模块化导入和导出,共有一下几种写法:1.定义并且导出//moduleA.jsexport const a = 1export const b = 2//index.jsimport { a, b } from './moduleA.js'console.log(a, b)//1 2 2.先定义后导出//modul
2021-06-03 17:50:14 718
原创 使用脚手架创建React项目
使用脚手架创建React项目使用脚手架创建react项目,前提需要有node环境,如没有node环境,请自行安装。一、首先安装React脚手架:create-react-appnpm i -g create-react-app脚手架安装完成以后,react、react-dom、babel等相对应的react环境就已经都安装好了,不用再手动安装,webpack环境也给我们配置好了。二、create-react-app创建项目在终端执行命令:create-react-app 项目名创建自己的
2021-06-03 16:56:30 428
原创 手写React-router
手写React-router 本文章将参照官方的react-router-dom,按照其部分组件最基本的功能,自己写一个react-router。其中包括HashRouter、Route、Switch、Link、Redirect,只实现了一些基本功能,如有错误以及不足之处,请评论留言指出。1.基本环境搭建 首先,我已经配置好了webpack环境,当然你也可以用脚手架创建一个项目,并安装好官方的react-rou
2020-11-29 16:01:54 287
原创 手写简易版React框架
手写简易版React框架1.基础环境的搭建1.1首先将自己配置好的webpack环境搭好,目录结构如下:1.2 React最基本的功能就是渲染jsx语法,其中用到了babel-loader,我们这里在webpack配置文件里已经配置好了babel-loader。然后新建一个文件夹名为my-react,在里面建立一个index.js写我们自己的react。新建一个react-dom文件夹,在里面新建一个index.js写我们自己的react-dom。babel的作用: 首先把相关的代码转换->
2020-11-25 21:41:57 776 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人