240 发简信
IP属地:四川
  • Validator校验器(解决多个异步检验)

    Validator校验器 一、背景 定义一个Validator校验器,可用于表单验证,但又与表单组件相互独立,参数提供“需要校验的数据”和“校验规则”,返回“校验结果”。(R...

  • 120
    React之“函数组件” or “class组件”

    一、class组件 基本写法: 关键词:extends React.Component、constructor(props)、super(props)、render() { ...

  • React Hooks之useState/useReducer(手写useState)

    手写useState: 总结: 每个函数组件对应一个React节点 每个节点保存着state和index useState会读取state[index] index由useS...

  • 120
    Vue之transition

    Vue的transition实现动画效果 Vue 提供了 transition 的封装组件,可以给任何元素和组件添加进入/离开过渡;在进入/离开的过渡中,会有 6 个 cla...

  • CSS Grid

    总结归纳一下grid布局的一些属性。 容器continer属性: 项目item属性 自己写过的grid轮子源码[https://github.com/fanlelee/gul...

  • vue中的$attrs对比props

    首先需要弄清楚的是: 在vue中父类在使用子类组件时,默认将绑定事件传给了子类组件的根元素。例:有这样一个组件: 使用该组件: 以上例子中,click、focus事件的作用范...

  • 路由 Vue Router

    什么是路由 路由:通过互联的网络把信息从源地址传输到目的地的活动。(分发请求) route作成硬件的话,就叫做路由器。router 相关概念: 分发请求 通过一个路由表来分...

  • 静态服务器搭建

    目的 手写简易版搭建一个既能提供静态文件,又能处理动态路由mock数据的服务器。 前提 会用到nodejs的几个内置模块: 一. 入口,server.js: 本地启动:nod...

  • 120
    理解Event Loop、宏任务、微任务

    官方文档:The Node.js Event Loop, Timers, and process.nextTick()[%5Bhttps://nodejs.org/en/do...

  • 120
    轮子之vue-uploader 图片上传

    图片上传思路 选择图片: 监听input变化,(选好图片后点击确定按钮就会触发):input.addEventListener('change',...) 通过FormDat...

  • 120
    轮子之vue-sticky

    sticky,顾名思义,就是在页面内容滚动时,它将作为一部分内容一起滚动,当滚动到一定位置,悬浮于文档流不再滚动,而滚动回来,又会作为文档流的一部分一起滚动。需求很好满足,难...

  • 垂直居中

    总结归纳了几种垂直居中的方法,方便自己查阅。 1. padding padding使用margin原理相同,这种写法只适用于父容器没有写死height的情况。 2. tabl...

  • 120
    有关viewport的一二三

    一、背景 通俗来讲,css中的1px对应电脑屏幕的1个物理像素,那么css中的像素就是屏幕的物理像素吗?这只是一个错觉,而实际上css中的px可以理解为一个抽象单位,在不同设...

  • 记录一次自动化测试

    单元测试 单元测试就是判断一个输入和输出是否一致以Vue为例,通常props里面的属性都要做测试用例,还有事件也要做测试用例使用一个库 ‘chai’,来进行单元测试 BDD ...

  • Promise、await、async(含手写Promise/Promise.all)

    Promise概念 Promise是异步编程的一种解决方案,将异步操作以同步的流程表达出来,避免了层层嵌套的回调函数。 状态 三种状态:pending(等待)、fulfill...

  • git常用操作

    git工作流程 本地git与github建立连接 在本地创建ssh key来创建连接,$ssh-keygen -t rsa -b 4096 -C "邮箱" 生成公钥、私玥,在...

  • 用几个demo帮助理解JS作用域链和声明前置

    声明前置 变量的声明前置:指在变量被定义时,会在代码执行之前将变量放在最前面进行初始化。 函数的声明前置:会将函数声明放在代码执行之前先去生成该函数,所以函数声明受到函数提升...

  • 120
    页面调试

    关于移动端的一些调试方法 方法一在页面选择手机模式,选择相应机型,进行调试image.png 方法二http-server:启动http-server,PC端、移动端连接同一...

  • 怎么理解JQuery中的动画队列

    队列 队列是一种具有 ‘先进先出’特性的线性表,即在前端删除(出),在尾端添加(入)。 在数组中常用到push给数组尾端添加元素,shift在数组前端删除元素,可以将此看做是...