前端基础
13篇文章 · 0订阅
  • V8引擎：一张原理图搞定JS运行9大概念
    本文试图通过一张原理图串联一系列JS执行中的概念，这些概念包括“变量提升、执行上下文、调用栈、作用域、作用域链、块状作用域、词法作用域、闭包”等等。
    前端 JavaScript 面试
    V8引擎：一张原理图搞定JS运行9大概念
  • 移动端适配方案详解
    对于各种不同形状，不同设备像素比移动设备，其浏览器的视口（窗口中显示网页信息的区域）不一定与渲染页面大小相同。移动设备的视口的默认值为 980px，一般情况下都要比这些设备的屏幕尺寸要大。
    前端
    移动端适配方案详解
  • 浏览器的 5 种 Observer，你用过几种？
    网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、input 等，这些都是由用户
    前端 JavaScript 浏览器
    浏览器的 5 种 Observer，你用过几种？
  • 林三心花了3小时实现了这30个JS原生方法，我看看谁比我短！！！
    前言 大家好，我是林三心，大家也知道，本菜鸟平时写基础文章比较多，我始终坚信两句话 用最通俗易懂的话，讲最难的知识点 基础是进阶的前提 实际开发中，或许咱们会使用很多JavaScript自带的方法，而
    前端 JavaScript
    林三心花了3小时实现了这30个JS原生方法，我看看谁比我短！！！
  • 你真的了解package.json吗？来看看吧，这可能是最全的package解析
    1. 概述 从我们接触前端开始，每个项目的根目录下一般都会有一个package.json文件，这个文件定义了当前项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等）。 当运行npm i
    前端 JavaScript
    你真的了解package.json吗？来看看吧，这可能是最全的package解析
  • 「JavaScript进阶」一文吃透内存机制
    内存管理的不好，会导致程序卡顿等性能体验问题。本文从内存的数据结构、内存空间管理、内存回收算法、内存泄露场景对内存机制进行一个全方面的介绍。
    JavaScript 面试
  • 打造自适应网站只用一个CSS属性就够了
    用一个CSS属性创建一个响应式网站，让我们来看看它是如何做到的。🤔 以这个模板为例，没有应用css属性。🖥 使用 clamp() CSS函数，我们可以创建仅具有一个属性的响应式网站。 clamp() 的工作原理是“夹紧”或限制一个灵活的值，使其处于最小和最大范围之间。 在此…
    CSS
  • 不用找UI， CSS也能搞定图片效果
    一. 实现图片的等比缩放 object-fit属性你了解多少呢？下面听我详细介绍下。 根据MDN（object-fill）的介绍， 「object-fit」 CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。 也就是说盒子固定宽高， 图片在这个盒子里面会…
    CSS
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 移动端适配的最佳实践
    移动端适配我们需要做哪些事情?一个最佳实践除了设置viewport和rem基准值，随着iPhone手机的不断升级，我们不得不正视以下2个问题：安全区域适配识别刘海屏关于viewpoint-fit在切入
    React.js