JavaScript
文章平均质量分 50
landiyaaa
这个作者很懒,什么都没留下…
展开
-
使用 js 原生 API IntersectionObserver实现内容触底加载
使用IntersectionObserver,在react hook 框架下实现下拉列表的无限滚动加载。原创 2022-09-21 12:27:25 · 561 阅读 · 0 评论 -
antd 表单一个label下多个内容
1. 如何实现一个 label 旁并排多项内容比如这样,在 other 的 label 下,既有输入文本域,又有 toggle 开关。同时两者有序地并排在右侧,同一行。方法是再用一层Form.Item分别包裹右侧内容,并且设置noStyle属性示例代码: <Form.Item label="Date of Birth:"> <Form.Item name="birthDate" noStyle>原创 2021-05-06 16:02:00 · 1165 阅读 · 0 评论 -
react函数组件如何实现ref
// 父组件const PComp = props => { const myRef = useRef() // 初始化一个ref实例 const getChildVal = myRef.current.foo // 获取ref暴露的值 return ( <ChildComp ref={myRef} /> ) // 引用子组件}// 子组件import { useImperativeHand.原创 2020-05-14 20:34:33 · 1124 阅读 · 0 评论 -
在 Vue + Typescript 项目中使用 eslint 和 Prettier 的配置
先扔出基本配置,能跑通:.eslintrc.jsmodule.exports = { parser: 'vue-eslint-parser', /* 非必须,但只能是该值,详见下文。*/ extends: [ 'plugin:vue/recommended', /* 基本配置,必须 */ 'plugin:prettier/rec...原创 2020-04-09 16:31:28 · 5819 阅读 · 0 评论 -
不想在iview表单校验回调函数里写逻辑?试试Promisify吧
const valid = await promisify(myForm.validate, myForm)()if (!valid) { this.$Message.warning('Please Complete the Form!') return}/** * 方法回调promise化 */export const promisify = (f...原创 2019-10-12 15:18:55 · 225 阅读 · 0 评论 -
彻底理解原型链
相关概念:实例,构造函数,原型对象,prototype属性,__prototype__属性金科玉律:1. prototype是函数的属性,__proto__是对象的属性。所有函数都有prototype属性,所有对象都有__proto__属性。2. 某类的实例.__proto__=== 该类构造函数.prototype === 该类原型对象(举例:n.__pro...原创 2019-02-28 03:12:29 · 101 阅读 · 0 评论 -
彻底理解作用域链与闭包相关
闭包有权访问另一个函数作用域中的变量的函数。作用域链(关于执行环境是啥,个人理解一层函数就是一个执行环境)每层执行环境(又称环境)都有一个变量对象,存储着只属于该层环境的所有变量和函数。而函数的作用域链本质是一个指针列表,依次指向外面层层环境的变量对象。当一个函数被创建,会预先创建一个作用域链,存于函数的[[scope]]内部属性中。当函数被调用时,取[[scope]]...原创 2019-03-02 22:38:30 · 119 阅读 · 0 评论