- 博客(31)
- 收藏
- 关注
RSS订阅原创 antd-pro BasicLayout菜单宽度自定义
在 BasicLayout 组件设置 siderWidth为需要的值antd-vue-pro<pro-layout :menus="menus" :collapsed="collapsed" :mediaQuery="query" :isMobile="isMobile" :handleMediaQuery="handleMediaQuery" :handleCollapse="handleCollapse" :i18nRender="i18nRender" v-bind="se.
2021-06-22 16:12:32
2522
原创 JS 去除输入框里面空格、英文字符、换行符
// 去除所有空格和换行符const _s = str.replace(/\ +/g, '').replace(/[\r\n]/g, '')// 获取所有英文字符const _ss = _s.replace(/[^a-zA-Z]/g, '')
2021-06-22 16:05:45
1465
原创 node+express+mock
初始化项目 node-express-mock-demo使用默认配置npm init -y依赖安装用到的依赖expressmockjssupervisor本地开发需要的依赖安装npm i express mockjs --save全局依赖安装sudo npm i supervisor -gpackage.json{ "name": "node-express-mock-demo", "version": "1.0.0", "description": "
2021-03-19 17:37:30
340
原创 Taro 项目配置 Dva
准备工作Taro-cli 工具安装使用 npm 安装 clinpm install -g @tarojs/cli使用 yarn 安装 cliyarn global add @tarojs/cli使用 cnpm 安装 clicnpm install -g @tarojs/cli创建项目模板taro init project-name一定要选择 默认模板安装配置文...
2020-03-16 09:21:47
1023
3
原创 普通数字格式转金钱计数格式
展示效果DecimalThousandNum11.001.001.11.101.101.111.111.1134567.87634567.8834,567.882019021420190214.0020,190,214.00代码补齐两位小数function Decimal(x) { let f = parseFloa...
2020-03-12 11:13:18
217
原创 JavaScript中的继承
文章目录①最简单的类②构造函数和原型链里面增加方法③类里面的静态方法④原型链+对象冒充的组合继承模式⑤原型链实现继承⑥原型链继承的一个问题⑦原型链+对象冒充的组合继承模式⑧原型链+对象冒充继承的另一种方式最简单的类构造函数和原型链里面增加方法类里面的静态方法原型链+对象冒充的组合继承模式原型链实现继承原型链实现继承的一个问题原型链+对象冒充的组合继承模式原型链+对象冒充继承的另一...
2020-03-12 11:08:47
163
原创 Vscode 常用代码片段配置记录
配置流程汉化版本：（zh-cn）=> 文件=> 首选项=> 用户代码片段=> javascript.jsonEnglish：（en-us）=> File=> Preferences=> User Snippets=> javascript.json{ // Place your snippets for javasc...
2020-01-08 14:28:03
519
原创 Web端用到的Excel插件
把数组转换成Excel表格js-export-excel安装依赖npm install js-export-excelyarn add js-export-excel在使用页面引入依赖const ExportJsonExcel = require('js-export-excel');import ExportJsonExcel from 'js-export-exce...
2020-01-08 14:22:02
3095
原创 数组快速转对象
快速将数组转换成对象const Arry = [ { name: 1, is: 0 }, { name: 2, is: 1 }, { name: 3, is: 2 },]const todo = arr => { let obj = {}; let KEYS = Array.from(arr, ({ is }) => is); KEYS = [...ne...
2019-10-18 14:15:18
1536
原创 递归取值
从嵌套数组种取一个指定的值。直接上代码。const data = [{ id: 42, name: 'A', children: [{ id: 43, name: 'B', children: [{ id: 44, name: 'C', children: [], goodsList: [] }, { ...
2019-10-18 14:13:19
581
原创 身份证号码信息解析
身份证号码正则匹配身份证号码/^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/身份证号码详情解析以 32010519820927512X 为例身份证编码顺序...
2019-09-04 15:54:49
11590
原创 常用Git命令
通用命令// git 初始化git init// 本地新增代码git add README.md// 把代码提交本地仓库git commit -m "first commit"// git 连接远程仓库git remote add origin 你的远程仓库// 推送代码到默认远程分支git push -u origin mastergit 分支// 查看本地分...
2019-08-28 15:26:30
95
原创 函数的节流（throttle） & 防抖（debounce）
函数节流函数节流： 在指定的时间内只会执行一次。实现原理函数节流就是通过闭包保存一个标识 （canDo = true)，在函数开始时候判断这个标识是否为 true ，如果是 true 的话就继续执行函数，否则就 return 出去。判断完这个标识后，立即把这个 标识改为 false ，然后把外部传入的函数执行包在 setTimeout 中，最后在 setTimeout 执行完毕后，再把标...
2019-08-26 17:58:43
160
原创 Object.{keys,values}方法随笔
for…in 语句for…in 可以任意顺序的遍历一个 Object (对象)里面自有的、原型链上面的、可枚举的、非 Symblo 的属性。对于每一个属性，都会被执行。*注 可循环枚举原型链上的属性。可枚举属性: 能被 for…in 语句迭代出来的就属性不可枚举属性: 原型链上的属性原则上都属于不可枚举属性，不能被 for…in 语句迭代出来，但是每一个属性都会被执行Object.ke...
2019-07-31 20:38:12
132
原创 hasOwnProperty 函数随笔
为了判断对象是否含有自定义属性，而不是原型链上的属性，我们可以使用继承自 Object.prototype 的 hasOwnProperty 方法.特点hasOwnProperty 是 JavaScript 中唯一一个处理属性，而不查找原型链的函数。例子：Object.prototype.PSTR = '原型链属性';const TEST = { OSTR: '自身属性'} c...
2019-07-22 09:15:11
199
原创 refs 自动获取 input 框焦点 记录
效果图实现代码componentDidMount = () => { // 用 ref 自动获取输入框焦点 const { input } = this.refInput; input.focus();}<Input ref={input => { this.refInput = input }} style={{ width: 300 }}/...
2019-07-15 09:29:53
689
原创 Vscode 编辑器配置记录
配置文件 settings.json{ "workbench.colorTheme": "Boxy Monokai", "workbench.iconTheme": "vscode-icons-mac", "editor.fontSize": 16, "editor.tabSize": 2, "editor.fontFamily": "Courier New", "edi...
2019-07-08 09:11:45
174
原创 Taro 项目里面添加 Mock 数据
安装Mock依赖库yarn add mocker-api mockjs --dev比如我们想用Mock模拟用户信息以及小说列表，我们在项目根目录新建 mock 文件夹，新建 index.js book.jsindex.jsconst delay = require('mocker-api/utils/delay'); // 延时 模拟请求异步问题const mockjs = req...
2019-07-05 17:27:31
4473
3
原创 javaScript中常用的正则表达式
正则表达式邮箱/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/URL/^https?:\/\/(([a-zA-Z0-9_-])+(\.)?)*(:\d+)?(\/((\.)?(\?)?=?&?[a-zA-Z0-9_-](\?)?)*)*$/i手机号/^(0|86|17951)?(13[0-9]|15[012356789]...
2019-06-24 14:34:52
229
原创 在小程序中隐藏ScrollView的滚动条
在小程序中，我们会使用到 ScrollView 组件，在 IOS 端不会出现滚动条，但是在 Android会出现滚动条，滚动条会影响页面的美观。我们可以采取以下方法来隐藏滚动条：在 app.wxss 文件里面添加以下代码::-webkit-scrollbar{ width: 0; height: 0; color: transparent;}这个 ::-webkit-sc...
2019-06-20 14:06:49
1790
原创 IIFE(立即执行函数)随笔
IIFEIIFE（ 立即调用函数表达式）是一个在定义时就会立即执行的 JavaScript 函数。(function () { // todo something})();自执行函数包括两部分：包围在 圆括号运算符 () 里的一个匿名函数，这个匿名函数拥有独立的词法作用域。这不仅避免了外界访问此 IIFE 中的变量，而且又不会污染全局作用域。再一次使用 () 创建了...
2019-06-13 15:08:45
2169
原创 HTTP && TCP 随笔
Http 的8种请求类型OPTIONS返回服务器针对特定资源所支持的HTTP请求方法。也可以利用向Web服务器发送’*'的请求来测试服务器的功能性。HEAD向服务器索要与GET请求相一致的响应，只不过响应体将不会被返回。这一方法可以在不必传输整个响应内容的情况下，就可以获取包含在响应消息头中的元信息。GET向特定的资源发出请求。POST向指定资源提交数据进行处理请求（例如提交表单...
2019-06-06 13:47:08
90
原创 React之Context随笔
Context在 React 应用中，数据是通过 props 自上而下（父组件到子组件）传递的，但这对一些嵌套层数很多的组件来说，数据的传递是很繁琐的，不出BUG还好，如果出现BUG，我们需要从最内层组件开始一层一层的排除问题所在，对于代码维护以及可读性来说是很大的挑战。Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。它提供了一种在组件之间...
2019-06-05 14:45:24
116
原创 小程序左滑删除组件封装
基本介绍因为目前在使用 Taro 进行多端的开发，现在所有的写法都是按照 Taro 的语法封装的，如果使用原生小程序的可以自己按照原理转换就可以。Taro开发文档https://nervjs.github.io/taro/docs/README.html代码index.js：import Taro, { Component } from '@tarojs/taro';impo...
2019-06-05 09:16:26
1203
原创 闭包随笔
简介闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。简单使用function _getName() { var _initName = 'Mary'; function Todo() { console.log(_i...
2019-06-03 14:32:16
101
原创 在小程序中收集FormId
收集 FormId 的原因在小程序开发中，根据业务需求，我们需要通过我们的服务器向用户推送模板消息，但是发送一次模板消息就需要收集一条 formid（例如：当你用户在你的小程序里面进行支付之后，形成一个订单，你需要通知用户的订单情况，这时就需要模板消息），根据小程的官方文档，我们每次只能获取一条 formId，但是我们在真实的生产环境中，每次收集一条是无法满足我们的需求的，这时我们就需要通...
2019-06-03 14:23:02
3518
原创 javaScript中this的指向
javaScript中this的指向非箭头函数this => 调用其所在函数对象，而且距离谁近指向谁（常规对象，原型链，getter & setter都适用）；构造函数this => 被新创建的对象DOM事件this => 触发事件的元素内联事件bind/call & apply全局环境在全局环境下，this 始终指向全局对象（window）,...
2019-06-01 10:07:56
106
原创 小程序验证手机号页面及逻辑处理
前言： 常用页面以及组件模板------手机号验证以及绑定 我们获取的微信用户信息，只是存储在微信服务器的基本信息，但是在很多的应用中，我们需要绑定到用户手机号来进行更多的业务逻辑，今天就给出一个简单的页面demo。 效果图： 页面效果就是这样，接下来上代码bindPhone.wxml<...
2018-09-21 15:02:13
7301
11
原创 小程序之----用户授权（获取用户信息2）
接上一篇小程序之----用户授权（获取用户信息） 众所周知，开发环境下所有的操作都是在每一个开发人员的预期之下的，但是对于小程序用户来说，万万不会按照开发者的意愿来执行，这个时候，我们作为开发人员，就要想办法去引导用户进行每一步的操作。 当客户端弹窗需要用户授权的时候，不一定每一个用户都会同意授权，但是为了防止他们不同意授权，我们就要采取以下其他措施。（特此声明...
2018-09-21 14:39:19
722
原创 小程序之----用户授权（获取用户信息）
前言： 自打微信调整wx.getUserInfo接口之后，开发之中对用户授权获取用户信息的问题，也是层出不穷，上网搜索各位大佬的经典操作之法，学习之余结合自己的想法，也总结处一套适合自己使用的方法。 如果已经知道怎么处理的，也烦请你看一下，给出你的宝贵意见！！！！！ wx.getUserInfo 在开始阶段是自己执行的，自动弹框，让用户授权，现在虽然调整为不自动...
2018-09-21 11:01:30
1119
原创 小程序Http请求Promisify封装
前言： 使用小程序有段时间了，看到很多的小程序请求的封装，自己也尝试封装了一套自己常用的请求方法，虽不能说十分完美，但希望能给各位看官提供一定的帮助。。。。。 封装文件： Http.jsconst API_URL = "请求域名";function Get(url, params) {let promise = new Promise(function (...
2018-09-21 10:12:48
4392
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人