webpack配置px转rem插件
vant官方推荐一下2款插件，使用注意版本兼容问题postcss-pxtorem 是一款 PostCSS 插件，用于将 px 单位转化为 rem 单位lib-flexible 用于设置 rem 基准值lib-flexiblecnpm install lib-flexible --save // main.js 移动端适配 import 'lib-flexible/flexible.js' //
webpack配置全局css
package.json"@vue/cli-service": "~4.5.0", "node-sass": "^5.0.0", "sass-loader": "^10.1.0",webpack.js | vue.config.jsmodule.exports = { css
Javascript | 初级算法
No.1 两数之和给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1：输入：nums = [2,7,11,15], target = 9输出：[0,1]解释：因为 nums[0] + nu
H5避坑指南 | HTML
调用系统功能使用 <a> 能快速调用移动设备的电话/短信/邮件三大通讯功能，使用 <input> 能快速调用移动设备的的图库/文件。这些功能方便了页面与系统的交互，关键在于调用格式一定要准确，否则会被移动端浏览器忽略。<!-- 拨打电话 --> <a href="tel:10086">拨打电话给10086小姐姐</a>
H5避坑指南 | CSS
自动适应布局针对移动端，笔者通常会结合JS依据屏幕宽度与设计图宽度的比例动态声明 <html> 的 font-size ，以 rem 为长度单位声明所有节点的几何属性，这样就能做到大部分移动设备的页面兼容，兼容出入较大的地方再通过媒体查询做特别处理。笔者通常将 rem 布局比例设置成 1rem=100px ，即在设计图上 100px 长度在CSS代码上使用 1rem 表示。functi
网易云生成外链播放.mp3链接地址
17年的教程，目前还可以使用，比较给力~通用外链地址：http://music.163.com/song/media/outer/url?id=将你获得的id填入这里.mp3，id获取方式，登录网易云，分享-复制链接，得到包含song?id=34040716链接，取id值填入上面通用外链地址即可
Vue配置Gzip压缩，添加CDN优化加载，采坑日记
config.jsconst webpack = require('webpack') const BundlePlugin = require('webpack-bundle-analyzer') const CompressionPlugin = require('compression-webpack-plugin') const envTime = new Date().getTime(
IOS内嵌H5页面，返回出现半截白屏问题及解决方案
场景【ios内嵌加载h5页面】A页面加载数据 ---> 跳转B页面后返回 ---> 返回A页面会显示一部分白屏，随意滑动页面后，页面显示完整（android下没事）分析可能跟ios回弹效果，组件有关系，iOS WebView加载网页触摸白屏bug排查； 附上VUE-ISSUES解决方案方案一：（使用中， 简单粗暴）History.scrollRestoration 定义：
移动端调试工具
1 . Eruda.jsEruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、捕获XHR请求、显示本地存储和 Cookie 信息等等； github地址通过cdn引入，方便简单 <script src="//cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.
前端AES对称 + RSA非对称实现数据加密交互
1. 项目背景(需求)为了保证数据传输的安全性，利用AES+RSA混合加密，配合后端实现数据交互加密项目环境：vue + axios2. 加密过程(流程）3. 实现过程(代码）AES对称加密我们采用 CryptoJS，AES加密支持AES-128、AES-192和AES-256 (AES传送门)RSA非对称加密我们采用JSEncrypt，(RSA传送门)第一步：npm安装两个库npm i cryp