API-Lily-CSDN博客

原创编写可维护的 webpack 构建配置

编写可维护的webpack构建配置

2022-07-16 17:37:39 292 1

原创 webpack学习笔记

下面我们通过一系列demo一步步学习和实践的基本使用。

2022-07-02 23:57:36 251

可以把所有的校验规则放在rules.js文件里，需要的时候引入/** * 手机号 */export const phoneReg = new RegExp(/^1[3-9]\d{9}$/);/** * 身份证号 */export const idNumberReg = new RegExp(/^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/);/** * 姓名，包

2022-01-14 15:56:19 210

原创 mac中安装nvm、npm和node

一、nvm的安装介绍nvmnvm(Node.js Version Manager)也就是 Node.js 的包管理器，可以通过它方便安装和切换不同的Node.js版本。安装nvm去github上https://github.com/nvm-sh/nvm查看安装语法如：通过 curl 安装：curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash如果报错：【“curl: (7) Faile

2021-12-06 00:39:42 1015

原创手写实现promise

function myPromise(constructor){ let self=this; self.status="pending" //定义状态改变前的初始状态 self.value=undefined;//定义状态为resolved的时候的状态 self.reason=undefined;//定义状态为rejected的时候的状态 function resolve(value){ //两个==="pending"，保证了状态的改变是不可逆的

2021-08-22 16:30:15 259

原创通用的数据类型判断方法

实现一个全局通用的数据类型判断方法，来加深你的理解，代码如下:function getType(obj){ let type = typeof obj; if (type !== "object") { // 先进行typeof判断，如果是基础数据类型，直接返回 return type; } // 对于typeof返回结果是object的，再进行如下的判断，正则返回结果 return Object.prototype.toString.call(obj).replace

2021-08-21 16:34:05 134

原创对双向绑定的理解和总结

主流的mvc(vm)框架都实现了单向数据绑定，即数据(model)变化主动触发ui(view)变化而双向绑定则是，数据(model)变化主动触发ui(view)变化，同时ui(view)变化主动触发数据(model)变化，当然这里的ui变化指定表单中的用户输入，可通俗的理解为：在单向绑定的基础上给可输入元素（input、textarea等）添加change(input)事件，来动态修改model和view双向绑定的简单实现首先通过输入框和P标签展示，通过Object.definePrope..

2021-06-07 17:51:57 1736

原创开发过程中好用的方法总结

1. 过滤对象指定参数/** * 过滤对象指定参数 * @param {Object} Object * @param {Array} props */export const filterObjectProps = (obj, props) => { const ret = {}; props.forEach((key) => { if (obj[key] !== undefined && obj[key] !== '') {

2021-06-02 15:53:49 105

原创聚焦表单输入框时，实现屏幕高度增加并上移的效果

关于输入框被键盘遮挡，上移输入框操作业务场景：h5输入表单页面高度为屏幕高度，当表单栏较长时（如超过3-4个），下面的表单容易被键盘遮挡，无法直接切换聚焦和可见输入解决方案：现有情况：表单高度为屏幕高度，键盘为浮动在页面上（此为组件键盘，非系统键盘）第一步：聚焦时，实现屏幕高度增加第二步：实现屏幕上移动（移动距离为屏幕高度增加的距离）第三步：实现聚焦失焦时，屏幕高度的切换（聚焦时增加高度，失焦时回到屏幕高度）实现的效果：第一步：聚焦时，实现屏幕高度增加（1）在mo

2021-06-02 11:42:50 444

原创移动端适配方案flexible.js

移动端适配方案flexible.js可本地建立flexible.js文件，内容如下：(function(win, document) { var documentEl = document.documentElement; var maxwidth = 540; var dpr = devicePixelRatio === 4 ? 1 : devicePixelRatio; var tid = null; documentEl.dataset.dpr = dpr;

2021-02-24 11:38:45 197

原创 VConsole的使用和环境区分展示

1.使用cdn方式引入这里(https://www.bootcdn.cn/vConsole/)列举了所有版本的js地址，可以随意选择一个版本复制引入，在public的index.html文件中的标签里加入初始化代码（在head中引入，可将所有的console都打印出来）。如下：<script src="https://cdnjs.cloudflare.com/ajax/libs/vConsole/3.3.4/vconsole.min.js" crossorigin="anonymous">

2021-02-05 19:54:05 1571

原创 JavaScript红皮书学习笔记

JavaScript红皮书学习笔记1.什么是javaScriptJavaScript 历史回顾JavaScript 是什么（实现） JavaScript 是一门用来与网页交互的脚本语言，包含以下三个组成部分。 ECMAScript：由 ECMA-262 定义并提供核心功能。文档对象模型（DOM）：提供与网页内容交互的方法和接口。浏览器对象模型（BOM）：提供与浏览器交互的方法和接口。JavaScript 与 ECMAScript

2021-01-12 16:22:33 569

原创 h5判断被打开的常用客户端来源（支付宝/微信等）

h5通常是由各个客户端或者浏览器打开，但有时候要根据不同客户端展示不同内容，这个时候就需要h5知道是由哪个来源的客户端打开了自己1.客户端的参数通常写在navigator的userAgent参数中，这样前端就可以通过获取这个参数了解客户端的信息了const ua = navigator.userAgent.toLowerCase();2.然后通过获取到的ua参数与你的白名单参数做匹配，利用正则及test或match方法来比对// 微信环境export const isWx = /MicroMes

2021-01-04 15:46:03 2216 1

原创自定义金额input输入框后加单位及input输入框限制处理

在开发V钻充值模块时，遇到自定义充值模块–自定义金额输入框，发现这块内容的要求较多较复杂，在踩过很多坑后，特此分享经验给大家：要求一：点击后出现光标及单位名称，数字键盘从下而上弹出，去支付按钮随之上移。输入数字后，去支付按钮人民币数额同步变化为相应数字；1.通过input输入框可实现点击后出现光标，且数字键盘从下而上弹起，去支付按钮随之上移（此处为css实现，不多概述），需要注意的是，input里的value初始值为“自定义面额”2.点击后出现单位名称“V钻”我们不能在点击自定义面额按钮后，将i

2020-12-30 17:59:52 2524

原创 Babel 学习笔记

1.Babel是一个工具集，主要用于将ES6版本的JavaScript代码转为ES5等向后兼容的JS代码，从而可以运行在低版本浏览器或其它环境中2.polyfill提供了全局的ES6对象以及通过修改原型链Array.prototype等实现对实例的实现3.配置文件总结起来就是配置plugins和presets这两个数组，我们分别称之为插件数组和预设数组。每个插件或预设都是一个npm包。4.plugins插件数组和presets预设数组是有顺序要求的（如果两个插件或预设都要处理同一个代码片段），规则如下

2020-12-23 14:26:54 497

weixin_44935752的博客

原创编写可维护的 webpack 构建配置

原创如何发布第一个npm包

原创 webpack学习笔记

原创移动端适配浅析

原创前端多页面打包通用方案

原创前端常用的正则校验