javascript组件
Angular 实现分页器组件
很感谢 angular实现简单的pagination分页组件 - Amor丶Diamond - 博客园 (cnblogs.com) , 我根据这位博主代码做了修改, 增加了跳转和每页行数功能. 先看图: // 可配置项 // totalItem 数据总条数 // maxSize：最多显示几页 // ......
有关Vue-Cli5.X工程中ESLint组件命名检查问题解决
个人开发环境简介,工具用的Visual Studio Code,因为每个人的开发环境不同，不可能所有解决方案通用，防止踩坑。 ```js PS F:\VueWorkSpace\vue_router_test> node -v v16.12.0 PS F:\VueWorkSpace\vue_route ......
vue3组件
概念 组件是视图层的基本组成单元。 组件是一个单独且可复用的功能模块的封装。 一个组件包括开始标签和结束标签，标签上可以写属性，并对属性赋值。内容则写在两个标签之内。 根节点为 <template>，这个 <template> 下在App、H5可以有多个根 <view> 组件，在小程序只能有一个根 ......
学习JavaScript的路径
学习JavaScript的路径可以按照以下步骤进行： 了解基本概念：首先学习JavaScript的基本概念，包括变量、数据类型、运算符、数组、对象、循环和条件语句等。可以通过阅读相关的教材、在线课程或者参考W3Schools和MDN文档等来学习。 学习控制DOM元素：学习如何使用JavaScript ......
前端Vue仿企查查天眼查高管信息列表组件
随着技术的不断发展，传统的开发方式使得系统的复杂度越来越高。在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开发，单独维护，而且它们之间可以随意的进行组合。大大 ......
前端Vue仿企查查 天眼查知识产权标准信息列表组件
引入Vue仿企查查天眼查知识产权标准信息列表组件 随着技术的不断发展，传统的开发方式使得系统的复杂度越来越高。在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开 ......
前端Vue自定义得分构成水平柱形图组件 可用于系统专业门类得分评估分析
引入Vue自定义得分构成水平柱形图组件：cc-horBarChart 随着技术的发展，传统的开发方式使得系统的复杂度越来越高，一个小小的改动或小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开发，单独 ......
JavaScript Map.groupBy All In One
JavaScript Map.groupBy All In One
......
javascript: confirm alert box costomer style
// JavaScript Document /* 參考資源: https://developer.mozilla.org/en-US/docs/Web/API/Window/alert https://developer.mozilla.org/en-US/docs/Web/API/Window/ ......
.NET Core如何使用第三方组件Autofac
首先先了解一下什么是Autofac Autofac用于在 .NET Core 应用程序中管理组件的生命周期和依赖关系。 我们在开发一个项目的时在Program中注入依赖注入的生命周期，项目工程比较大的时候我们就要实现很多注入，最致命的缺点就是耽误太多时间，为解决这一问题的最好解决方法就是使用到Aut ......
vue2组件
概念 组件是视图层的基本组成单元。 组件是一个单独且可复用的功能模块的封装。 一个组件包括开始标签和结束标签，标签上可以写属性，并对属性赋值。内容则写在两个标签之内。 根节点为 <template>，这个 <template> 下只能且必须有一个根 <view> 组件。这是vue单文件组件规范。 一 ......
JavaScript—DOM
传统获取方式 传统方式元素获取方式 <body class="mybody"> <input type="button" value="点击" id="btn"> <div id="dv1" name="mydiv" class="cls"> <p>111</p> <p>222</p> </div> ......
JavaScript—节点
节点的概念 节点：网页中的所有内容都是节点，例如标签、属性、文本、注释、回车、换行、空格等。 节点属性：可以用标签--元素.出来，可以使用属性节点.出来,文本节点.点出来。 nodeType: 节点的类型： 1-标签DIV-1 2-属性:class 3-文本:innerText nodeName:节 ......
JavaScript—BOM
概念 BOM(Browser Object Model)是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。我们在浏览器中的一些操作都可以使用BdM的方式进 ......
JavaScript—轮播图
概念 轮播图（Carousel）是一种常见的网页设计元素，用于展示多张图片或信息。它通常由一个容器和一组水平排列的图片或内容组成。轮播图中的图片会按照一定的规律（例如自动轮播、点击切换或滑动切换等）进行切换，以便在有限的空间内展示多个内容。 HTML元素 网页元素 <div class="wrap" ......
JavaScript—数组
数组的概念 数组是指一组数据的集合，其中的每一个数据称作元素在数组中可以存放任意类型的元素。 数组是一种将一组数据存储在单个变量名下的方式。 创建数组 创建数组 var arr = new Array();// 使用new 创建一个空数组 var arr0 = []; //利用数组字面量创建数组 v ......
JavaScript—函数
函数的概念 在js里面，可能会定义非常多的相同代码或功能相似的代码，这些代码需要大量重复地使用。 函数就是封装了一段可被重复调用的代码块。通过代码块实现大量代码的重复使用。 函数示例 //常规方法 var sum = 0; for (var i = 1; i <= 100; i++) { sum + ......
JavaScript—作用域
JavaScript作用域： 就是代码名字（变量）在某个范围内起作用和效果。目的是/为了提高程序的可靠性同时减少命名冲突。 JavaScript作用域在（es6）之前：全局作用域和局部作用域。 全局作用域：整个Script标签或者一个单独的js文件。 局部作用域：在函数内部就是局部作用域。这个代码名 ......
JavaScript—预解析
预解析口诀：先声明再调用 JavaScript代码是由浏览器中的JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分为两步：预解析和代码执行。 预解析的变量问题 /*console.log(unknow);*/ // 报错:使用了未定义的变量 cons ......
JavaScript—对象
为什么需要对象 保存一个值时，可以使用变量，保存多个值（一组值）时，可以使用数组。如果要保存一个人的完整信息（信息面板）呢？ 在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。 对象是由属性和方法组成。 属性：事物的特征，在对象中用属 ......
JavaScript—内置对象
内置对象是什么 JavaScript中的对象分为三种：自定义对象，内置对象和浏览器对象。 前面两种对象是JS基础内容，属于ECMAScript；第三个浏览器对象属于我们JS独有的。 内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）。 ......
JavaScript—运算符
算术运算符 概念：算术运算使用的符号，用于执行两个变量或值的算术运算。 运算符 描述 例子 + 加 1+1-2 - 减 1-1=0 * 乘 1*1=1 / 除 1/1=1 % 取模（取余数） 1%1=0 算数运算符 console.log(1 + 1); console.log(1 - 1); co ......
JavaScript—流程控制（分支）
流程控制 在程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。通常需要通过控制代码的执行顺序来实现我们要完成的功能。 简单理解：流程控制就是控制我们的代码按照什么结构顺序来执行。 流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行顺序。 顺序流程控制 ......
JavaScript—标识符命名规范
标识符的语法规范 变量、函数必须要有意义 变量名名称一般用名词 函数的名称一般用动词 操作符规范 操作符两边各保留一个空格 单行注释规范 单行注释前有个空格。（如图红框处） 注释规范图 其他规范 如图所示红框处空格 其他规范图 ......
JavaScript—简单类型与复杂类型
简单数据类型的内存分配 简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。 （简单）值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型：string，number，boolean，undefined，null。 简单数据类型存放在栈里面 查看代码 var t ......
JavaScript—转换为布尔类型
方式 说明 案例 Boolean()函数 其他类型转为布尔类型 Boolean('true') 代表空、否定的值会被转换为false，如 '' 、0、NaN 、null 、undefined 其余值都转换为ture 布尔转换 console.log(Boolean('')); console.log ......
JavaScript—计算年龄、简单加法器
计算年龄： 弹出输入框prompt，提示用户输入出生年份。 把输入内容保存起来，用今年的年份减去变量，得到现在的年龄。 利用弹出窗口（alert）输出结果。 计算年龄 var year = prompt('请输入你的出生年份：'); var age= 2023 - year; alert('你的年龄 ......
JavaScript—标识符、关键字、保留字
标识（zhi）符：是指开发人员为变量、属性、函数、参数取的名字。标识符不能是关键字或保留字 关键字：是指JS本身已经使用的字，不能再用它充当变量名或方法名。 包括 break、case、catch、continue、dfault、delete、do、else、do、else、finally、for、 ......
JavaScript—parselnt、parseFloat、Number、隐式转换
方式 说明 案例 parselnt(string) 把string类型转为数值类型 parselnt（'78'） parseFloat(string) 把string类型转换为浮点型 parseFloat(78.21) Number()强制转换函数 把string类型转换为数值类型 parseFlo ......
Javascript的作用域
#var ”变量提升“现象，只是声明的提升，定义或者赋值不提升 代码例子1： // var 的情况 console.log(foo); // 输出undefined var foo = 2; 等效于 // var 的情况 var foo; console.log(foo); // 输出undefin ......