封装成mixin复用 在写css的时候, 很多样式都是很常用但是写起来很麻烦, 虽然现在有很多成熟的ui框架, 但是我们也不能一个简单的活动页也引入那么大个框架吧? 在工作中我也攒下了不少常用css, 我把他们封装成了mixin, 挑选了5 ...

前言 首先，当我们编写代码时，不通过模块化的思想想要引入一个js，通常是在html文件中创建一个script标签，引入我们需要的js，如果我们引入的是自己手写的js，很容易发生变量重名的冲突。 例如： // 变量同名冲突 // a.js v ...

Visual Studio Code (推荐) Visual Studio Code（以下简称vscode）是一个轻量且强大的代码编辑器，支持Windows，OS X和Linux。内置JavaScript、TypeScript和Node.j ...

css 预处理工具，可以将其对应的DSL(领域特定语言)编译为 css 基本介绍 sass/scss SASS 2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架 Sass的缩排语 ...

前言 最近时间上比较宽裕，终于可以把我的个人博客项目完成，该博客包含一个正式环境和一个测试环境，使用到了包含从前端到后端再到部署的各种细碎知识点，也算是巩固了自身所学知识点，该博客99%均为TypeScript代码编写而成，对想学习Type ...

我的博客地址 正式地址 测试地址 前端源码 后端源码 文章目录 项目及其技术栈介绍 前端: 项目初始化 前端: 使用Sass和Antd 前端: 开发体验优化 前端: 搭建路由和状态管理 前端: 支持Axios 前端: 打包与环境变量设置 前 ...

我的博客地址 正式地址 测试地址 前端源码 后端源码 文章目录 项目及其技术栈介绍 前端: 项目初始化 前端: 使用Sass和Antd 前端: 开发体验优化 前端: 搭建路由和状态管理 前端: 支持Axios 前端: 打包与环境变量设置 前 ...

一个纯CSS实现的球体动画效果： 经过研究上面的效果实现起来大致可以分为五个步骤，下面就来一一介绍。 1.使用Jade和SCSS生成一个圆圈 创建一个圆圈的第一步是生成所有组成圆圈的粒子。有了Jade，我们不用一个一个的写出200个div。 ...

抓住2019年的尾巴，迎接2020年的到来~ 给自己的2019年画上一个完美的句号。 引言 webpack 对于现在的前端开发的你来说，不算陌生，你或许没有真正去了解过它是如何使用的，但你的项目中确实使用过它，因为你项目的打包编译都跟他息息 ...

在之前工作的地方，我们一直使用webpck去构建。但是，经过长达四年的更新迭代，每个人都在同一个项目中做了不同的操作和更新，这导致我们生产构建时间达到了惊人的一分半，watch模式的rebuild也达到了14秒之久。 这导致你每次保存代码都 ...