写在前面我在写项目时,会把经常用到的方法专门用一个JS文件来管理,下面是我项目中经常用的一些方法1、日期格式化(时间戳转年月日时分秒); 2、千分位格式化(10000转10,000); 3、Element UI前端el-table前端导出; 4、两个数组对象去重; 5、后端返回数据流前端下载方法; 6、富文本标签过滤(去除HTML标签) 7、WEB复制到剪贴板功能 6、判断是不是JSON字符串一、
转载
2024-02-24 00:49:02
49阅读
一、html标签替换function mystring(str) {
var ret = str;
while(ret.indexOf(">") >= 0 || ret.indexOf("<") >= 0) {
ret = ret.replace("<", "
转载
2023-09-01 14:39:39
44阅读
01、加载js || css || 风格const loadRes = function(name, type, fn) { // 加载js || css || style
let ref
if (type === 'js') { // 外部js
ref = document.createElement('script')
ref.s
转载
2024-02-22 19:50:29
23阅读
这是我在实际开发中常用的一些js函数方法,总结一下,以后可以,有需要的小伙伴可以参考下百度就完事了,不不不!我亲自实践过好真的多次,百度一次还好,记不住一次碰着了还得找性娘干净是拉低工作效率。01、加载js || css || 风格const loadRes = function(name, type, fn) { // 加载js || css || sty
转载
2023-08-28 20:22:36
30阅读
写在前面虽然说Fetch API已经使用率已经非常的高了,但是在一些老的浏览器还是不支持的,而且axios仍然每周都保持2000多万的下载量,这就说明了axios仍然存在不可撼动的地位,接下来我们就一步一步的去封装,实现一个灵活、可复用的一个请求请发。这篇文章封装的axios已经满足如下功能:无处不在的代码提示;灵活的拦截器;可以创建多个实例,灵活根据项目进行调整;每个实例,或者说每个接口都可以灵
转载
2024-07-03 22:48:38
32阅读
1、输入一个值,返回其数据类型function type(para) { return Object.prototype.toString.call(para)}2、数
转载
2022-05-14 19:17:35
47阅读
不知道大家平时工作中,有没有遇到这样一种情况:后端接口返回的数据,全都是一维的数组,都是平铺直叙式的数据,业务需求却要你实现树形结构的功能。那么,针对这种情况该怎么办呢?是跟后台好好沟通一下呢,还是沟通一下呢 :) 下面我将封装一种重组树形结构数据的方法,希望能够给大家带来一点帮助! 1 /** 2 ...
转载
2021-07-15 00:54:00
612阅读
2评论
为了方便项目的维护,以及规范性,对axios进行必要的封装一、在 utils目录下 创建 auth.js 请求头 token的封装import Cookies from 'js-cookie'
const TokenKey = 'loginToken'
// 获取token
export function getToken() {
return Cookies.get(TokenKey)
转载
2024-04-08 23:22:13
58阅读
Javascript是一种基于对象的语言,但它又没有class。这在很长的一段时间里,对JS的面向对象编程的概念很模糊,在编程的时候时有用到,但要说个所以然,却说不出来,所以看了些书,又在网上查了些资料,写下些总结。一、封装写个对象,将属性(变量),方法写在对象内,这就是封装。如下:我把两个属性封装在函数内。 var Cat = {
name : '',
color : ''
转载
2023-08-09 11:14:28
132阅读
前 言 继承是使用一个子类继承另一个父类,那么子类可以自动拥有父类中的所有属性和方法,这个过程叫做继承! JS中有很多实现继承的方法,今天我给大家介绍其中的三种吧。 1.在 Object类上增加一个扩展方法 //声明一个父类
function Person(name,age){
this.name=name;
t
转载
2023-09-15 22:45:24
126阅读
js封装常用js方法封装1、forEachArray里面forEach是通过Array拓展原型方法实现的Array.prototype.forEach下面我就使用两种方式实现forEach封装//方法一 使用常规函数实现let arr=[1,3,5,3,6,7,8];function forEach(array,fn){for(let i=0;i<array.length;i++){
转载
2021-03-12 11:06:20
231阅读
2评论
摘要在vue中,我们调用接口使用的都是axios,使用之前我们也会进行一定的封装,然后再进行使用。在这里,我们主要说一下axios的实现原理,以及如何使用原生的js来自己封装出一个axios。这里实现出几个主要的方法,包括post请求方法,create配置方法,以及拦截器的方法。1.post方法在我们写方法之前,肯定是要先自己写一个类出来,里面的内容先不用写。 然后再在类的下面写出post的方法:
转载
2023-07-04 14:02:27
65阅读
关于micro-app在micro-app之前,业内已经有一些开源的微前端框架,比较流行的有2个:single-spa和qiankun。single-spa是通过监听url change事件,在路由变化时匹配到渲染的子应用并进行渲染,这个思路也是目前实现微前端的主流方式。同时single-spa要求子应用修改渲染逻辑并暴露出三个方法:bootstrap、mount、unmount,分别对应初始化、
转载
2024-03-27 07:39:48
79阅读
javascript的相关特性一.、面向对象的三大特性:继承封装多态作为基于对象的语言,js自然可以实现OOP语言的大部分特征。继承:js没有类的概念,自然不能像php那样封装class然后继承最后new对象。但是js的继承却有更多的方式。在此讨论最常用的,也就是基于原型对象原型链继承。在js中,函数对象就相当于类,在函数对象中有一个prototype属性指向了函数对象的原型对象。在函数对象上创建
转载
2023-10-15 06:29:59
79阅读
//js并不是一种面向对象的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类,
//但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类.
//这个函数中定义了两个方法:show和init 需要注意的是这里用到的是this来声明,而不是var,因为var是用来定义私有方法的
func
转载
2023-11-17 22:28:54
54阅读
/*
自定义promise
1. 执行MyPromise构造函数,要立即执行executor
2. promise实例对象,内部有三种状态
初始化 pending
成功 resolved
失败 rejected
注意:状态只能修改一次
如果exec
转载
2023-12-17 16:58:51
160阅读
前言介绍在最早的时候JavaScript这门语言其实是并没有模块这一概念,但是随着时间的推移与技术的发展将一些复用性较强的代码封装成模块变成了必要的趋势。在这篇文章中主要介绍原生的 JavaScript封装的几种手段以及新增的 ES6 Module的语法,来实现模块封装。并且会简单的使用Webpack让Es6代码向后兼容。引入问题以下有两个Js文件,如果不采取任何封装手段直接导入会导致window
转载
2024-04-12 10:44:36
84阅读
js中的很多变量(除了基本数据类型数字和字符串之外)可以看成类似java中的class是经过实例化的对象,有自己的成员方法,和成员变量。比如:window对象表示一个浏览器窗口或一个框架,在js中window对象是全局对象,如图下图所示。 接下来谈谈,如何实现自己的类库,先展示一个最简单的例子: 1 (function(a) {
2 function Person(name,
转载
2023-12-12 19:05:31
40阅读
这几天比较空闲所以研究了一下封装的方法,对于我们这些小白来说,封装往往显得高大上,下面我就来讲解下我的封装之路。原生js封装最简单的tab插件:html部分:写了两个包含框一个id为wrap一个为wraps 第一项第二项第三项
第一部分
第二部分
第三部分
第一项第二项第三项
第一部分
第二部分
转载
2023-10-19 11:53:17
87阅读
最近迷上了react,用react模拟之前的系统,做登录的时候,发现需要用到cookie,之前用的跟vue搭配的VueCookie,我就在想啊,react应该也会有相应的cookie插件吧!百度一下,果然,是有的,那就是react-cookie,看名字貌似很专业的样子哈 我也去百度了下他的用法,官网搞的很复杂,可能是本人水平太低了,官网咱也看不懂,咱也不敢说,咱也不敢问的,可怜巴巴! 于是我用百度
转载
2023-12-21 16:14:44
49阅读