自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(88)
  • 资源 (7)
  • 问答 (1)
  • 收藏
  • 关注

原创 label标签

label标签的作用、属性及其用法

2023-06-07 09:35:00 3760

原创 前端安全(XSS、CSRF)

前端安全:XSS和CSRF介绍及避免方案

2023-05-29 16:48:39 4385

原创 前端常见跨域解决方案(jsonp,cors,proxy,postMessage,webSocket)

前端常见跨域解决方案:jsonp,cors,proxy,postMessage,webSocket详解及用法

2023-05-29 16:44:33 3077

原创 <a> 元素相关属性及方法

标签各个属性及方法介绍

2023-04-19 13:21:50 556

原创 扩充antd的Icon图标库

项目中有个菜单图标支持配置的功能,如下上面的图标都是antdIcon组件自带的,只需要给Icon传不同的type就可以显示出来不同的图标,但是我现在需要将自己的图标也放到这个里面,而且实现通过传个type就能显示的功能。通过查找资料我发现可以在node_modules里面直接改源码达到想要的效果。如下:

2022-11-17 14:15:32 2215

原创 ref的三种使用方式

ref的三种使用方式。

2022-11-14 16:30:07 2853

原创 react中父组件调用子组件的方法

react中,我们经常会想到,通过父元素直接调用子元素的方法,实现高内聚的效果。而这个用法的写法却是,五花八门。下面将对几种常用的方法,进行讲解。

2022-11-14 13:12:43 202

原创 展开(或收集)运算符(...)是深拷贝还是浅拷贝?

当操作对象为基本数据类型及简单对象结构的时候是深拷贝,当操作对象为复杂数据类型时是浅拷贝。

2022-11-10 12:31:07 1965

原创 云原生主题学习月|共同学习全球领先的亚马逊云科技云原生课程,组团共学拿奖励~

云原生主题学习月|共同学习全球领先的亚马逊云科技云原生课程,组团共学拿奖励~

2022-11-04 11:11:55 318

原创 antd 表单通过form.getFieldsValue获取不全tabs组件下表单数据的问题

解决获取tabs下表单不全问题

2022-10-24 11:05:40 2797 1

原创 less常用知识总结

less常用使用方法

2022-09-21 15:55:12 256

原创 设置antDesign的select组件只选中一个

通过在select外面包一层Form,然后通过ref指定form,并使用方法this.formRef.curren.resetFields(),重置表单,并更改控制上面标签显示的变量值即可(当然为什么要使用ref来实现呢,具体antd上面已经给说明了,class组件只能用ref,而函数组件则使用useForm),antd上class组件和函数组件使用说明及代码如下,......

2022-08-03 11:09:12 2825

原创 如何设置分享到微信朋友圈时链接的图片及标题

微信分享朋友圈链接图片及标题设置

2022-03-30 10:15:09 3680

原创 nuxt项目中设置分享链接的描述及图标

如何设置分享给好友的链接中的标题、描述及图片。

2022-03-24 10:04:35 946

原创 nuxt如何设置TDK

如何设置tdk,及tdk的全局及局部设置方式。

2022-03-22 13:47:03 1640

原创 如何给antd的formLIst添加带有默认值的表单

如何给antd的formLIst添加带有默认值的表单

2021-12-31 16:43:35 5999 8

原创 npm 安装依赖 但package.json文件未改变解决方案

问题:最近在安装依赖的时候package.json文件内容未改变,尝试了通过npm和cnpm都没有效果解决方案:在安装依赖的时候在最后面加上-S即可,例如:npm install jspdf -S或者cnpm install jspdf -S

2021-12-22 14:52:56 1760 1

原创 实现一个复制input框中文本内容的功能

一、场景有时候,有些项目需要在表单中显示一些数据,但是这些数据是禁止编辑的,但是我们可能还需要在其他的地方去使用输入框中的数据,为了更好的提升用户体验感,此时一个复制该框中文本内容的功能就显得尤为重要。效果如下:二、如何去实现我们知道ref 的基本用法是获取DOM元素,因此我们可以通过ref来获取想要操作的DOM元素,...

2021-11-16 10:16:05 1589

原创 git更新远程分支列表到本地

需求的起因:当在远程创建了新的分支,或者删除了某个分支的时候,本地可能无法实时更新到最新的分支列表。导致的结果:此时就会发现找不到自己想要的分支,且如果对已删除的分支进行操作就会出问题。解决方案:以下命令就可以帮助大家获取到远程分支的最新列表:git remote update origin --prune或者输入简写模式:git remote update origin --p...

2021-11-10 15:26:05 4667

原创 antd中TextArea限制十个字符但是表单获取到11个字符的问题及解决方案

一、如何限制TextArea输入个数正常情况下我们限制TextArea的输入个数,只需要在标签里面输入maxLength={10}便可以限制只能输入10个字符了二、问题出现的场景因为结合了formItem使用,所以将TextArea放到了FormItem里面,但是由于ui要求需要实现如下布局:所以我再TextArea的外面包了一层div,然后问题就出来了,虽然TextArea里面还是限制输入10个字符,但是通过form.validateFields()拿到antd里的form表单后发现竟然拿到了11

2021-11-03 17:21:59 1519

原创 git撤销当前未提交的commit

直接在终端输入:git reset --soft HEAD^

2021-11-03 14:06:22 1168

原创 查看npm和yarn的当前源

一、查看npm的当前源npm config get registry效果如下:二、查看yarn的当前源yarnconfig get registry效果如下:三、切换npm源为淘宝源的方法npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/dist...

2021-10-13 15:13:44 4507

原创 yarn : 无法加载文件 C:\Program Files\nodejs\yarn.ps1,因为在此系统上禁止运行脚本。

一、报错如下:二、解决办法1)进入windowsPowershell,并以管理员的身份运行2)在窗口中输入:set-ExecutionPolicy RemoteSigned,然后输入Y,按Enter确认3)查看执行策略:get-ExecutionPolicy,效果如下:4)问题已经解决,此时关闭窗口即可...

2021-10-12 10:21:59 1470

原创 撤销git某分支的上次提交

一、通过git branch 查看分支或创建新的分支二、通过git checkout <分支名>切换到对应的分支三、通过git log显示出所有的提交记录四、复制你想要回退的提交记录的commit后面跟的一串字符,然后通过git reset --hard <加上刚刚复制的字符>回退到想要回退的版本五、通过git push origin HEAD --force将回退后的内容推送,此时的项目就和提交前一样了...

2021-08-18 15:27:45 1868

原创 windows: git-ssh配置

windows:git-ssh配置1、设置用户名称和登录邮箱输入如下两条命令:git config --global user.name '用户名称'git config --global user.email '登陆邮箱'2、生成密钥输入如下命令:ssh-keygen -t rsa -C '登录邮箱'输入后连续按回车就行,直到如下图所示,表示密钥生成成功:3、配置根据上图得到我们的id_rsa.pub文件的位置,通过记事本打开该文件,然后将该文件中的内容复制到git对应位置,如下

2021-08-09 15:33:30 1457

原创 解决:fatal: unable to access ‘https://github.com/Homebrew/brew/‘: Error in the HTTP2 framing layer

解决:fatal: unable to access ‘https://github.com/Homebrew/brew/’: Error in the HTTP2 framing layerfatal: unable to access 'https://github.com/homebrew/brew/':更新了新的系统,安装homebrew的时候老失败。解决方案:git config --global --unset http.proxy git config --global --uns

2021-04-21 16:42:47 13096

原创 vue中a标签下载本地文件-未找到【已解决】

vue中a标签下载本地文件-未找到【已解决】

2021-02-23 17:06:53 3673 4

原创 expo中引入Ant Design踩坑

Unable to resolve module @react-native-community/async-storage from D:\lianxi\myapp2\myapp2\node_modules\@bang88\react-native-ultimate-listview\src\refreshableScrollView.android.js: @react-native-community/async-storage

2021-02-23 09:06:55 1023

原创 git和github中的部分常用指令的具体用法

git作为一个众多程序员使用的版本控制工具,他的功能非常的强大,本文通过对git的一些常用指令进行讲解,并结合github,使大家更加清晰的明白每一个指令的作用,希望本文能够对学习git以及正在使用git的小伙伴有所帮助。不足的地方还望大家多多指正。

2021-01-29 10:10:53 499

原创 在react中通过react-redux实现store的映射

通过react-redux插件实现将store映射到根组件中,以及如何实现数据的传递。

2021-01-09 16:07:14 815

原创 react中处理样式的五种方式

本文介绍了react中样式的五种书写方式,希望可以帮助学习react的小伙伴更加美观的书写代码。

2021-01-06 13:18:51 760 1

原创 ajax详解

从认识ajax到熟知ajax的用法,以及明白如何通过promise对他进行封装,本文可能有点长,需要大家耐心阅读,毕竟学习不是一蹴而就的。

2021-01-05 13:26:41 3189

原创 js中的call、applay、bind

了解call、apply、bind三者的使用方式以及三者的异同。通过案例快速掌握他们的用法

2021-01-04 19:51:28 4255 1

原创 react的基本内容

了解如何使用react实现页面的渲染,明白通过类创建组件和class创建组件的区别,并通过实现受控的input框掌握ref的三种用法

2020-12-28 21:13:31 250

原创 vuex从入门到精通

学习vuex,掌握mapstate、mapgetters、mapmutations、mapaction的基本使用

2020-12-27 11:45:26 195

原创 在vue-router中的相关API

区分router和route

2020-12-08 08:55:04 896

原创 vue中路由的嵌套及懒加载

本文讲述了如何实现多级路由,以及如何通过component实现路由的懒加载。

2020-12-07 20:44:41 200

原创 路由的两种模式(hash和history)及重定向(redirect)

了解hash和history各自的优缺点,写出更好的路由

2020-12-07 19:34:31 3270

原创 关于vue中的父子传参

通过两个实例详细讲解了,父传子:通过自定义属性,子传父:通过自定义事件。以及子组件接收付父组件时,props的三种写法。

2020-12-07 16:16:18 420

原创 通过cnpm创建vue项目

通过淘宝路径创建vue项目完整步骤。

2020-12-04 20:40:10 1903 1

Learning Web Design

Learning Web Design

2021-11-10

Learning React

Learning React

2021-11-10

2021大厂前端面试手册(238)(9).pdf

2021大厂面试手册

2021-11-10

index.html

模拟时钟,通过对显示生活中的时钟进行分析,实现时分秒的正常运行,并通过获取当前时间,使其显示实时的时间。希望对于初学js以及学习定时器的同学有所帮助。

2020-11-17

index.html

这是一个通过使用css完成的一个立方体的构建,希望对于刚刚接触css的人有所帮助。要注意旋转时轴也会跟着旋转,所以要看是先旋转还是先位移,根据具体情况具体分析。 transform-style:preserve-3d; 让该元素里面的子元素以三维立体的形式呈现,transform-style一定要给立方体加,不要给立方体的面加。 transform:rotate(deg) 默认是绕垂直屏幕的Z轴进行旋转 transform:rotateZ(deg) 绕z轴进行旋转 transform:rotateX(deg) 绕x轴进行旋转 transform:rotateY(deg) 绕y轴进行旋转 deg表示旋转的度数,正值表示顺时针旋转,负值表示逆时针旋转。 transform: translate(x轴正向的位移, y轴正向的位移); 2D的位移 transform: translate3D(x轴正向的位移, y轴正向的位移, z轴正向的位移); 沿x轴、y轴、z轴方向的位移 transform: translateX(x轴正向的位移) 沿x轴方向的位移 transform: translateY(y轴正向的位移) 沿y轴方向的位移 transform: translateZ(z轴正向的位移) 沿z轴方向的位移

2020-06-21

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

TA关注的人

提示
确定要删除当前文章?
取消 删除