1、输入一个值，返回其数据类型**2、数组去重3、字符串去重4、深拷贝 浅拷贝5、reverse底层原理和扩展6、圣杯模式的继承7、找出字符串中第一次只出现一次的字母8、找元素的第n级父元素9、 返回元素的第n个兄弟节点10、封装mychildren，解决浏览器的兼容问题11、判断元素有没有子元素12、我一个元素插入到另一个元素的后面13、返回当前的时间（年月日时分秒）14、获得滚动条的滚动距离1
前言介绍在最早的时候JavaScript这门语言其实是并没有模块这一概念，但是随着时间的推移与技术的发展将一些复用性较强的代码封装成模块变成了必要的趋势。在这篇文章中主要介绍原生的 JavaScript封装的几种手段以及新增的 ES6 Module的语法，来实现模块封装。并且会简单的使用Webpack让Es6代码向后兼容。引入问题以下有两个Js文件，如果不采取任何封装手段直接导入会导致window
转载
2024-04-12 10:44:36
84阅读
/*
自定义promise
1. 执行MyPromise构造函数，要立即执行executor
2. promise实例对象，内部有三种状态
初始化 pending
成功 resolved
失败 rejected
注意：状态只能修改一次
如果exec
转载
2023-12-17 16:58:51
160阅读
/* 本文件说明：
一、拦截器的封装：可以携带添加token，添加loading等
1. 少见：类的封装：可以创建多个axios实例，例如：const mzRequest1 = new MzRequest(config1) / const mzRequest2 = new MzRequest(config2)
2. 实例的拦截器封装：可以对不同的axios实例，创建该实例特有的拦截器。
转载
2023-07-04 14:41:34
26阅读
JavaScript书写规范： 1. 文件编码统一为utf-8； 2. 书写过程, 每行代码结束必须有分号； 3. 库引入: 看情况而定； 4. 变量命名: 以下划线链接每个单词，类型_变量名； s：表示字符串； n：表示数字； &
转载
2023-06-13 09:36:59
280阅读
1、数组按createTime排序function sortByCreateTime(list: any[]) {
return list.sort(function(a, b) {
return new Date(a.createTime).getTime() - new
Date(b.createTime).getTime();
});
}2、数组去重//
转载
2023-07-03 16:25:43
136阅读
/**
* 自定义map集合
*/
function Map() {
/** 存放键的数组(遍历用到) */
this.keys = new Array();
/** 存放数据 */
this.data = new Object();
/**
* 放入一个键值对
* @param {S
转载
2023-07-10 00:15:18
38阅读
1. JS-SDK使用步骤1.1 域名绑定公众号设置 :
需要填写的域名须通过ICP备案的验证使用微信测试号JS接口安全域名:关注测试公众号1.2 引入js文件<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>1.3 config接口注入权限验证配置所有需要使用JS-SDK的页面必
转载
2024-01-28 06:45:59
390阅读
js的语法概念中，本身没有类这一说法，今天学习了用JS来封装一个类，就为大家介绍一下封装类，这个方法可以更加方便地管理类的属性和方法。废话不多说，马上来干货。就把人当成一个类，作为一个例子吧。类嘛，自然就有属性与方法function Person(name,sex,year,love,fn){ //注意类名要大写
this.name = name;
this.sex = sex;
t
转载
2023-06-08 11:15:06
190阅读
写在前面我在写项目时，会把经常用到的方法专门用一个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阅读
PC 移动端兼容 IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ 惯性助动，滑动回弹门面模式window.onload = function() {
/*测试数据*/
var insert = '';
for (var i = 0; i < 80; i++) {
insert += '<div style = "width:10
转载
2023-06-14 23:23:54
68阅读
一、JSSDK是什么jssdk一般是指提供给第三方人员使用的一段js，通过这个js实现一些平台化产品提供的服务，比如微博jssdk、微信jssdk。 二、设计jssdk的几个核心问题代码如何被使用页面接入如何实现跨域通信如何实现优雅api的设计公共资源的使用代码组件化1、代码如何被使用页面接入这里涉及到几个小问题需要考虑命名空间样式冲突版本维护appid等参数的传入（1）命名空间需要做到
转载
2023-07-22 16:15:18
235阅读
原生JS封装Ajax
转载
2023-06-06 09:34:11
140阅读
js封装就是把使用方式简单化，内部逻辑和使用解耦。使用人员知道参数和返回值就可以了，其他不用使用人员设置。
转载
2023-05-26 20:38:21
86阅读
封装方法 1.要清楚该方法在哪里使用；什么时候使用，怎么用？ 2.根据【使用】，推出方法【作用】 3.完成【作用】需要哪些东西---->变化的量 4.根据【变化的量】，确定【形参】，并清楚每个形参代表的【意义】 5.将需要完成的业务，假设形参已经接受实参，完成一种情况时的业务，最后将一种情况变为多种情况 6.中间如果有bug，可能是缺少条件语句，学会写表达式 arguments 是一个伪数组
转载
2023-07-09 19:01:45
91阅读
封装定义：封装就是把抽象出来的数据和对数据 的操作封装在一起，数据被保护在内部，程序的其它部分才能通过授权（方式如内部自己定义函数，如java的get ,set 方法），才能对数据进行操作下面为最通俗易懂的封装了，但这个和java不同，这里只有公开类与私有类<script type="text/javascript">
function Person(name, age
转载
2024-07-24 22:52:04
15阅读
jquery框架的ajax方法固然好用，但是假如某天我们的项目不能引入jquery或项目需求很简单，没有很多交互功能，只需要ajax，这时引入jquery库会造成资源浪费，也会显得页面臃肿。这时我们就需要用原生JS写一个ajax函数了。/* 封装ajax函数
* @param {string}opt.type http连接的方式，包括POST和GET两种方式
* @param {string}op
转载
2024-02-26 07:26:42
52阅读
文章目录js入门语法规范（js语言的一些特点）BOM 和DOM的区别：引入js文件易错点js变量基本数据类型复合数据类型数据类型转换数据和字符串数据和NaN代码规范强制数据类型转换Boolean() 强制数据类型转换Number()将别的数据类型转换一元运算符 js入门语法规范（js语言的一些特点）自上而下执行：js代码从第一行开始执行。一般来说JavaScript标签在head标签中type=
转载
2023-08-21 18:01:21
32阅读
变量规范：1.能字母_$开头，_$数字2.不可以“关键字 保留字”命名3.不能以数字开头4.命名语义化，结构化5.驼峰命名，英文缩写6.不要拼音，维护头疼（命名总和）7.运算是大于赋值，先坐运算再赋值8.js的值，声明变量原始的值，number string boolean undefined null 5个类型根据值来判断类型（动态语言一定是脚本语言，一定是解释性语言，一定是弱类型语言
转载
2023-07-01 10:51:12
58阅读
