- 博客(10)
- 收藏
- 关注
原创 React + ts + eslint 项目配置路径别名
提交本地代码(避坑,npm run eject 时会报错)npm run eject => 暴露webpack.config.js(react脚手架默认将webpack配置隐藏起来,此操作不可逆)config文件夹下 webpack.config.js文件// 大致 327 行alias:{ // ... '@': path.resolve(__dirname, '../src' )}tsconfig.json文件{ "compilerOptions":{ ....
2021-06-16 14:56:43 1024
原创 搭建react + typescript + airbnb eslint 项目
步骤:使用 create-react-app 创建项目 + typescript安装eslint – airbnb修改 .eslintrc.json配置// 1.使用 create-react-app 创建项目 + typescript// (npx create-react-app my-app --typescript 已废弃 -- 中文文档更新不及时)// 参照英文文档 https://create-react-app.dev/docs/adding-typescriptnpx cr
2021-03-25 17:38:27 914
原创 ES6中的函数特性之函数参数默认值
前言在JavaScript函数的语法中,无论函数定义了多少参数,都可以传入任意数量的参数。 在ES5中,如果要处理初始值,要写一些逻辑从而导致代码冗余,在ES6出现了函数参数默认值。在ES5和ES6中处理默认参数ES5处理默认参数function animal(name,breed){ name = typeof(name) !== "undefined" ? name : "niko"; breed = typeof(breed) !== "undefined" ? breed : "ca
2021-02-23 17:19:56 271
原创 Vue + antd 实现修改密码 前端校验
今天写的一个新的需求就是给系统增加修改密码功能,前端也需要做一个校验。如下图:新密码不能与旧密码相同确认新密码要与上一次输入一致实现如下:首先用的是antd的formModal表单组件 <a-form-model :model="form" :rules="rules" ref="form" layout="horizontal" :label-col="{ span: 6 }" :wrapper-col="{ span: 14 }
2021-02-19 16:09:20 2124 3
原创 【前端面试】常见问题总结
1.知道React ref吗?它在类组件和函数组件里怎么使用React中的ref属性可以帮助我们获取子组件的实例或DOM对象。在类组件和函数组件中都可以使用。在类组件中,一种方式就是使用回调函数,把dom节点或组件实例当做参数传入进去另一种方式就是使用React.createRef()来创建ref,将其赋值给一个变量,通过ref挂载到dom节点或组件实例上,该ref的current属性就能拿到dom节点或组件的实例;在函数组件中使用ref,需要两个api,useRef和forwardRefuse
2020-08-27 20:00:27 249
原创 JavaScript中的异步
异步1.知道哪部分代码是异步的;2.必须要知道异步程序之中的数据或者赋值的变量在哪里可用;js:单线程语言上面一行代码不执行结束,下面一行代码不会执行;单线程多线程js中存在很大需要长时间等待才会执行的代码;异步:在js中需要消耗大量时间等待某些程序执行的时候,会让正常程序继续执行.耗时较长的程序等会执行.耗时较长的程序我们把它称之为异步程序;js设定的异步:...
2020-03-30 19:48:19 129
原创 Ajax的原理及封装
了解Ajax就是js这个语言和服务端交互的手段无刷新的页面请求处理区分表单提交Ajax即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着...
2020-03-30 19:46:52 250
原创 JavaScript中的预解析
引言让我们来看看两种函数声明方式在不同的位置调用会发生什么结果声明式函数声明<script> //规范写法 function foo(){ console.log("hello world"); } foo(); //hello world</script>如果我们将foo();提前,也可以运行。...
2020-03-01 22:13:57 215 5
原创 BFC实现自适应两栏布局
回想第一次听到BFC的时候,是在解释为什么高度塌陷可以用overflow:hidden;等方法来解决的时候,当时BFC对我来说还是一个陌生的概念。在解决高度塌陷的问题的时候,通过BFC的触发条件之一触发BFC后,在计算BFC的高度的时候,浮动元素就可以参与计算了。BFC(Block Formatting Contexts)即块级格式化上下文,首先得是块元素,其次具备触发条件之一的才可以是BF...
2020-02-23 16:24:32 1019 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人