蒲公英芽的博客

移动端适配方案中，可以使用vw作为页面中各元素的单位，以此来完成适配效果。下面我们来讲怎样在vue-cli 项目中使用 postcss-px-to-viewport插件。前言先来认识一下postcss，postcss是一个用 JavaScript 工具和插件转换 CSS 代码的工具。postcss的作用：兼容各个内核的浏览器，增强代码的可读性。autoprefixer 插件可以自动获取浏...

1. 前言handlebars的使用方法和art-template 模板引擎类似，同时支持 NodeJs和浏览器。使用模板引擎的好处就是便于对代码进行维护，同时，使用模板引擎操作DOM，效率也会更高一些。个人觉得还是art-template 比较好用一些，因为工作中使用了handlebars，查看它的官方文档时，使用方法介绍的也不详细，花时间整理了一些它的常用方法，希望会对你有帮助。如果想了解...

什么是BabelBabel 是一个 JavaScript 编译器，是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。用法在这里会介绍如何将用es2015+写的JavaScript代码转换为能在当前浏览器正常执行的代码。包括两方面：语法转换、功能补充（这里暂时叫这个名字，之后会详细...

简介art-template是一个简约、执行速度超快的模板引擎。它采用作用域声明的技术来优化模板渲染速度，从而获得接近 Javascript 极限的运行性能，并且同时支持 NodeJs和浏览器。使用art-template 便于代码的维护，以前我们渲染数据是以字符串模板的形式在 js 文件中写入的 html 内容，如果 html内容需要修改，我们需要在 js 中修改。而用了模板引擎后，我们只需要...

简介better-scroll 是一款近几年移动端常用的插件，重点解决移动端（已支持PC）各种滚动场景需求的插件。可以实现竖向滚动效果，也可以实现横向滚动的效果。它不仅可以做普通的滚动列表，还可以做轮播图、局部文字滚动、下拉刷新、上拉加载等等。better-scroll 是基本原生JS 实现的，不依赖任何框架。它编译后的代码大小是63kb，压缩后是35kb，zip后仅有9kb，是一款非常轻量的...