js
汉武大帝·
我是攻城狮
展开
-
js设置未来某个时间距离现在的倒计时效果
【代码】js设置未来某个时间距离现在的倒计时效果。原创 2024-02-28 09:16:54 · 239 阅读 · 0 评论 -
vue 弹窗显示时,底部页面不能滚动,弹窗隐藏时,底部弹窗可以滚动
vue 弹窗显示时,底部页面不能滚动,弹窗隐藏时,底部弹窗可以滚动原创 2023-03-03 11:38:41 · 500 阅读 · 0 评论 -
js 输入框输入限制正整数,正数,负数,小数
正数,负数,小数原创 2023-03-02 16:12:29 · 8188 阅读 · 0 评论 -
创建的formData打印为空?
创建的formData打印为空?原创 2023-01-31 16:52:42 · 701 阅读 · 0 评论 -
js函数防抖和节流
防抖和节流原创 2022-03-21 16:57:08 · 767 阅读 · 0 评论 -
字符串常用方法
字符串方法:1, length 获得字符串的长度;2,indexOf(val,index) 获取子字符串在字符串中首次出现的位置;不支持正则表达式; // val 检索的字符值;index 可选,从哪里开始检索;3,lastIndexOf() 返回子字符串最后出现的位置;4,search(regexp) 返回特定子字符串出现的第一个位置;支持正则表达式;5,slice(startIndex, endIndex) 返回startIndex 到 endIndex的子字符串;endInd...原创 2022-03-13 17:58:48 · 114 阅读 · 0 评论 -
数组的新增,删除方法
1,新增: push():往数组尾部添加一个或多个元素,返回新数组的长度 unshift():往数组头部添加一个或多个元素,返回新数组的长度 splice(start,deleteNum,items): 在数组中插入,删除,替换元素2,删除 pop():删除数组最后一个元素,返回删除的元素 shift(): 删除数组第一个元素,返回删除的元素 splice(start,deleteNum,items): 在数组中插入...原创 2022-03-11 16:56:30 · 1069 阅读 · 0 评论 -
responseType为blob的请求,如何获取错误信息
responseType为blob的请求,如何获取错误信息原创 2022-03-02 16:32:27 · 399 阅读 · 0 评论 -
vue中的插件
vue插件总结——总有你能用上的插件 - 柠檬杨 - 博客园原创 2022-01-28 16:51:01 · 700 阅读 · 0 评论 -
ES6删除和过滤d对象中部分属性
let student={ age: 20, name: '官人', sex: "男" } // 方式一: const param = (({name,sex}) => ({name, sex}))(student) console.log(param) // {name: "官人",sex: "男"} // 方式一: let {age,...params} = student .原创 2021-07-30 16:05:03 · 228 阅读 · 0 评论 -
输入框限制只能输入手机号码,并且以3-4-4格式分开
'form.uscuPhone':{ handler(newValue, oldValue) { let oldLength = oldValue ? oldValue.length : 0; // newValue.replace(/\s/g, '') 去掉空格; replace(/[^\d]/g,'') 去掉非数字的字符; replace(/(\d{3})(\d{0,4})(\d{0,4})/, '$1 $2 $3') 分割成 3-4-4 格式的手机号.原创 2021-06-17 17:31:22 · 794 阅读 · 0 评论 -
正则表达式验证八位整数和两位小数
验证的数字可以是诸如 123.56, 653.3 , 123 , 12345678 , 12345678.90 , 0 , 其他类型的验证不通过validateMoney(rule, value, callback) { let reg = /^0\.[0-9]{1,2}$|^0$|^[1-9]\d{0,7}\.\d{1,2}$|^[1-9]\d{0,7}$/; if (!reg.test(value)) { callback(new Error...原创 2021-06-22 11:29:05 · 3779 阅读 · 0 评论 -
正则表达式验证 (八位整数,两位小数)
/^0\.([1-9]|\d[1-9])$|^[1-9]\d{0,8}\.\d{0,2}$|^[1-9]\d{0,8}$/letreg=/^0\.([1-9]|\d[1-9])$|^[1-9]\d{0,8}\.\d{0,2}$|^[1-9]\d{0,8}$/;if(!reg.test(value)){callback(newError("请输入两位数的小数"));}else{callback();}...原创 2021-05-11 13:19:53 · 1657 阅读 · 0 评论 -
js中数组中常用的操作方法
1,delete: 只是把删除的元素变成了 undefined ,但数组长度不变(delete方法相当于将数组中的对应位置上的元素变成了undefined)//定义数组var array=["aa","dd","cc","aa"];//方法1:delete删除数组元素delete array[1];//输出结果 : ["aa",undefined,"cc","aa"]2,...原创 2021-02-07 13:37:04 · 141 阅读 · 0 评论 -
Typescript中的模块
// 模块/** * Typescript中‘内部模块’称为 ‘命名空间’,'外部模块'现在称为'模块';模块在自身作用域里执行,而不是在全局作用域里; * 模块的概念(自己理解): * 我们可以把一些公共的功能单独抽离成一个文件作为一个模块,模块里面的变量,函数,类默认是私有的,如果我们要在外部访问模块里面的数据(变量,函数,类) * 我们需要通过export暴露模块里面的数据,暴露后我们通过import引入模块就可以使用模块里的数据; */模块 db.ts文件内容:var.原创 2021-02-03 11:27:27 · 246 阅读 · 0 评论 -
Typescript:定义一个操作数据库的库,支持Mysql, Mssql(伪代码)
定义一个操作数据库的库,支持Mysql,Mssql// 定义一个操作数据库的库,支持Mysql, Mssql interface DBI<T> { add(info: T): boolean; update(info: T): boolean; delete(info: T): boolean; get(id:number): any[];}// 定义一个操作Mysql数据库的类class MysqlDbI<T> implements DBI&l...原创 2021-02-03 10:28:16 · 587 阅读 · 0 评论 -
Typescript--深入讲解泛型类
把类当做参数的泛型类;先看一下下面的代码:class User { // 用户信息类 name: string | undefined; password: string | undefined;}class MysqlDb { // 操作数据库的类 add(user: User): boolean { // 伪代码.......... console.log('user:',user); return true; }}var u = new U原创 2021-02-02 20:02:14 · 477 阅读 · 1 评论 -
Typescript中的泛型,泛型类,泛型接口
//泛型:就是解决类,接口,方法的复用性,以及对非特定数据类型的支持//T表示泛型,具体什么类型是调用这个方法的时候决定的function getMsgs<T>(value:T): T { return value;}getMsgs("主题")//泛型类:比如有个最小推算法,需要同时支持返回数字和字符串类型,通过类的泛型来实现class MinClass<T> { public list: T[] = []; add(num: T) ...原创 2021-02-01 16:49:55 · 463 阅读 · 0 评论 -
Typescript中接口的扩展,接口的继承
// Person接口interface Person { name: string; eat(foot: string): void;}// Man接口继承Person接口interface Man extends Person{ work(type: string): void;}class Web{ public name: string; constructor(name: string) { this.name = name; } cordi.原创 2021-02-01 13:34:42 · 241 阅读 · 0 评论 -
Typescript中的类的静态属性,静态方法,抽象类,多态
类的静态属性,静态方法,class People { public name: string; static age: number = 99; constructor(name: string,age: number) { this.name = name; } run() { // 实例方法 console.log(`${this.name}在跑步`) } work() { // 实例方法 console.log(`${this.name}.原创 2021-01-31 17:25:43 · 174 阅读 · 0 评论 -
Typescript 中的接口定义,属性类型接口,函数类型接口,可索引接口,类类型接口
泛型原创 2021-01-30 18:08:11 · 323 阅读 · 0 评论 -
Typescript中的类修饰符
//类里面的修饰符(不写的话,默认public)*public共有,在当前类,子类,类外面都可以访问;*protected:保护类型,在当前类,子类可以访问,类外边不可访问;*private:私有类型,在当前类可以访问,子类,类外边不可访问;class Person { public name: string; protected age: number; private addr: string; constructor(name: string,a...原创 2021-01-30 17:07:35 · 137 阅读 · 0 评论 -
Typescript中的类的定义,继承
定义类通过关键字 class 来定义;class Person { name: string; // s属性 constructor(n:string) { // 构造函数,实例化类的时候触发的方法 this.name = n; } run(): void { console.log('name:',this.name); } getName(): string { return this.name; } setName(name: s..原创 2021-01-30 16:51:57 · 281 阅读 · 0 评论 -
es5中的类,静态方法,继承
先看一下ES5中类的定义:// 定义一个类,类中有属性,有方法function Person() { this.name = "张三"; this.age = 13; this.run = function () { console.log(this.name + '在运动') } }// 添加静态方法 Person.infor=function(){ console.log("我是静态方法");原创 2021-01-30 15:11:07 · 290 阅读 · 0 评论 -
Typescript学习--函数声明
先看一下es5中定义函数的方式:// 函数声明function run3() { }// 匿名函数var run4 = function () { }再看一下ts中的定义函数的方式:// 函数声明法function run5(): string { return "run5";}// 匿名函数var run6 = function (): number { return 123;}//有参数的方法定义functiongetInfo(name:str...原创 2021-01-30 14:00:07 · 606 阅读 · 0 评论 -
Typescript学习--数据类型
数据类型:1,布尔类型( boolean ): true , falsevar flag:boolean = true; // 定义boolean类型的flag2, 数字类型(number)var a:number = 123; // 定义number类型的a3,字符串类型(string)var name:string = "张三"; // 定义string类型的name4,数组类型(array)// 定义数组方式一var arr:number[] = [1,2..原创 2021-01-29 17:18:11 · 91 阅读 · 0 评论 -
Typescript学习--安装,检测,配置
1,Typescript是由微软开发的一款开源的编程语言;2,安装: (选择一种方式安装即可,前提是要有npm, 或者cnpm 或者yarn, 没有的自行百度安装)npm install -g typescript // npm 方式cnpm install -g typescript // cnpm 方式yarn global add typescript // yarn 方式备注: 想使用npm 指令,电脑必须安装nodejs, 想使用cnpm ,使用npm安装cnpm --->原创 2021-01-29 11:21:21 · 1923 阅读 · 0 评论 -
js中对字符串操作的方法substring(),substring(),slice()
相同点:都是对字符串进行截取,返回一个新的字符串,不会改变原字符串;不同点:substring(start, stop) ; 返回下标start 到 stop -1 之间的字符串;substring参数说明 参数 说明 start 必需。一个非负的整数,规定要提取的子串的第一个字符在string中的位置。 stop 可选。一个非负的整数,比要提取的子串的最后一个字符在string中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。 ...原创 2020-12-09 11:22:37 · 4222 阅读 · 0 评论 -
vue-cli3 一直运行 /sockjs-node/info?t= 解决方案
如果你的项目没有用到 sockjs,vuecli3 运行 npm run serve 之后 network 里面一直调研一个接口:http://localhost:8080/sockjs-node/info?t=14621837000021. 找到/node_modules/sockjs-client/dist/sockjs.js2.找到代码的 1606行 try { // self.xhr.send(payload); 把这里注掉 } catch (e) { ...原创 2020-10-28 16:18:39 · 294 阅读 · 0 评论 -
js中如何深拷贝数组
深拷贝和浅拷贝的区别这里不再赘述;百度了一下如何深拷贝,说是可以使用concat() , 或者 slice(0) ; 使用后发现并不能达到效果,虽然他们都能返回一个新的数组,,,,但还是不能够彻底深拷贝,之后使用了 JSON.stringify() 和 JSON.parse() 完美解决;...原创 2020-10-12 15:36:57 · 642 阅读 · 2 评论 -
269个JavaScript小函数( 三三三三三三三三 )
131.file转base64 /** * @param { * } file 图片文件 */ export const fileToBase64 = file => { let reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function (e) { return e.target.result };原创 2020-06-16 14:43:05 · 240 阅读 · 0 评论 -
269个JavaScript小函数( 二二二二二二二 )
91.返回当前urlexportconstcurrentURL=()=>window.location.href;92.获取url参数(第一种)/***@param{*}name*@param{*}origin*/exportfunctiongetUrlParam(name,origin=null){letreg=newRegExp("(^|&)"+name+"=([^&]*)(&...原创 2020-06-16 14:41:40 · 174 阅读 · 0 评论 -
269个JavaScript小函数(----------)
1.匹配正整数//匹配正整数letisPositiveNum=val=>{return/^[1-9]d*$/.test(val);};console.log(isPositiveNum(9))//trueconsole.log(isPositiveNum(2.2))//false2.匹配负整数//匹配负整数letisNegativeNum=val=>{return/^-[1-9]d*$/.test(val);}...原创 2020-06-16 14:28:21 · 3625 阅读 · 0 评论 -
记录js遇到的问题
1,下面两个函数调用后返回的结果相同吗?function foo1(){ return { bar: "hello" };}function foo2(){ return { bar: "hello" };}答案不一样的;先看结果:调用函数foo1 返回的是一个对象{bar:"hello"};调用函数foo2 返回的是 undefined ;原因是:即分号在JavaScript中是一个可选项。当碰到 foo2()中包含 return语句...原创 2020-06-16 14:24:34 · 146 阅读 · 0 评论 -
vue项目中使用js实现页面缓慢回到顶部
执行方法: scrollAnimation(currentY, targetY) { // 获取当前位置方法 // 计算需要移动的距离 let needScrollTop = targetY - currentY let _currentY = currentY setTimeout(() => { //...原创 2020-04-26 14:46:19 · 824 阅读 · 0 评论 -
js中获取当前时间的年月日时分秒,时间戳,通过时间戳获得年月日,当前月多少天,当前月第一天以及最后一天,,返回某一天是周几;
var date = new Date(); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? ('0' + m) : m; var d = date.getDate(); d = d < 10 ? (...原创 2020-03-22 20:24:26 · 6609 阅读 · 0 评论 -
对于高度不确定,想要使用transition使高度有过渡效果,解决方法如下
先看效果图:从效果图上可以看出,该折叠层包含两层;所有分类可以折叠,里面的分类分级,渠道品牌,品牌,产业还可以折叠;只有外层有高度过渡效果,内层没有;两层折叠的时候 ,其实我并没有完美解决好内层的过渡效果;初始状态是外层是展开的,内层是折叠的;内层终止高度不确定,才会出现内层没有过渡效果;如果内层也是展开的,则可以完美解决;先以外层有过渡,内层无过渡的情况来说明思路:初始时,外...原创 2020-03-03 16:49:44 · 3963 阅读 · 5 评论 -
js中一些优雅操作,比如生成随机时间,随机颜色等等
1,每一秒都显示当前时间: setInterval(function(){ document.getElementById("inner").innerHTML = new Date().toLocaleString() }, 1000);2,随机生成十位数字字母组合的随机数:var ran = Math.random()...原创 2020-02-12 16:15:09 · 385 阅读 · 0 评论 -
js中常用的工具函数
1,此段代码返回两个或多个数的平均数const allEqual = arr => arr.every(val => val === arr[0]);allEqual([1, 2, 3, 4, 5, 6]); // falseallEqual([1, 1, 1, 1]); // true2.用于检测页面是否滚动到页面底部。const bottomVisible = (...原创 2020-02-09 19:52:39 · 198 阅读 · 0 评论 -
js,jQuery操作节点,获取、设置属性,操作class属性
1,创建元素节点:js: document.createElement("div")jQuery: $("<div></div>")2,创建文本节点并添加到某个元素节点:js: var e1 = document.createTextNode("text content"); // 创建文本节点 var e2 = document....原创 2020-01-06 17:48:25 · 2278 阅读 · 0 评论