DustCorleone - 个人主页动态

2021-09-11 15:24

已编辑

介绍一个简单的git仓库创建方法：   在git上创建一个仓库  新建文件夹   git clone +刚才仓库的https     此时文件夹里出现仓库文件夹   进入该文件夹，将要上传的文件添加到本文件夹内（注意不要添加包含.git的文件夹）  如何查看一个文件夹里是否包含.git：查看隐藏文件夹  隐藏的文件夹的颜色会偏浅一点。   文件夹空白地方右键，选择git bash here   git status   git add .  git commit -m ‘message’  git push   再回去看仓库就有了。    解决仓库报错500的问题：  仓库报错500的原因是因...

0 点赞评论收藏

2021-09-11 15:24

已编辑

武汉科技大学前端工程师

.md 文件的格式：写出好看的笔记

#一级标题 ~ 七级标题，#号越多字体越小 ===和—划分标题（似乎只能表示一级标题和二级标题） *，+，-：无序列表 1.2.3.：有序列表 “>”区块引用   这里是一个区块引用。   “>>>”：多个区块套用 “- - -”：华丽的分割线 链接：“【这是链接】（链接地址…）”，改成英文标识符即可使用 图片：“！【我是图片】（图片链接…）”，改成英文标识符即可使用 参数式：【foo】：http://example.com/ “Optional Title Here”，改成英文标识符即可使用 代码框：单行用“`”，“```”可以写注释 “**”：字体倾斜，“__”：字...

0 点赞评论收藏

2021-09-11 15:23

武汉科技大学前端工程师

css 知识总结

css引用的方式  内联方式：直接在 HTML 标签中的 style 属性中添加 CSS。 嵌入方式：在 HTML 头部中的 <style> 标签下书写 CSS 代码。 链接方式：使用 HTML 头部的 <head> 标签引入外部的 CSS 文件。  选择器  类型选择器：直接写类型，例如：“h1” ID 选择器：# 类选择器：. 伪类：例如 button:hover { 伪元素，伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式。例如 a::after 后代选择器 p div(中间是空格) 子选择器 p > div  css 选择器之间的空...

0 点赞评论收藏

2021-09-11 15:23

武汉科技大学前端工程师

js函数语法：ASCII 码的相互转换，字符串操作，数学计算

ASCII 码的相互转换 for (let i = 'a'.charCodeAt(); i <= 'z'.charCodeAt(); i++) {  a.push(String.fromCharCode(i)) }   字符串操作  filter： filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。  const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; const result = words.filter(word => word.len...

0 点赞评论收藏

2021-09-11 15:22

已编辑

武汉科技大学前端工程师

js赋值计算

赋值计算   ||： 首先在对于 a || b，大家都知道判断标准是只有当 a 为 false 且 b 为 false 时,整个语句为 假，否则为真。 因此，在 c = a ||b 中，只有当 a 为 false 时才会考虑 b 的值，即：当 a 不为 false 时，等同于 c = a; 当 a 为 false 时，等同于 c = b;     &&: 对于 a && b. 判断标准为只有当 a 为 true 且 b 为 true 时，整个语句为真，其他的情况下整个语句为假。 因此，在 c = a && b 中，只有当 a 为 true 时才会...

0 点赞评论收藏

2021-09-11 15:22

武汉科技大学前端工程师

时间和邮箱的正则表达式，获取当前时间函数

正则表达式可以用于验证   验证 email： const regMail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/  验证时间格式：yyyy-mm-dd hh:mm:ss const regTime = /^(\d{4})(-)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/   获取当前时间： function p(s) {  return s < 10 ? '0' + s : s } function getTimeNow() {  let timeNow...

0 点赞评论收藏

2021-09-11 15:22

武汉科技大学前端工程师

js生成随机数函数，倒计时函数

生成xxxx-xxxx-xxxx-xxxx形式的随机数 function randomString(n) {  let chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz1234567890' let pwd = '' for (let i = 0; i < n; i++) {  i != 0 && i % 4 == 0 ? (pwd += '-') : '' //每四个加一个减号 pwd += chars.charAt(Math.floor(Math.random() * chars.length)) } return ...

0 点赞评论收藏

2021-09-11 15:21

已编辑

武汉科技大学前端工程师

react控制 input 框回车之后内容清空

state: IState = {  items: [], data: '', //data是输入框的当前内容 } updateState = (e) => {  this.setState({  data: e.target.value }) } //即时更新，不加这个就不会更新输入框内容 getInput = (e) => {  if (e.key == 'Enter') {  //输入回车后的一些操作 this.state.data = '' this.setState({  items: this.state.items, data: this.state.data }) ...

0 点赞评论收藏

2021-09-11 15:21

武汉科技大学前端工程师

React路由使用

NavLink 的使用： <NavLink to="/" className="nav-item" exact activeClassName="nav-active"> Main </NavLink>  路由使用 render() {  return ( <BrowserRouter> <Nav /> { /* <div className="container">hello,Dust.--App-index</div> */} <Sw...

0 点赞评论收藏

2021-09-11 15:21

已编辑

武汉科技大学前端工程师

CSS Modules

css-loader 提供了一种叫做 CSS Modules 的方案，可以帮我们自动生成唯一的类名，不会和其他模块的命名出现冲突 要使用 CSS Modules 有几个步骤，首先需要在 webpack 的配置文件中打开相关的配置  {  test: /\.less$/, include: path.resolve('./src'), use: [ MiniCssExtractPlugin.loader, {  loader: 'css-loader', options: {  modules: {  localIdentName: '[local]-[hash:5]' } } }, 'less...

0 点赞评论收藏

2021-09-11 15:20

武汉科技大学前端工程师

React router 的 Route 中 component 和 render 属性理解

React router 的 Route 中 component 和 render 属性理解  Route 标签的三个互斥属性 render、component、children Route 就是用来匹配路由的，并且对匹配到的路由就显示，所以会有可能两个以上的路由会匹配到，所以需要 Switch 标签包围，Switch 可以帮助只渲染匹配到的第一个路由。 一般情况下，Route 推荐使用 children 元素方式配置路由，但是除此之外还有另外三种配置方法。   compnent (属性或者方法)： render(方法) children（方法）：children 是只要配置了该属性，其里面返...

0 点赞评论收藏

2021-09-11 15:20

武汉科技大学前端工程师

新建一个create-react-app脚手架的项目

新建一个文件夹,按住shift并右键,在此处powershell npx create-react-app xxx --template typescript其中xxx是文件夹名称 等待,文件夹中出现名称为xxx的文件夹,用vscode打开xxx 在powershell里npm i 在powershell里yarn start 打开后会是这个样子 配置代理:在 package.json 中添加一个属性  "proxy": "http://localhost:4000"  附:package.json 观察这个文件,看着代码就能感受到它是脚手架了 {  &...

0 点赞评论收藏

2021-09-11 15:20

武汉科技大学前端工程师

要在 create-react-app 脚手架里使用 less 的方法

要在 create-react-app 脚手架里使用 less 的方法:  在 powershell 里暴露脚手架配置  yarn eject   在暴露的 config 文件里面打开 webpack.config.js 文件,然后设置 less   66 行 插入 less 更改:  const lessRegex = /\.less$/ const lessModuleRegex = /\.module\.less$/   500 行，插入：  {  test: lessRegex, exclude: lessModuleRegex, use: getStyleLoaders({  imp...

0 点赞评论收藏

2021-09-11 15:19

武汉科技大学前端工程师

hook情况下,解决内联没有:hover的方案

大致思路: 定义一个变量,名为hover,通过该变量来判断该块是否处于被hover的状态 onMouseOver:鼠标移上来时 onMouseLeave:鼠标移走时 (就像一个Switch开关,实际上只能代替hover的作用,毕竟内联没有伪类) 解释:store.color是mobx定义的全局变量,在头部有引用,在此将它视为一个颜色就好 const [hoverput, setHoverput] = React.useState(false) function getcolor(hover: boolean) {  return hover ? store.color : '' } retur...

0 点赞评论收藏

2021-09-11 15:19

已编辑

武汉科技大学前端工程师

moment的使用

引入  import moment from 'moment'   引入如果报错,就powershell里输入  yarn add moment  或者 npm i moment   使用格式:  <span>{ moment(+new Date()).format('YYYY-MM-DD HH:mm:ss')}</span>   验证:(本段代码基于之前文章创建的react-app脚手架项目)   链接: https://blog.csdn.net/qq_36286039/article/details/119442133?spm=1001.2014.3001.550...

0 点赞评论收藏

创作者周榜

关注他的用户也关注了：