javascript组件

JavaScript中的module.export

### module JavaScript一直没有模块(module)体系,无法将一个大工程拆分成互相依赖的小文件,再用简单的方法将它们拼装起来。ES6在语言规格的层面上实现了模块功能,成为浏览器和服务器通用的模块解决方案。 ```javascript // ES6 模块 import { stat ......
JavaScript module export

常用的前端JavaScript方法封装

1、输入一个值,返回其数据类型** function type(para) { return Object.prototype.toString.call(para) } 2、数组去重 function unique1(arr) { return [...new Set(arr)] } functi ......
前端 JavaScript 常用 方法

Element-常用组件-表格-表单-对话框-分页工具条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--格式--> <style> .el-table .warning-row { background: oldlace; } ......
表单 对话框 组件 表格 常用

记录--组件库的 Table 组件表头表体是如何实现同步滚动?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 在使用 Vue 3 组件库 Naive UI 的数据表格组件 DataTable 时碰到的问题,NaiveUI 的数据表格组件 DataTable 在固定头部和列的示例中,在键盘操作下表格横向滚动会有问题,本文是记录下解决问题的过程 ......
组件 表头 Table

【10.0】前端基础之JavaScript进阶

# 【10.0】前端基础之JavaScript进阶 # 【一】自定义对象 - 可以看成Python中的字典,但是在JS中的自定义对象要比Python里面的字典操作起来更方便 ## 【1】创建自定义对象方式一 ```js var d = {"键":"值",}; ``` - 操作方法 ```js var ......
前端 JavaScript 基础 10.0 10

JavaScript 数组的 reduce 方法有哪些应用

# JavaScript 数组的 reduce 方法有哪些应用 JavaScript 中的`reduce()`方法可以用于将数组元素汇总为单个值,它接受一个回调函数作为参数,并在每个数组元素上调用该函数,以便将其累加到一个累加器变量中。下面是一些实际应用: 1. 数组求和:使用 reduce()方法 ......
数组 JavaScript 方法 reduce

【8.0】前端基础之JavaScript引入

# 【8.0】前端基础之JavaScript引入 # 【一】什么是JavaScript - js也是一门编程语言,他可以写后端代码 - JavaScript想一统天下,前后端都写 - 于是node.js 支持JS代码跑在后端服务器上 - 但是并不能完美的实现 - JavaScript和Java一毛钱 ......
前端 JavaScript 基础 8.0

【9.0】前端基础之JavaScript初识

# 【9.0】前端基础之JavaScript初识 > js也是一门面向对象的编程语言,一切皆对象 # 【一】变量命名规范 - 变量名只能是 数字/字母/下划线/$ - 变量名命名规范(js中推荐驼峰式命名法) - 变量民不能用关键字作为变量名 # 【二】JS代码的书写位置 - 可以单独开设JS文件书 ......
前端 JavaScript 基础 9.0

Vue内置缓存组件keep-alive

<el-tab-pane label="周边配套" :disabled=!gardenId name="five"> <keep-alive> <Surrour :gardenId="gardenId" v-if="activeName 'five'"/> </keep-alive> </el-ta ......
缓存 keep-alive 组件 alive keep

Jetpack Compose:开始使用组件

# 接上篇 https://www.cnblogs.com/develon/p/17417599.html # ``` import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout ......
组件 Jetpack Compose

javascript现代编程系列教程之X——javascript人工智能

JavaScript 在人工智能(AI)领域的应用主要体现在以下几个方面: 1. **浏览器端的机器学习**:TensorFlow.js 是一个在浏览器中运行的 JavaScript 机器学习库,它允许开发者训练和部署机器学习模型。这使得开发者可以在浏览器端进行实时的机器学习任务,无需将数据传输到服 ......
javascript 人工智能 人工 智能 教程

Containerd组件 —— containerd-shim-runc-v2作用

1、概述 通过《浅析开源容器标准——OCI》、《浅析容器运行时》和《浅析Kubernetes CRI》这三篇博文我们了解了容器标准OCI、容器运行时以及Kubernetes CRI,在本文以当前最火的容器运行时containerd为例,讲解下它是如何运行和管理容器进程的。 在讲解containerd ......

自己封装可复用的echarts通用组件

分为两部分 组件chatModule.vue <template> <div ref="mybar" :style="{ width: width, height: height }"></div> </template> <script> export default { props: { //图 ......
组件 echarts

【十二】JavaScript之BOM

# 【十二】JavaScript之BOM ## 【1】什么是BOM - BOM(Brower Object Model,浏览器对象模型),主要是浏览器中js解释器提供给开发者调用浏览器功能的对象或接口方法 - 因为旧版本浏览器厂商实现不一样,所以有可能存在同一段代码在不同旧浏览器下的结果不一致的兼容 ......
JavaScript BOM

【十三】JavaScript之DOM

# 【十三】JavaScript之DOM ## 【1】DOM - DOM(Document Object Model,译作文档对象模型),这部分内容主要是学习document对象提供给开发者操作html/xml文档的方法属性或子对象来完成动态特效的。 - 当然这部分代码在不同浏览器下的效果几乎一样, ......
JavaScript DOM

【十四】JavaScript之DOM中的事件操作

# 【十四】JavaScript之DOM中的事件操作 ## 【1】事件操作 - 所谓的事件(Event),其实就是用户与浏览器之间的一次交互过程或交互行为。 - 例如:用户输入一段内容,用户鼠标晃动一下等等。 - js中提供了大量的事件操作给开发者, 在用户发生事件操作以后,进行反馈,响应。 - 事 ......
JavaScript 事件 DOM

【八】JavaScript之函数

# 【八】JavaScript之函数 ## 【1】函数 - javascript 被称为披着面向对象的皮的函数式编程语言,是函数优先的编程语言,所以本质上js中的一切都是基于函数构建出来,所以函数本身也是对象,也是一等公民。 - function,是类似变量一样的容器,代表了一段具有指定功能的代码段 ......
JavaScript 函数

【二】JavaScript基本语法

# 【二】JavaScript基本语法 ## 【1】注释 - javascript中有2种注释写法。 - 注释在程序中时经常见到的,主要写给程序员查看。 - 一般良好的程序,往往一个源码文件中有1/4或者1/3内容就是注释。 ```javascript // 单行注释 /* 多行注释 多行注释 */ ......
语法 JavaScript

【九】JavaScript之对象

# 【九】JavaScript之对象 ## 【1】对象 - js中,虽然是函数优先的编程语言,但是使用上也是基于对象的 - 所以在js中也存在万物皆为对象的情况。 ## 【2】对象的创建 ```html Title ``` ## 【3】对象的基本使用 ```html Title ``` ## 【4】 ......
JavaScript 对象

【一】JavaScript之引入

# 【一】JavaScript之引入 - 简称“js”,是web前端开发的核心技术之一,w3c标准的行为标准,主要完成网页与用户之间的交互行为。 - 简单来说就是,就是用来做特效的,大部分网站里面会动的,用户操作网页以后会产生交互行为的都是js代码完成的。 - 常见的有多级导航,轮播图,广告,弹窗。 ......
JavaScript

【六】JavaScript之流程控制

# 【六】JavaScript之流程控制 ## 【1】语句块 ```javascript { // 语句块,会作为一个整体来执行。 } ``` > - 判断语句/分支语句 > - id > - switch > - 循环语句/遍历语句 > - ## 【2】判断语句/分支语句 ### 【2.1】**i ......
JavaScript

【七】JavaScript之异常判断

# 【七】JavaScript之异常判断 ## 【1】异常捕获 > 文档:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/try...catch > ### js中提供了三种异常处理的写法: 1 ......
JavaScript

【三】JavaScript之数据类型

# 【三】JavaScript之数据类型 ## 【0】数据类型展示 - javascript中变量的值有不同的作用或者功能。 - 按不同的功能,值也可以区分不同的类型。 | 类型 | 名称 | 描述 | | | | | | Number | 数值型 | 整数,浮点数。。。。 | | String | ......
JavaScript 类型 数据

【十】JavaScript之内置对象

# 【十】JavaScript之内置对象 ## 【1】内置对象 - build-in Object,也叫内建对象,由浏览器提供给开发者直接使用的。 > 文档地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Glo ......
JavaScript 对象

【四】JavaScript之类型转换

# 【四】JavaScript之类型转换 ## 【1】类型转换 - javascript是弱类型的编程语言 - 所以本身不仅提供了数据类型的转换 - 甚至在数据使用运算符的时候,javascript的解释器也会出现默认隐式转换数据类型的情况。 ## 【2】字符串 - 字符串转换成布尔值 - 除了空字 ......
JavaScript 类型

【十一】JavaScript之案例-todolist

# 【十一】JavaScript之案例-todolist ## 基本页面 ```html Title 添加 学习python删除↑↓ 学习python删除↑↓ 学习python删除↑↓ 学习python删除↑↓ ``` ## 效果实现 ```html Title 添加 ``` ......
JavaScript todolist 案例

【五】JavaScript之运算符

# 【五】JavaScript之运算符 ## 【1】算术运算符 | 运算符 | 描述 | | | | | + | 加法 | | - | 减法 | | * | 乘法 | | / | 除法 | | % | 取模/求余数 | | ** | 幂运算 | ```html Title = 计算 ``` ## 【 ......
运算符 JavaScript

web开发基础笔录(5)-Javascript(1)

[TOC] # 概述 JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式 ......
笔录 Javascript 基础 web

java http大文件断点续传上传组件

​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 首先我们需要了解的是上传文件三要素: 1.表单提交方式:post (get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-da ......
断点 组件 文件 java http

初学者:8个JavaScript技巧

有很多方法可以优化我们的 JavaScript 代码,本文总结了我在工作中经常使用的 8 个 JavaScript 技巧,希望它也能帮助你。 ### 减少使用 if-else 在编写两个以上的 if ... else 时,是否有更好的优化方法? 如下代码,我们需要根据一个汉堡包的名字来计算它的价格。 ......
初学者 JavaScript 技巧