javascript组件

## 获取当前系统时间 ``` var d = new Date(); // 当前系统时间 console.log(d); //Sun Aug 06 2023 14:49:43 GMT+0800 (中国标准时间) ``` ## 手动获取时间并且格式化 ``` var d = new Date(); ......

## 前言 - JavaScript 在ES6 新增了模板字符串（Template Strings）语法，其作用是可以在字符串中换行，以及将变量和表达式插入字符串。 ## 模板字符串 - 模板字面量使用反引号 (``) 而不是单引号 ('') 或双引号 ("") 来定义字符串 - 示例： ``` l ......

- 字符串基本方法，本文只对部分方法做了说明 - 其它更多参考菜鸟教程https://www.runoob.com/jsref/jsref-obj-string.html ``` s.split() 字符串切割 s.substr(start, len) 字符串切割, 从start开始切, 切len个 ......

- 单纯的++，--是没有区别的，不论在前面还是在后面，都是自增或者自减 - 在赋值语句中，就有区别了 ``` a++; // 翻译一下就是a = a + 1 ++a; // 翻译一下就是a = a + 1 a--; // 翻译一下就是a = a - 1 --a; // 翻译一下就是a = a - ......

## 简单运算符 - 1、&&, || 有短路的含义,如果前面的表达式可以得出最终结果了. 那么后面的表达式就不计算了 ``` var a = 10; var b = 20; var c = 30; console.log(a > b && b b); ``` - 2、== 和 == 只是判断值是否 ......

## 对象的序列化 - 当我们需要像后端传json字符串的时候，需将JavaScript的对象转成json格式，这个过程就是序列化。 ``` var p = { name: "肖文亮", age: 18, wife: { name: "XXX", age: 18, hobby: ["演戏", "唱歌 ......

- 对象（object）是 JavaScript 最重要的数据类型，也是JavaScript的核心内容。JavaScript 中一切皆对象，比如String、 Array、Date等对象。 在 JavaScript 中，对象是非常重要的，当你理解了对象，就可以了解 JavaScript 。 - 语法 ......

- 首先定义一个数组，可以用[]；也可以使用new Array() 来创建一个数组对象 - 数组通过下标取值 - 1. 数组通过下标取值，从0开始 - 2. 在python中可以通过下标-1反着取倒数第一个值，JavaScript中没这种取值方法.当数组的下标不在它取值范围内，如x有4个成员，那么取 ......

* 前言 - JavaScript 数据类型可以分为基本类型和对象类型两大类 - 基本类型：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。 - 对象类型：对象(Object)、数组(Array)、函数(Functio ......

- 前言 - JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。 - JavaScript 简介 - JavaScript 的学习分三个部分: - 1、核心(ECMAScript)：JavaScript的核心，描述了语言的基本语法和数据类型。ECM ......

# BootstrapBlazor组件库更优雅的调用js方法 在blazor开发中，有时候需要去调用js代码来处理一些逻辑。使用BootstrapBlazor组件库自带的```JSModuleAutoLoader```特性可以帮助我们更加方便、简洁的去调用js 下面我们用```Live2DDispl ......

正文： 数据类型 数据类型的分类 获取变量数据类型 数据类型转换 拓展 JavaScript运算符 数据类型 1）变量的数据类型 变量是用来存储值的所在处，它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。 JavaScript 是一种弱类型或者说动态语言这意味着不 ......

正文： 编程语言和标记语言 JavaScript介绍 JS基础 注释 输入输出语句 变量 编程语言和标记语言 编程语言：编程语言有很强的逻辑和行为能力，在编程语言里，有很多if else、for、while等具有逻辑性和行为能力的指令，这是主动的 标记语言：标记语言（HTML）不同于向计算机发出指令 ......

app.vue <template> <div id="main"> <router-view :test_value="this.test_value" ></router-view> </div> </template> export default { name: 'App', compone ......

Vue 的数据流传递是单向的，也就说数据只能由父组件通过`props`传递给子组件，子组件无法修改父组件传过来的状态，这样做为了避免因为子组件修改父组件的状态而导致数据流混乱以至难以理解。所以千万不要在子组件中直接修改 props。 子组件如果想要将数据传递给父组件，就需要使用 Vue 提供的事件机 ......

## 说在前面 > 🎈最近在捣鼓自己的个人博客网站，有一个模块需要用到瀑布流图片🖼展示，于是我就将其封装成了一个组件，以后可以导入就能使用，具体效果如下👇： ![1649245798(1).png](https://img2023.cnblogs.com/blog/3253021/202308 ......

# BootstrapBlazor组件库，Menu组件NavLinkMatch导致的多个菜单项被被同时选中 BootstrapBlazor版本更新到7.9.0后，Menu组件出现首页同时被选中的情况 ![img](https://img2023.cnblogs.com/blog/2902819/20 ......

1.嵌入式Servlet容器配置修改 1.通过全局配置文件修改 可以通过server.xxx 来进行web服务配置， 没有带服务器名称的则是通用配置 通过带了具体的服务器名称则是单独对该服务器进行设置，比如 server.tomcat.xxx 就是专门针对tomcat的配置 2.通过WebServe ......

函数参数的校验 /** * @判断参数是否为数字类型 * @参数，一个参数 * @返回值, 如果参数是数字类型返回true，否则返回false */function isNumber(num){​ // 1. 第一版，把条件拆开判断​ // 判断num是否是什么数据类型 if(typeof num ......

公司业务代码 const Base64 = require('base-64') function xorEncrypt (str, key) { let result const list = [] for (let i = 0; i < str.length; i++) { const char ......

# 1. typeof typeof会把数组、对象、null都判断为object，其他正确。 ``` console.log(typeof 2); //number console.log(typeof true); //boolean console.log(typeof 'str'); //st ......

<Parent> <child> <button /> </child> </Parent> function onClick(event) { console.log('target: ', event.target) // button console.log('currentTarget', ......

# BootstrapBlazor组件库，DockView组件使用教程 使用该组件库之前需要先安装[BootstrapBlazor.Dock](https://www.nuget.org/packages/BootstrapBlazor.Dock)组件独立包。 可以通过```nuget```命令行安 ......

一、问题描述： 在使用Element-plus组件库的MessageBox 消息弹框组件时，需要更改该组件的按钮样式，于是根据官网文档： 找到cancel-button-class、confirm-button-class两个属性，并在js代码中进行了添加,如下案例图： 然后，我在使用该组件的页面写 ......

1、父传子（ 定义：父传子使用的是 props ） ① 首先确定父组件和子组件，然后在父组件中引入子组件，注册并使用； 父组件代码如下： <template> <div> <h1>父组件</h1> <!-- 使用子组件 --> <ChildView></ChildView> </div> </tem ......

<view class="cameraView gui-margin-top"> <camera class="camera-box" device-position="front" flash="off"> </camera> </view> .cameraView{ width: 600rpx; ......

table 组件 让选中的一项高亮显示 <template> <a-table ref="clientLeve_table" bordered size="middle" rowKey="id" :columns="clientLeve_columns" :dataSource="clientLev ......

1. 安装组件。npm i pubsub-js 2.main.js /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提 ......

......

# 正则表达式 - 引入：邮件格式的匹配 ## 介绍 - 检查字符串是否符合某些规则 ## 使用规则 - 基本语法: - 构造函数方式： `let 变量 = new RegExp("正则表达式","匹配模式")`(更灵活) - 字面量方式：`let 变量 = /正则表达式/匹配模式`(更方便) - ......