前端综合
31篇文章 · 0订阅
  • 🚀这13个前端库，帮我在工作中赢得了不少摸鱼时间🚀
    前言 平时开发的过程中，常常会使用到一些第三方库来提高开发效率，我总结了自己工作这么久以来经常用到的 13 个库，希望对大家有帮助～ antd 全称应该是Ant Design，这是一个 React 的
    前端 JavaScript React.js
    🚀这13个前端库，帮我在工作中赢得了不少摸鱼时间🚀
  • CSS弹性布局：Flex布局及属性完全指南，点击解锁新技能！
    Flex 布局是一种新型的 CSS 布局模式，它主要用于弹性盒子布局。相比于传统的布局方式，它更加灵活，易于调整，也更加适应不同的设备和屏幕尺寸。 下面我们就来详细解析 Flex 布局及其属性，帮助大
    CSS 前端
  • 实现一个可无限折叠的table
    1. 明确需求 在代码里很东西其实都是伪装出来的，例如我们要实现的这个可无限折叠的table。但在用户操作的时候看来就是那么回事咯 ~ ~ 2. 树形结构数据准备 这里已经准备好了树形结构的数据，存放于data.js的文件中，节点通过Children连接。如标题所说，可无限折叠…
    Vue.js JavaScript Icon
  • 自适应布局方案
    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
  • 如何设计低代码平台快速构建页面 | (200+页面)
    整个可视化搭建系统分为三部分，分别是配置页(setting),视图页(view) 和 json schema。配置页生成 json schema，视图页消费 json schema 可创建的页面类型有：列表、详情、表单。详情和表单页的设计思路差别不大，列表页与另外两种页面差别比…
    Vue.js
    如何设计低代码平台快速构建页面 | (200+页面)
  • quicklink 为你的页面实现秒开
    可以在空闲时间预获取页面可视区域（以下简称视区）内的链接，加快后续加载速度。 预获取视区内的 URL（使用<link rel=prefetch>或 XHR）。 可根据请求优先级进行控制（若支持 fetch() 可进行切换）。 该项目旨在为网站提供一套解决方案，预获取处于用户视区…
    JavaScript
    quicklink 为你的页面实现秒开
  • 地表最强面试图谱
    金九银十的秋招季近在眼前，想必大家也都心痒难耐，准备挑战更好的工作机会。那么，面试肯定是最大的挑战。 对于面试来说，平时的积累肯定是必须的，但是在面试前的准备也是至关重要的。 在几月前我个人组建了一个小团队，花了将近半年的时间寻找大厂的面试题，筛选出了近百个知识点然后成文，并全…
    • yck
    • 7年前
    • 23k
    • 60
    JavaScript 面试 前端
  • 论低于 12px 字体处理方案
    浏览器可渲染的最小字号为 12px，但设计图上经常出现小于该值的字体。对于 11px 我往往就按 12px 处理了，可 9px 这样的超小字号处理成 12px 绝对太不地道啊。大家可能都知道通过 transform: scale(n) 能达到缩小字体的效果，但你没有发现并非十分…
    前端 CSS
  • [译] Webpack 4 的故事以及如何用正确的方式去最终配置它【更新版】
    特别提醒：没有正确的方式。#justwebpackthings 网上有上百万的教程，所以你可能已经看到了上千种配置 Webpack 文件的方式，而且他们都是可运行的例子。为什么会这样？Webpack 本身发展的非常快，很多加载器和插件都必须跟上。这是这些配置文件如此不同的一个主…
    Webpack