![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 77
kgdrdfeyve
这个作者很懒,什么都没留下…
展开
-
JS三种等号的区别(=、==、===)
一个等号是赋值操作,==先转换类型再比较,===先判断类型,如果不是同一类型直接为false。alert(1 ==“1”); // truealert(1 === “1”); // false原创 2021-10-01 14:59:06 · 167 阅读 · 0 评论 -
前端组件库大合集-必备收藏
前端组件库 搭建web app常用的样式/组件等收集列表(移动优先) 0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Runner F.I.S – 前端集成解决方案 前端模块管...转载 2021-10-01 12:31:05 · 357 阅读 · 0 评论 -
node与Elment以及子节点childrenNode与children的区别
测试代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><ul id="ul1"> <li>x</li> <li>x</li> <li>x转载 2021-09-30 15:14:26 · 352 阅读 · 0 评论 -
开发JavaScript组件(完整示例)
使用JavaScript,按照面向对象的思想来构建组件。现以构建一个TAB组件为例。从功能上讲,组件包括可视部分和逻辑控制部分;从代码结构上讲,组件包括代码部分和资源部分(样式、图片等)。组件的特点:高内聚,低耦合(不与其他代码逻辑交叉,可以继承,包含);封装性(隐藏私有方法和变量);可重用性(可反复多次使用,用来组装更复杂的应用)。<html><head><meta http-equiv="Content-Type" content="text/html.转载 2021-09-30 15:10:07 · 995 阅读 · 0 评论 -
快收藏!这些JS数组小技巧
今天,我想来聊聊JS处理数组有哪些小妙招值得我们关注?数组置空数组置空?这不是基操吗?我直接甩一手代码就问怕不怕letarr=[1,2,3]arr=[]其实啊arr=[]是将arr数据引用到空数组[]中,其他引用arr数据的变量是不受影响的。这就意味着,数组先前的内容依旧保存在内存中,当数据量比较大时,可以会造成内存泄漏。那么如何避免类似的隐患?letarr=[1,2,3]arr.length=0这样就可以彻底清空arr数据的内容,先前引用arr数...转载 2021-09-30 15:00:30 · 85 阅读 · 0 评论 -
闭包的使用场景
一、闭包 由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,闭包就是能够读取其他函数内部变量的函数。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。 比如下面的代码:function f1() { var n = 999; function f2() { console.log(n); } return f2;}var result = f1();result();//999 函数f2就被包括转载 2021-09-28 14:40:34 · 72 阅读 · 0 评论 -
javascript组件化
作为一名前端工程师,写组件的能力至关重要。虽然javascript经常被人嘲笑是个小玩具,但是在一代代大牛的前仆后继的努力下,渐渐的也摸索了一套组件的编写方式。下面我们来谈谈,在现有的知识体系下,如何很好的写组件。比如我们要实现这样一个组件,就是一个输入框里面字数的计数。这个应该是个很简单的需求。我们来看看,下面的各种写法。为了更清楚的演示,下面全部使用jQuery作为基础语言库。最简陋的写法嗯 所谓的入门级写法呢,就是完完全全的全局函数全局变量的写法。(就我所知,现在好多外转载 2021-09-28 14:32:18 · 203 阅读 · 0 评论 -
Javascript面向对象编程(三):非构造函数的继承
今天是最后一个部分,介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承?比如,现在有一个对象,叫做"中国人"。 var Chinese = { nation:'中国' };还有一个对象,叫做"医生"。 var Doctor ={ career:'医生' }请问怎样才能让"医生"去继承"中国人",也就是说,我怎样才能生成一个"中国医生"的对象?这里要注意,这两个对象都是普通对象,不是构造函数,无法使用构造函数方法实现"继承"。二、转载 2021-09-28 14:29:34 · 61 阅读 · 0 评论 -
Javascript 面向对象编程(一):封装
学习Javascript,最难的地方是什么?我觉得,Object(对象)最难。因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握。下面就是我的学习笔记,希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍:《面向对象的Javascript》(Object-Oriented JavaScript)《Javascript高级程序设计(第二版)》(Professional JavaScript for Web Developers, 2nd Edit转载 2021-09-28 14:26:25 · 46 阅读 · 0 评论 -
JS组件系列——封装自己的JS组件,你也可以
前言:之前分享了那么多bootstrap组件的使用经验,这篇博主打算研究下JS组件的扩展和封装,我们来感受下JQuery为我们提供$.Extend的神奇,看看我们怎么自定义自己的组件,比如我们想扩展一个$("#id").MyJsControl({})做我们自己的组件,我们该如何去做呢,别急,我们慢慢来看看过程。一、扩展已经存在的组件1、需求背景很多时候,我们使用jquery.ajax的方式向后台发送请求,型如 $.ajax({ type: "p转载 2021-09-28 14:23:59 · 1057 阅读 · 0 评论 -
JS组件系列——使用HTML标签的data属性初始化JS组件
前言:最近使用bootstrap组件的时候发现一个易用性问题,很多简单的组件初始化都需要在JS里面写很多的初始化代码,比如一个简单的select标签,因为仅仅只是需要从后台获取数据填充到option里面,可是从后台取数据就需要js的初始化,所以导致页面初始化的时候js的初始化代码里面出现很多重复的代码,看着很闹心。于是想起bootstrap table里面的data属性来,如果能够直接在html里面使用data-*这种方式来初始化简单的组件,那该多爽。我们先来看看bootstrap table的文档:转载 2021-09-28 14:21:57 · 497 阅读 · 0 评论