前端
28篇文章 · 0订阅
  • 前端响应式布局基础——rem
    rem是根元素字体的单位，比如 html{font-size:16px;} ，1rem相当于16px。 不仅仅可以给字体用，其他px单位的都可以用，比如设padding:2rem ，相当于32px。 1 . 内容区块可伸缩：内容区块的在一定程度上能够自动调整，以确保填满整个页面…
    Google 前端 PostCSS
  • JavaScript 中常见设计模式整理
    开发中，我们或多或少地接触了设计模式，但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点，从而对它们有比较清晰的认知。 看完了上述设计模式后，把它们的关键词特点罗列出来，以后提到某种设计模式，进而联想相应的关键词和例子，从而心中有数。
    JavaScript 前端 设计模式
  • JavaScript 工作原理之七－Web Workers 分类及 5 个使用场景
    本系列持续更新中，Github 地址请查阅这里。 这是 JavaScript 工作原理的第七章。 现在，我们将会剖析 Web Workers：我们将会综合比较不同类型的 workers，如何组合运用他们的构建模块来进行开发以及不同场景下各自的优缺点。最后，我们将会介绍 5 个 …
    JavaScript 前端 Canvas
  • 面试常见问题之实现bind函数
    当绑定函数被调用时，该参数会作为原函数运行时的 this 指向。当使用 new 操作符调用绑定函数时，该参数无效。 arg1, arg2, ... 当绑定函数被调用时，这些参数将置于实参之前传递给被绑定的方法。 1、一个继承自 Foo.prototype 的新对象被创建。 2、…
    面试 前端 koa
  • line-height与vertical-align：简单的属性不简单
    如上图所示，结果应该很明确了：影响div元素高度的是line-height属性，影响span元素高度的是font-size属性，更准确的说法应该是line-height决定块状元素的内容区域高度，而font-size影响行内元素的文本区域高度，这里请记住内容区域与文本区域不是同…
    CSS 前端
  • ESLint里的规则教会我，无规矩 不编程
    编程风格这个东西，说实在的对于刚加入团队的新成员来说还是很难让人完全适应的。因为每人的编程风格都不同，完全是各有千秋的既视感啊 放眼望去，在前端，但凡有个项目，无论大小，都会看到它的身影。并非为了提高比格，让别人暗赞专业，而是它确确实实帮我们检测出不易察觉的错误，避免N多个线上…
    ESLint 前端 JavaScript
    ESLint里的规则教会我，无规矩 不编程
  • CSS设置居中的方案总结-超全
    CSS设置居中的方案总结，主要是垂直居中的梳理。最后改于2021年2月4日，根据目前常用的方案进行了调整。
    CSS
  • [译] 可用但最不常见的 HTML5 标签
    <!DOCTYPE html> HMLT5 于 2014 年 10 月由万维网联盟（W3C）发布，旨在通过改进 HTML 语言来支持最新的多媒体设备，在保证计算机与设备（如 Web 浏览器，解析器等）可解析的前提下增强对人类的可读性。 我可以确定你们都已经在使用 HTML5 做…
    前端 稀土 掘金翻译计划
  • 使用Immutable js的一点体会
    项目中一直在使用Immutable js，最开始使用Immutable js，我的内心是抗拒的，简单的对象操作整得那么复杂，有必要吗。随着后面开发对数据操作非常频繁的项目后，渐渐发现了Immutable的闪光点； 可以看到，多层次的对象转为Immutable的Map对象时，只有…
    React.js JavaScript 前端
  • 前端基础面试题@JS篇
    ajax是一种和后台通信的标准。全称是Asynchronous Javascript And XML(异步javascript和XML)。 这些需要刻意背一下，其中1和{}是语法错误。null和undefined是因为没有toString方法,可以使用call来借用(想详细了解…
    前端 浏览器 Ajax
    前端基础面试题@JS篇