vue@cli4 和 webpack5【实现自适应px-rem转化】 1: 项目目录结构：2 ：项目简单介绍 如上图可看出：该项目是由 vue@cli4 构建的，使用 webpack5 来打包的，3： 想要实现 本地编译时 和 上线后，适配所有pc 端，步骤1： 安装2个插件：autoprefixer : 它可以解析CSS文件并且添加浏览器前缀到CSS内容里和postcss-pxtorem: 将px 转化为 remamfe-flexible：是配置可伸缩布局方案，主要是将1rem设为viewWidth/10。npm...
crypto-js【AES-ECB-128】加密结果 与 crypto不一致 重点提要：crypto-js 应对key进行 md5 散列AES加密规定了密钥长度，crypto通过md5的方式使key设为了定长，所以crypto-js（包括java）为了与crypto结果保持一致，应当对key进行md5散列，且散列结果不为字符串，而是数组（即WordArry，类比Java中的byte[]，Node.js中的Buffer），以下附上crypto-js、crypto、java三端AES-ECB-128加解密代码：1、crypto-js（web前端、小程序）impo...
webpack【插件---持续更新】 webpack4通过mini-css-extract-plugin分离css文件再通过optimize-css-assets-webpack-plugin压缩 css
让我们了解了解【闭包】 闭包的应用场景：应用场景一: 典型应用是模块封装，在各模块规范出现之前，都是用这样的方式防止变量污染全局。var Yideng = (function () {// 这样声明为模块私有变量，外界无法直接访问 var foo = 0; function Yideng() {} Yideng.prototype.bar = function bar() { return foo; }; return Yideng;}());应用场景二: "在循环
webpack之plugins 【常用插件集合】 1: 提取 “公共类库/打包公共代码” 插件 在基于Webpack构建的多页面应用中，每个页面配有唯一的入口文件，即使多个入口使用了相同的类库（比如jQuery），也会各自打包进自己的js文件中，这样无疑增加了额外的代码量。传统的前端项目并没有这样的问题，因为那个时候没有模块打包这样的过程，多个页面会引入公共的静态资源。 Webpack的CommonsChunkPlugin可以分析出各个入口文件中引用的公共代码片段，然后将其提取出来，作为公共类库供各个入口文件使用plugi...
webpack-dev-server【devServer属性配置】 前言： DevServer是webpack开发服务器。webpack-dev-server： 是一个本地开发服务器，会自动监听变化，自动打包构建，自动更新刷新浏览器特点：不会产生dist文件，将打包结果暂时存在内存中，内部的http-sever访问这些文件并读取数据，发送给浏览器 减少磁盘的读取，提高构建效率写法：在webpack.config.js文件中，通过属性devServer: { } 设置与 webpack-dev-server相关的配置安装：下载安装...
常用的正则校验集合 1: 8-20位字母数字特殊字符组合： '^(?![a-zA-z]+$)(?!\\d+$)(?![!@#$%^&*]+$)[a-zA-Z\\d!@#$%^&*]{8,20}$'2: 常见 input 正则english /^[a-zA-Z]$/ 英文 num /^[0-9]*$/ 数字 phone /^(((13[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/ ...
VUE项目使用VUE原型构建【VUE原型达到开箱即用的模式】 VUE原型构建 以下为具体搭建项目流程 1. 克隆项目git库 2. 创建subapps/* 项目分支 创建项目分支格式如下 subapps/yourproject/v1.0.0 如：《登录绑卡项目》 项目名即为：subapps/H5Login/v1.0.0 ...
H5遇到的那些坑 ( 持续更新 ) 1:原生js (es5语法 和 jquery)【jquery使用jsonp进行ajax发送请求，在同时发送多个请求时，响应结果会乱】答：jquery版本1.10.2 ，A请求应当响应 RA，B请求响应 RB，但是偶尔出现 A请求响应了RB。导致响应结果乱了，原因是jquery会在window对象上定义一个变量（window["jsonp1505717931752"]），变量是以时间戳来定义的，即使定义了时间戳，全局变量也会存在冲突问题，导致响应结果乱。解决办法：在$.ajax()方法内使用： ..
Fiddler抓包远程调试篇 Fiddler抓包远程调试篇 由于部分同学没有mac电脑或者其他条件限制，不方便在ios手机上调试，或者在4.3版本的安卓手机以下在客户端大厅内不能debug，我们只能采用fiddler抓包进行远程调试。 远程调试使用weinre，weinre是一款非常好用的远程调试工具。功能与网页浏览器的开发者工具基本类似，但这个工具更适合用于移动端web的调试。抓包的作用：1.可使用的电脑：windows或mac电脑调试android和ios手机2.可调试的手机有(所...
h5远程调试 H5开发远程调试篇 由于部分同学对远程调试不太了解，了解远程调试后，可以直接避免打alert来看数据的变化，直接在chrome浏览器内打断点，然后查看每一步数据的变化，可提高开发效率，定位问题快等优点，H5发布生产后也可通过debug调试来定位问题，快快来看看我们在各个平台是如何debug，加入我们吧！以下调试方式包括：微信内安卓、浏览器android和IOS的4种调试1、微信----安卓远程调试1、TBS studio调试（第二代）推荐使用1.移动调试链接：4042、微...
前端初始化工具vue-cli：使用指南 vue-cli-plugin-orange1、准备工作首先我们需要查看当前是否安装官方Vue/cli工具，若未安装，直接完成按官网指导下载最新版即可。若Vue/cli版本低于3.0版本，需要升级版本才能实现以下功能。Vue/cli工具官方地址：http:// https://cli.vuejs.org/zh/ 2、模板使用克隆地址： git clone git@gitee.com:jqn-room/case-code.git#vue-cli-plugin-orange/mas..
利用http-server启动本地服务 简介：http-server 是一个简单的零配置命令行HTTP服务器, 基于node.Js前提：本地安装node适用场景：1、测试本地页面，在手机上的效果。2、在测试大厅里，通过url去调试，避免zip的方式。注意事项：电脑和手机必须在同一网段安装步骤：1、全局安装http-server.打开命令行：执行 npm install -g http-server2、在目标目录下开启命令行：输入命令http-server，如下图说明启动本地服务成功....
关注
