前端
7篇文章 · 0订阅
  • 教你使用CSS3实现新拟态UI
    新拟态的英文名称是“Neumorphism”，是New+Skeuomorphism的组合词，同时也叫“Soft UI”。简单讲，新拟态是一种图形样式，其原理是通过模拟真实物体来为界面的UI元素赋予真实感。 在今年上半年，新拟态的UI设计风靡一时，它被誉为2020年最火的UI设计…
    CSS
    教你使用CSS3实现新拟态UI
  • 使用这些不太常用的 CSS 属性，让我在前端布局效率上，又提高了一个层次！
    有很多CSS属性，有些人不了解，或者他们了解它们，但是忘记在需要时使用它们。其实，有时候我们用 JavaScript 来实某些交互，CSS 一个属性就能搞定了，这可以大大节约我们编码的时间。 作为前端开发人员，我们经常会遇到这样的事情。所以我问自己，为什么不搞篇文章列出所有那些…
    CSS
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • VSCode 前端常用插件安装及设置详解
    整理这篇文章的契机呢，是因为最近给小伙伴安利了几款个人觉得好用的 VSCode 插件，结果有些插件他安装了不会配置。刚好趁最近有空，把自己常用的插件和配置整理出来分享一下。 官网下载安装，安装完成后使用快捷键ctrl + shift + x搜索插件。 1. 汉化 安装 Chin…
    Visual Studio Code
    VSCode 前端常用插件安装及设置详解
  • 基于Vue-Cli3的Vue移动端企业级工程架构
    基于Vue-Cli3的Vue移动端企业级工程架构演示工程目录基础项目创建创建项目选择默认模式补全Eslint依赖配置Eslint规则支持SASS/SCSS创建全局SCSS移动端自适应工程目录搭建加入路
    Vue.js
  • 关于移动端适配，你必须要知道的
    ... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…
    CSS JavaScript
    关于移动端适配，你必须要知道的
  • 编写高质量可维护的代码：优化逻辑判断
    if else、switch case 是日常开发中最常见的条件判断语句，这种看似简单的语句，当遇到复杂的业务场景时，如果处理不善，就会出现大量的逻辑嵌套，可读性差并且难以扩展。 下面我们会分别从 JavaScript 语法和 React JSX 语法两个方面来分享一些优化的技…
    JavaScript React.js
    编写高质量可维护的代码：优化逻辑判断