随笔分类 - 前端
摘要：本文的最新内容，更新于 2024-02-01，会在GitHub上同步更新，欢迎 star。大家完全不用担心这篇文章会过时，因为随着前端领域的技术更新，本文也会随之更新。 前言 前端侧重于人机交互和用户体验，后端侧重于业务逻辑和大规模数据处理。理论上，面向用户的产品里，所有问题（包括产品、设计、后端、
阅读全文
摘要：有些同学在 Git 仓库对文件/文件夹进行命名时，刚开始是小写，后来为了保持团队一致，又改成了大写，然而 Git 不会发现大小写的变化，此时就出了问题：导致仓库里出现了 大小写 同时存在的两个文件。但在 Windows、Mac 的电脑磁盘里，肉眼却能只看到一个文件，实在奇葩。 问题复现路径 （1）新
阅读全文
摘要：本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的 upload 组件。 我在上一篇文章《前端AntD框架的upload组件上传图片时遇到的一些坑》中讲到：AntD 的 upload 组件有很多坑，引起了很多人的关注。折腾过的人，自然明白其中的苦楚。 今天这篇文章，我们
阅读全文
摘要：异步调用 异步 JavaScript的执行环境是 单线程 。 所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程。 异步模式可以一起执行 多个任务 。 常见的异步模式有
阅读全文
摘要：本文的最新内容将在 "GitHub" 上实时更新。欢迎在GitHub上关注我，一起入门和进阶前端。 前言 老板的手机收到一个红包，为什么红包没居中？ 如何让一个子元素在父容器里 水平垂直居中 ？这个问题必考，在实战开发中，也应用得非常多。 你也许能顺手写出好几种实现方法。但大部分人的写法不够规范，经
阅读全文
摘要：本文的最新内容将在 "GitHub" 上实时更新。欢迎在GitHub上关注我，一起入门和进阶前端。 前言 我周围的码农当中，有很多是技术大神，却常常被字体这种简单的东西所困扰。 这篇文章，我们来讲一讲关于字体的常识。这些常识所涉及到的问题，有很强的可操作性，都是在实际业务中真实遇到的，都是需要开发同
阅读全文
摘要：前言 文章标题：《第一次使用 VS Code 时你应该知道的一切配置》。本文的最新内容，更新于 2021-10-09。大家完全不用担心这篇文章会过时，因为随着 VS Code 的版本更新和插件更新，本文也会随之更新。 本文的最新内容，也会在GitHub上同步更新，欢迎 star。 VS Code 软
阅读全文
摘要：本文最初发表于 "博客园" ，并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我，一起入门和进阶前端。 前言 本文列出了很多与前端有关的常见网站、博客、工具等，整体来看比较权威。有些东西已经过时了，我就不列出来了。 学是一方面，也是最主要的方面；但还有一个作用，比如，“
阅读全文
摘要：前言 本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的 upload 组件。 前端做文件上传这个功能，是很有技术难度的。既然框架给我们提供好了，那就直接用呗。结果用的时候，发现 upload 组件的很多bug。下面来列举几个。 备注：本文写于2019-03-02，使用
阅读全文
摘要：我们都知道，移动Web端（M站环境下），很多时候，前端是无法判断用户的登录状态的，因为出于安全性考虑，与账号相关的cookie字段一般都是 http only的。 如果前端想判断用户的登录状态，需要主动去调后台接口，根据后台接口返回的状态码来判断。 那么，我如果想实现下面这样一个场景，该怎么做呢？
阅读全文
摘要：本文最初发表于 "博客园" ，并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 前言 什么是组件 组件 ： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以
阅读全文
摘要：新手入门前端，需要学习的基础内容有很多。
阅读全文
摘要：## 前言 看到这个标题的童鞋，可能会产生两种想法： - 想法一：这篇文章是标题党 - 想法二：Android开发越来越不景气了吗？前端越来越火了吗？ 我一向不喜欢标题党，标题中的内容是我的亲身经历。我是2016年6月份毕业，第一份工作是做Android开发。2018年1月初，我辞掉了工作，从零开始
阅读全文
摘要：本文最初发表于 "博客园" ，并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 Vue初体验 新建一个空的项目，引入vue.js文件。写如下代码： 显示效果： 如果我们在控制台输入 ，页面会 自动更新 name的值。 下面来讲一下V
阅读全文
摘要：变量提升 先说三句总结性的话： let 的「创建」过程被提升了，但是初始化没有提升。 var 的「创建」和「初始化」都被提升了。 function 的「创建」「初始化」和「赋值」都被提升了。 所以，我们要注意，这三种变量提升，含义是不同的。 变量提升的规律 在进入一个执行上下文后，先把 var 和
阅读全文
摘要：执行上下文 执行上下文主要有两种情况： 全局代码： 一段``标签里，有一个全局的执行上下文。所做的事情是：变量定义、函数声明 函数代码：每个函数里有一个上下文。所做的事情是：变量定义、函数声明、this、arguments PS：注意“函数声明”和“函数表达式”的区别。 全局执行上下文 在执行全局代
阅读全文
摘要：本文最初发表于 "博客园" ，并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 前言 提升页面性能优化的常见方式： 1、资源压缩合并，减少http请求 2、 非核心代码异步加载 异步加载的方式 异步加载的区别 3、利用浏览器缓存 缓
阅读全文
摘要：本文最初发表于 "博客园" ，并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 前言 前端通信类的问题，主要包括以下内容： 1、什么是 同源策略 及限制 同源策略是一个概念，就一句话。有什么限制，就三句话。能说出来即可。 2、 前后
阅读全文
摘要：本文最初发表于 "博客园" ，并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 题目：谈一谈你对CSS盒模型的认识 专业的面试，一定会问 CSS 盒模型。对于这个题目，我们要回答一下几个方面： （1）基本概念：content、pad
阅读全文
摘要：本文最初发表于 "博客园" ，并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 前言 ECMAScript 是 JS 的语言标准。而 ES6 是新的 JS 语法标准。 PS：严格来说，ECMAScript 还包括其他很多语言的语言标
阅读全文