240 发简信
IP属地:澳门
  • intersectionObserver API 介绍及实践

    背景 为了配合项目的一个前端曝光埋点功能,涉及到列表滚动,动态上报曝光行的数据,进行了一个技术调研。在前端开发工作中,常常需要判断某个元素是否进入了“视口”,一般的做法是监听...

  • 120
    Nginx 科普

    概念 什么是Nginx? Nginx(发音同“engine X”)是异步框架的网页服务器,也可以用作反向代理、负载平衡器和HTTP缓存。该软件由伊戈尔·赛索耶夫[https:...

  • Eslint + Prettier + VScode 规范代码风格(针对react+typescript)

    近期有做 eslint 统一代码风格的事情,结合自己的沉淀和网上的解决方案,分享一套 针对 react + typescript的 eslint 配置方案,配置完成后可以检测...

  • vue源码之数据响应式原理

    vue 简介 渐进式框架:就是把框架分层。最核心的是视图层渲染,然后往外是组件机制,在这个基础上加入路由机制,再加入状态管理,以及最外层的构建工具。所谓分层:就是说既可以用最...

  • 120
    React 基础应用

    一、React 的历史和现状 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架...

  • web组件标准 web components

    组件的概念 组件,是数据和方法的一个封装,其定义了一个可重用的软件元素的功能,展示和使用,通常表现为一个或一组可重用的元素。 组件的特性可拓展性:既然组件是针对某一特定功能或...

  • 120
    nest.js从入门到放弃

    官方文档 https://docs.nestjs.com 一、概述Nest是一个用于构建高效,可扩展的Node.js服务器端应用程序的框架。它使用渐进式JavaScript...

  • es6 参数arguments用法

    ES5中模拟参数默认值的方式: 本例中,timeout和callback其实都是可选参数。参数未提供时会被替换成默认值。但是这个方式有缺陷,当timeout传进来是0时,会被...

  • webpack基本配置

    一、入门loader可以看作是翻译员,配置module.rules数组里的规则,告诉webpack遇到哪些文件使用哪些loader去加载和转换。如上的话就是告诉webpack...

  • 120
    position:fixed定位问题的解决

    本篇文章介绍了一个在开发中遇到的诡异的问题,排查问题过程颇为艰辛,不过最终结果还是值得的,因为巩固了一些基础知识和好的调试方法,它们是:fixed定位的特点样式优先级的判定如...

  • 120
    浏览器缓存和服务器缓存

    一、浏览器缓存 浏览器缓存即http缓存;浏览器缓存根据是否需要向服务器重新发起HTTP请求将缓存过程分为两个部分,分别是强制缓存和协商缓存。 浏览器第一次请求资源的时候服务...

  • CSS选择器优先性以及权重计算

    样式根据引入和声明需要分开介绍,一般来说分为引入样式优先级和声明样式优先级。 一、引入样式优先级 引入样式优先级一般是在外部样式、内部样式、内联样式之间应用同一个样式的情况是...