kgdrdfeyve-CSDN博客

原创 JS三种等号的区别（=、==、===）

一个等号是赋值操作，==先转换类型再比较，===先判断类型，如果不是同一类型直接为false。alert(1 ==“1”); // truealert(1 === “1”); // false

2021-10-01 14:59:06 171

原创编程导航 https://www.code-nav.cn/

编程导航 - 发现优质编程资源

2021-10-01 13:06:14 3781

前端组件库搭建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 368

原创 CSS 布局

A collection of popular layouts and patterns made with CSS - CSS LayoutCSS 布局使用 CSS 制作的流行布局和图案以下封面仅使用 CSS 制作。检查他们！展示手风琴箭头按钮头像123头像列表1徽章.

2021-10-01 11:53:07 110

原创若依 / RuoYi-Vue(企业级后台管理系统)

2021-10-01 11:42:28 2028

转载 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 362

转载开发JavaScript组件（完整示例）

使用JavaScript，按照面向对象的思想来构建组件。现以构建一个TAB组件为例。从功能上讲，组件包括可视部分和逻辑控制部分；从代码结构上讲，组件包括代码部分和资源部分（样式、图片等）。组件的特点：高内聚，低耦合（不与其他代码逻辑交叉，可以继承，包含）；封装性（隐藏私有方法和变量）；可重用性（可反复多次使用，用来组装更复杂的应用）。<html><head><meta http-equiv="Content-Type" content="text/html.

2021-09-30 15:10:07 1004

转载 normalize.css

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//* Document ========================================================================== *//** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of fon.

2021-09-30 15:03:45 42

转载快收藏！这些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 94

转载闭包的使用场景

一、闭包　　由于在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 81

转载 javascript组件化

作为一名前端工程师，写组件的能力至关重要。虽然javascript经常被人嘲笑是个小玩具，但是在一代代大牛的前仆后继的努力下，渐渐的也摸索了一套组件的编写方式。下面我们来谈谈，在现有的知识体系下，如何很好的写组件。比如我们要实现这样一个组件，就是一个输入框里面字数的计数。这个应该是个很简单的需求。我们来看看，下面的各种写法。为了更清楚的演示，下面全部使用jQuery作为基础语言库。最简陋的写法嗯所谓的入门级写法呢，就是完完全全的全局函数全局变量的写法。（就我所知，现在好多外

2021-09-28 14:32:18 210

转载 Javascript面向对象编程（三）：非构造函数的继承

今天是最后一个部分，介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承？比如，现在有一个对象，叫做"中国人"。　　var Chinese = {　　　　nation:'中国'　　};还有一个对象，叫做"医生"。　　var Doctor ={　　　　career:'医生'　　}请问怎样才能让"医生"去继承"中国人"，也就是说，我怎样才能生成一个"中国医生"的对象？这里要注意，这两个对象都是普通对象，不是构造函数，无法使用构造函数方法实现"继承"。二、

2021-09-28 14:29:34 69

转载 Javascript面向对象编程（二）：构造函数的继承

这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。今天要介绍的是，对象之间的"继承"的五种方法。比如，现在有一个"动物"对象的构造函数。　　function Animal(){　　　　this.species = "动物";　　}还有一个"猫"对象的构造函数。　　function Cat(name,color){　　　　this.name = name;　　　　this.color = color;　　}怎样才能使"猫"

2021-09-28 14:28:22 66

转载 Javascript 面向对象编程（一）：封装

学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。下面就是我的学习笔记，希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍：《面向对象的Javascript》（Object-Oriented JavaScript）《Javascript高级程序设计（第二版）》（Professional JavaScript for Web Developers, 2nd Edit

2021-09-28 14:26:25 55

转载 JS组件系列——封装自己的JS组件，你也可以

前言：之前分享了那么多bootstrap组件的使用经验，这篇博主打算研究下JS组件的扩展和封装，我们来感受下JQuery为我们提供$.Extend的神奇，看看我们怎么自定义自己的组件，比如我们想扩展一个$("#id").MyJsControl({})做我们自己的组件，我们该如何去做呢，别急，我们慢慢来看看过程。一、扩展已经存在的组件1、需求背景很多时候，我们使用jquery.ajax的方式向后台发送请求，型如　　　　　　$.ajax({ type: "p

2021-09-28 14:23:59 1073

转载 JS组件系列——使用HTML标签的data属性初始化JS组件

前言：最近使用bootstrap组件的时候发现一个易用性问题，很多简单的组件初始化都需要在JS里面写很多的初始化代码，比如一个简单的select标签，因为仅仅只是需要从后台获取数据填充到option里面，可是从后台取数据就需要js的初始化，所以导致页面初始化的时候js的初始化代码里面出现很多重复的代码，看着很闹心。于是想起bootstrap table里面的data属性来，如果能够直接在html里面使用data-*这种方式来初始化简单的组件，那该多爽。我们先来看看bootstrap table的文档：

2021-09-28 14:21:57 509