- 博客(11)
- 收藏
- 关注
RSS订阅原创 脚本生成vue模版组件
以一个简单的项目为例,文件夹布局如下所示编写模版文件 在template文件夹中新增模板文件index.js, 内容分别如下:module.exports = { vueTemp: (compName) => { return `<template> </template><script> export default { name: '${compName}' }</script>
2020-11-22 15:49:21
347
原创 手写常见js方法
1. 实现new方法function objectCreate(Constructor, ...rest) { // 以构造函数的原型创建新对象 var obj = Object.create(Constructor.prototype); // 以obj为this上下文来执行构造函数 var res = Constructor.apply(obj, rest); // 根据new生成对象的原则,若有返回值为对象,则返回该结果,若没有,则返回开始生成的对象 return typ.
2020-11-15 20:59:26
367
原创 VUE实现命令式弹窗组件
VUE实现命令式弹窗组件 在开发vue项目的过程中，很多场景需要弹出一些公用的确认弹框，这种时候通过传参调用弹窗api不失为一个合适的方案：实现步骤写出组件结构转为命令式可调用api将调用方法挂在到全局组件结构components/confirm.vue<template> <div class="confirm" v-show="showConfirm"> <div class="confirm-wrapper">
2020-11-04 23:18:09
1160
原创 mpvue配置sass报错
在配置mpvue的sass时候,因为sass在mpvue中已经配置了,所以不用额外配置只需要下载两个插件就可以了,但是下载安装后仍然还是报如下错误:Module build failed: ModuleBuildError: Module build failed: TypeError: this.getResolve is not a function at Object.loader...
2020-03-05 23:22:52
226
原创 如何马赛克掉银行卡的位数
我们经常在接触到资金模块的时候有一些关于银行卡显示的需求，很多时候我们需要把银行卡的中间卡号或者居前的数字用‘*’号马赛克掉，以防泄露隐私。常见的需求有两种：无论卡号多少位，需要显示后面四个号码，并且每隔4位留一个空格，如下格式：**** **** **** ***5 008，代码如下：let num = '6217025236232845008';const formatNum = ...
2019-07-04 16:36:52
915
原创 获取node命令行的参数
有时候在自己使用webpack或者gulp搭建项目时，关于执行命令是自己在package.json里配置的，那么如果我们同时执行一个js脚本，我们要如何拿到执行的参数来区分功能呢，如下图所示：在上图中，又一个create:p和一个create：c的命令（功能分别是添加页面page和添加组件component），我们可以发现这两个命令行执行的文件是一样的，那么我们如果来区分功能呢，这时候就要看到后...
2019-05-20 14:13:34
2335
原创 ios上h5的输入框被弹起的解决方法
最近接触的项目都是要填很多输入框的需求，而且在微信端显示，然后发现ios设备上是会出现很多兼容问题的在解决一个问题的同时可能又会ios的另一个问题，很是头疼，最后终于在同事的帮助下找到了完美的解决办法。1 在全局对所有的输入框监听两个事件，聚焦和失去焦点事件：document.body.addEventListener('focusout', () => { // 软键盘收起的...
2019-05-14 22:56:43
1325
原创 react-native--启动androidStudio虚拟机
在经历一系列艰难把react-native的安卓原生环境搭建好之后，启动虚拟机又出现了bug。在点击如图所示的虚拟机启动按钮时，报错如下：emulator: ERROR: x86 emulation currently requires hardware acceleration! 看字面意思是启动虚拟机需要硬件加速，所以我做了如下几个步骤：1.点击左侧的功能栏上面的tools->SDK ...
2019-04-11 08:59:20
2085
原创 webpack构建的项目配置ip运行地址
我们平常在做vue或者react项目时，往往会使用脚手架直接搭建，有些脚手架会封装好使用本地的ip进行项目的访问，但是有些时候我们使用npm run dev或者npm start运行项目，发现只有localhost:8080类似的访问地址，这个时候如果我们有额外的需求，不如用手机来访问看看效果，会发现localhost这个地址是生成不了二维码的，这个时候我们就需要自己动手去配置。目前我所了解的方式...
2019-04-01 16:02:16
7462
原创 react采坑之路——eject运行报错
在使用creat-react-app创建项目之后，我们是不能像vue脚手架创建得项目一样直观得看到webpack.config.js等文件，这时我们需要使用eject将这些配置文件暴露出来。现在package.json文件里得内容是这样的："scripts": { "start": "react-scripts start", "build": "react-scripts b...
2019-02-25 17:52:29
7463
1
原创 数组方法--map的实现
在项目中，经常会使用到数组的map,filter,reduce等方法，在享受这几个方法的便利的同时，也要去弄清楚这几个方法究底是怎么实现的，这样才能更充分的来利用它们。这一篇主要是map的实现方法：首先针对数组的方法，可以直接类似arr.slice()这种调用的，我们需要将这类方法写在数组的原型对象里，这样就可以直接使用实例化之后的数组来调用。那么我们给我们新创建的方法命一个名，就为consM...
2018-08-24 11:38:43
4127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人