js
11篇文章 · 0订阅
  • 『前端工程』—— 如何搭建一个UI组件库
    年前入职新公司，公司要求搭建一个UI组件库，本专栏详细记录搭建思路和步骤，最后有项目github地址。 安装完成后，输入命令vue --version，查看Vue CLI的版本号是否是3.0以上，是则表明安装成功。 1、在文件夹地址中输入cmd，打开命令行工具。 2、在命令行工…
    Vue.js 前端框架
  • 了解Event Loop这篇挺足的
    在开始Event Loop之前，我们先来介绍下JS线程方面。 JS是一门单线程语言，在最新的 HTML5 中提出了Web-Worker，但JS是单线程这一核心仍未改变。所以一切Javascript版的"多线程"都是用单线程模拟出来的，一切JS多线程都是纸老虎！ 也就是说只有一个…
    JavaScript
    了解Event Loop这篇挺足的
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 教你使用CSS3实现新拟态UI
    新拟态的英文名称是“Neumorphism”，是New+Skeuomorphism的组合词，同时也叫“Soft UI”。简单讲，新拟态是一种图形样式，其原理是通过模拟真实物体来为界面的UI元素赋予真实感。 在今年上半年，新拟态的UI设计风靡一时，它被誉为2020年最火的UI设计…
    CSS
    教你使用CSS3实现新拟态UI
  • 5858快到家 React+hooks+redux项目实战
    ​ 秋招正当时，没有一个拿得出手的React实战项目怎么能行？笔者最近恰好读到了神三元大佬在掘金的React Hooks 与 Immutable 数据流实战，研究了一下大神的项目 顿时灵感来了，便使用React简单仿造了一下58到家的APP。 要开发一个项目应用时，我们应该先理…
    React.js
  • 夏日花火，谈谈移动端背景视频实现
    八月，依然需要空调续命，这个季节二次元大概率在放烟火，给我映像最深的应该是《声之形》中硝子坠落时的烟火片段，绚丽而安静。 而且由于 gif 格式只支持 256 色，mp4 转 gif 画面的分辨率虽然不变但画质有很大损失，上图能看到明显的像素块效果。 所以日常视频转 gif 时…
    Canvas
    夏日花火，谈谈移动端背景视频实现
  • React hooks 简明教程
    useEffect 就是一个 Effect Hook，给函数组件增加了操作副作用的能力。它跟 class 组件中的 componentDidMount、componentDidUpdate 和 componentWillUnmount 具有相同的用途，只不过被合并成了一个 AP…
    React.js
  • 我未曾见过的 JS 特性
    有一天我正在阅读 MDN 文档，发现了一些我之前压根没有意识到在 JS 中存在的特性和 API。这里我罗列了一些，不管它们是否有用，JS 的学习永无止境。 有多少人知道在 JS 里你可以给 for 循环和语句块命名？反正我不知道…… 命名完新名称之后你可以在 for 循环中的 …
    掘金翻译计划 JavaScript 前端
  • vue表单验证你真的会了吗？组件之表单验证（form）validate
    童鞋们现在可能感觉还是没懂，没关系继续往下看。 为什么要用广播和派发呢。通常我们和业务没有关系的组件尽量不要使用vuex和bus(事件总线)。 下面我送上广播和派发的代码。我们在需要调用组件绑上this.$on('event',res=>())，通过派发和广播进行调用$emit…
    Vue.js
    vue表单验证你真的会了吗？组件之表单验证（form）validate
  • 30秒学会酷炫的CSS代码
    A curated collection of useful CSS snippets you can understand in 30 seconds or less.
    CSS