
JS封装
ZH_TX
这是一个自我记录的博客,意在防止自己遗忘,帮助自己成长的博客
如果能顺手帮助到你,给与你一点帮助,那是我十分乐意的
展开
-
js 封装示例
包含常用机型判断,cookie操作等String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); }String.prototype.trim=function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); }var base64EncodeChars="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijk.原创 2021-04-18 10:58:42 · 512 阅读 · 0 评论 -
js 常用总结封装
1、输入一个值,返回其数据类型function type(para) { return Object.prototype.toString.call(para)}2、数组去重function unique1(arr) { return [...new Set(arr)]}function unique2(arr) { var obj = {}; return arr.filter(ele => { if (!obj[ele]) {原创 2021-03-01 21:53:39 · 234 阅读 · 0 评论 -
vue 自定义指令
参考:自定义指令常用指令vue的自定义指令可以vue.directive 全局注册,可以使用directives 进行局部注册// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() }})//如果想注册局部指令,组件中也接受一个 directives 的选项:-------------原创 2020-11-29 12:39:28 · 198 阅读 · 1 评论 -
小程序登录流程解析
写在前面对于一个应用,基本需要登录后才能使用的功能我们需要有一个登录流程,拿小程序来说吧:小程序登录: 登录wx.login - > 在request请求, 拿到openid示例:import { Sid, AppId, OpenId, RegisterCode } from './storage'import { promisify } from './promisify'import Toast from '../static/vant-weapp/toast/toast';原创 2020-07-19 13:17:04 · 516 阅读 · 0 评论 -
常用正则表达式
export function toast(title){ wx.showToast({ icon:'none', title:title })}//还可以对toast不同状态进行封装export function checkReg(val){ let inviteCodeReg = /^[a-zA-Z0-9]{6,16}$/ if(inviteCodeReg.test(val)){ return true } toast('输入格式错误') return false}原创 2020-07-19 10:52:34 · 196 阅读 · 0 评论 -
微信小程序的api的一些封装
let api = require('../config/api.js');// 时间戳格式化yyyy-MM-dd HH:mm:ss function fmtDate(obj) { let date = new Date(obj); let y = date.getFullYear(); let m = date.getMonth() + 1; m = m < 10 ? ('0' + m) : m; let d = date.getDate(); d = d <原创 2020-06-15 19:09:40 · 234 阅读 · 0 评论 -
使用axios的进一步封装
import Vue from 'vue'import Oraxios from 'axios'// Vue.prototype.$axios=axiosexport default function axios(opt){ return new Promise((resolve, reject)=>{ const instance=Oraxios.create({ baseURL:'https://cnodejs.org/api/v1',原创 2020-06-15 17:58:01 · 220 阅读 · 0 评论 -
JS的一些技巧
随机生成一定的随机数:一条简单的语句搞定,(思路极其巧妙)Math.random().toString(10).substring(3,7)//随机生成4位数原创 2019-12-07 16:46:07 · 135 阅读 · 0 评论 -
函数节流, 防抖(更新中...)
这个也是一个经常会碰到的问题/** * 配置节流函数 * @param {[Function]} fn [要执行的函数] * @param {[Number]} delay [延迟执行的毫秒数] * @param {[Number]} mustRun [至少多久执行一次] * @return {[Function]} [节流函数] */c...原创 2019-12-08 17:27:41 · 223 阅读 · 0 评论 -
Date时间的格式的封装
第三章在开发中,我们经常会遇到对于时间的进行封装这个我不得不提一下微信小程序中自带封装, 不得不说, 写的很好, 值得我学习工整, 美观, (或许这就是代码之美吧)格式化:const formatTime = date => { date = new Date(date) const year = date.getFullYear() const mon...原创 2019-12-08 13:25:55 · 1043 阅读 · 0 评论 -
api的封装
这是以 cnode中文社区的api 为例‘’这是简易版的'use strict'// api 路径// get /topics 主题首页//get /topic/:id 主题详情// post /accesstoken 验证 accessToken 的正确性// post /topic_collect/collect 收藏主题// post /topic_collect/de_coll...原创 2019-12-08 13:25:40 · 1360 阅读 · 0 评论 -
promise 封装
最近一直在思考如何提高编程水平, 想想还是从实际出发吧,把工作中的一些js函数做一些尝试性的封装, 以提高水平, 也可以建立自己的一个封装感工具库...原创 2019-12-08 11:01:08 · 417 阅读 · 0 评论