sass转css

如何在Vue3项目中集成ESLint+Prettier+Stylelint+Husky?

随着前端工程化的发展,前端代码规范也显得越来越重要,所以作为一个前端对于这方面还是需要有一定的了解的。本篇文章将带大家使用ESLint+Prettier+Stylelint+Husky从零搭建一个Vite+Vue3项目。ESlintESLint是在ECMAScript/JavaScript代码...

基于uniapp开发的前端低代码平台附源码

基于uniapp框架和uview组件库的低代码开发平台，项目提供可视化拖拽编辑器，采用MIT开源协议，适用于app、小程序等项目开发。安装部署创建vue-cliuniapp项目这里可以通过vue-cli创建，具体方式如下：npminstall-g@vue/clivuecreate-p...

scss是什么?安装使用的步骤是?有哪几大特性?

SCSS（SassyCSS）是CSS的一种超集，它引入了许多增强的特性和功能，使得编写和维护CSS样式更加方便和灵活。SCSS使用类似于CSS的语法，同时还支持嵌套规则、变量、Mixin、继承等高级特性。安装和使用SCSS的步骤如下：1：安装SCSS编译器：需要安装SCSS编译器，常用的编译器有S...

基于vue+vant搭建H5通用架子（vue搭建h5项目）

项目初衷开发一个H5的通用架子，让前端同学开箱即用，迅速投入战斗。扫码预览：项目源码在文章结尾处，记得查收哦~主要功能常用目录别名Vant/Rem适配scss支持、_mixin.scss、_variables.scss页面切换动画+keepAlive页面标题自动注册：自动注册路由表/自动注册Vuex...

手把手详细教你优化CSS提高网站加载速度的21种方法汇总【实践】

作者：TamHanna转发链接：https://www.creativebloq.com/how-to/21-ways-to-optimise-your-css-and-speed-up-your-siteCSS必须通过一个相对复杂的管道，就像HTML和JavaScript一样，浏览器必...

你需要知道的 15 个很棒的 CSS 动画库

从一种CSS样式配置到另一种的过渡可以使用CSS动画进行动画处理。描述CSS动画的样式和指示动画样式的开始和结束状态的一组关键帧，以及可能的中间路点，构成了动画。与传统的脚本驱动动画技术相比，CSS动画提供了三大优势：它们很容易用于简单的动画；你甚至不需要知道JavaScript来...

大前端，这可能是最走心的Vue3组件库——Naive UI

介绍NaiveUI是一个基于Typescript开发的针对Vue3开发的UI组件库，由TuSimple（图森未来）公司开发并开源，下面是组件文档针对NaiveUI的一句话描述：一个Vue3组件库比较完整，主题可调，使用TypeScript，不算太慢有点意思！NaiveUI的一些特点...

webpack的几个常见loader源码浅析，动手实现一个md2html-loader

前言本文会带你简单的认识一下webpack的loader，动手实现一个利用md转成抽象语法树，再转成html字符串的loader。顺便简单的了解一下几个style-loader，vue-loader，babel-loader的源码以及工作流程。loader简介webpack允许我们使用loader来...

用Gulpjs构建原生的H5项目（h5调用原生方法）

Gulpjs官网Gulpjs提供了一种类似流水线的工作模式，结合内置、第三方插件或者自定义的字符串处理功能，能够高效处理各类文件的转换、注入工作。以下对前端的几个常用要素进行介绍。Html//htmlvarinjectPartials=require('gulp-inject-partia...

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

前言前面两篇文章总结了Vue开发的大部分技巧和内容，最后一篇文章来对它进行一个收尾这篇文章我们来谈谈一些Vue理解和实践要求高一点的问题首先是生命周期这一块内容，随着实践越多它的意义越大，理解也越深刻mixin功能强大，对代码复用组织都有很高的要求，算是Vue后期发力的高级技巧服务端渲...