JavaScript
关注
分享
扫一扫
春风得意之时
一个追求高质量的人
展开
-
JavaScript转换平级数据为父子级数据
假如后端返回的结构如下：转为值为itemId、parentItemId原创 2024-02-01 11:58:58 · 580 阅读 · 1 评论 -
javascript判断数据是否为空
【代码】javascript判断数据是否为空。原创 2023-11-02 15:35:47 · 237 阅读 · 0 评论 -
js封装一个函数重置对象数据为基本数据类型
原文链接：https://juejin.cn/post/7160480314089799710。日常开发表单中经常使用的一个重置对象数据 : 列如（翻译 2023-08-24 09:33:08 · 243 阅读 · 0 评论 -
js对象数组重复值，保留一个对象值，其余的删掉
js对象数组重复值，值保留一个值原创 2022-09-05 17:23:44 · 1412 阅读 · 0 评论 -
javascript将数组对象里面每个值（字段）相等的进行分组
根据数组里面每个对象中某个共同字段进行分组原创 2022-09-05 17:19:13 · 1531 阅读 · 0 评论 -
javascript中bind函数理解
bind函数会创建一个新的函数体；bind函数第一个参数是改变this的指向，第二个以及之后的每个参数都是传进去原来的函数参数；bind函数是在Function原型上的；bind 函数可以用来递归遍历数组；原创 2022-04-18 12:50:57 · 730 阅读 · 0 评论 -
带你全面理解JS模块的标准（AMD、CMD、COMMON.JS 、 UMD、ESM）
在前端的世界演变里，有着几种JS的模块规范，从出现的序言来说就是：①amd②cmd③common.js④ umd⑤ esm现在Vue框架里面都是遵守esm规范，不得不说esm是目前最好最流行的一种js规范了amd - 浏览器中的js模块化解决方案AMD 全称是 Async Module Definition -中文： 异步模块化定 义require.js是AMD模块规范的一个具体实现核心是通过define方法对无序的代码进行有序的模块化定义，通过require方法实现代码的模块化加原创 2022-04-15 11:19:41 · 3023 阅读 · 0 评论 -
js遍历对象的三种基本用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> var obj = { name:'freddy', age:30, job:"web", } // for in for (co原创 2021-12-18 20:56:23 · 395 阅读 · 0 评论 -
仿照jq的模式封装自己的一个路由东西
废话不多说，直接代码/*! * router JavaScript Library v1.1.0 for web * http://39.107.139.174:8084 * author huangjunfu * /aplanmis-project/aplanmis-mall/src/main/resources/static/mall/js/utils * * Date: 2019-07-12 T15:04 * update:2019-12-17 T14:48 * describe原创 2021-10-21 18:37:31 · 153 阅读 · 0 评论 -
闭包的经典应用
经常遇到的一个例子：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div{ width: 100px; height: 100px; background: red; margin: 10px 0px; } </style> </hea原创 2020-08-27 16:00:37 · 179 阅读 · 0 评论 -
javascript call的实际应用
直接上代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #divinner{ width: 100px; height: 100px; background: darkgreen; } </style> </head> <bod原创 2020-08-17 18:54:47 · 275 阅读 · 0 评论 -
javascript this指向
1、作为对象的方法调用 // 作为对象被调用 var obj = { a:1, getName:function(){ console.log(this === obj); console.log(this.a); } } obj.getName(); // true 1浏览器结果2. 作为普通函数调用 window.name = 'globalName'; var getName = function(){ r原创 2020-08-14 16:31:42 · 177 阅读 · 0 评论 -
javascirpt的原型继承原理
要理解JavaScript到底是怎么实现面向对象、继续以及多态的原理，就要追溯到它本身的语言特点说起，JavaScript和Java等后端语言不同，它没有强制性地要求声明时就要知道某个数据的类型，也就是说，JavaScript是一门灵活多变的动态语言，也正是因为这样的特点，所以才让它具有原型继承的一系列优点，从原型设计模式中，我们可以非常清楚的知道，编程范型这种设计是，有多么的好，实际上基于原型进行继承的语言，也不止有JavaScript一种，在很早之前就有了，比喻：Self 语言和 Smalltalk原创 2020-08-12 18:29:33 · 263 阅读 · 0 评论 -
js的原型模式（关键是clone）
既然原型模式是通过克隆来创建对象的，那么很自然地会想到，如果需要一个跟某个对象一模一样的对象，就可以使用原型模式。假设我们在编写一个飞机大战的网页游戏。某种飞机拥有分身技能，当它使用分身技能的时候，要在页面中创建一些跟它一模一样的飞机。如果不使用原型模式，那么在创建分身之前，无疑必须先保存该飞机的当前血量、炮弹等级、防御等级等信息，随后将这些信息设置到新创建的飞机上面，这样才能得到一架一模一样的新飞机。如果使用原型模式，我们只需要调用负责克隆的方法，便能完成同样的功能。原型模式的实现关键，是语原创 2020-08-12 10:03:35 · 309 阅读 · 0 评论 -
使用JavaScript 模拟出 public 和 private 这两种后端语言（Java，PHP）封装性
体验一下 js 封装数据请看代码 var myobj = (function(){ var __name = 'freddy' // 私有（private）变量 return { getName:function(){ // 公开（public）方法 return __name; } } })(); console.log(myobj.getName()); // freddy console.log(myobj.__name); //原创 2020-08-11 17:53:16 · 135 阅读 · 0 评论 -
多态在面向对象程序设计中的作用 js代码
var makeSound = function(animal){ if(animal instanceof Duck){ console.log('嘎嘎嘎'); }else if(animal instanceof Chicken){ console.log('咯咯咯'); }} var Duck = function(){}var Chicken = function(){}makeSound(new Duck());makeSound(new Chicken())原创 2020-08-11 15:43:10 · 237 阅读 · 0 评论 -
鸭子类型
看到标题，可能你认为这个文章是说鸭子的，但实际这个是说javascript首页因为JavaScript是个动态类型的语言，所以造成它具有很多的灵活性，所以才回有个，鸭子的比喻鸭子类型的通俗说法是：“如果它走起路来像鸭子，叫起来也是鸭子，那么它就是鸭子。下面是将上图用一段js代码描述出来，如下： var yanzijiao = { chuning:function(){ console.log("我会鸭子叫"); } } var jifangyazijiao =原创 2020-08-11 15:24:27 · 393 阅读 · 0 评论 -
后端修改密码的简单弹窗
后台的小伙，因为前端的功底不是很好，在做后台时，遇到一个修改的密码的弹窗不会弄，找到我，特意为其写了个demo<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #updataPwdBox{原创 2017-10-25 10:33:57 · 6193 阅读 · 0 评论 -
拆红包特效
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>翻译 2017-08-10 17:01:58 · 1975 阅读 · 0 评论 -
ES5和ES6类定义和继承
ES6代码： class Animal { constructor(name) { this.name = name; } getName(){ return this.name; } } class Dog extends Animal { constructor(name) { super(name) } speak(){ return "huang" } } var dog =原创 2021-02-04 10:36:27 · 131 阅读 · 0 评论