javascript组件
JavaScript运算符及优先级
一、算数运算符 算术运算符（+，-， *，/，%【重要】，++【重要】，--） 其中 + 的左边和右边有 " ", 表示拼接 i++，表示先赋值后+1 ++i ，表示先+1后赋值 同理减法也是如此 算数运算中，+ 可以进行隐式迭代，将字符串数字转化为Number类型 alert(typeof(+'5 ......
一个类似于Gridster的栅格布局系统Vue组件
哈喽,我是老鱼，一名致力于在技术道路上的终身学习者、实践者、分享者！ Vue Grid Layout是一个类似于Gridster的栅格布局系统, 适用于Vue.js，灵感来源于React Grid Layout。 特性 可拖拽 可调整大小 静态部件（不可拖拽、调整大小） 拖拽和调整大小时进行边界检查 ......
安卓2024开发-基础UI组件
基础部份 StateListDrawable 安卓开发中，如果要做一个按扭按下改变背景，或获取焦点改变背景，最简单的方法是利用将背景指向一个资源，然后果在资源中配置事件，总共分为三步， 1）新建一个按扭，并让这个按扭的背景指向一个xml文件 <Button android:layout_width= ......
k8s及其基本组件下载
k8s_install.sh !/usr/bin/env bash set -e get_version() { containerd_version="v1.7.7" runc_version="v1.1.9" cni_version="v1.3.0" cri_tools_version="v1. ......
34-Vue脚手架-组件的自定义事件（使用自定义事件优化Todo-List案例）
组件的自定义事件 1.一种组件间通信的方式，适用于 子组件 > 父组件（这里也可以使用 props 传递数据进行实现） 2.使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中） 3.绑定自定义事件： 1）第一种方式，在父组件中 <!--通过父组件给子 ......
Hadoop三大组件（HDFS,MapReduce,Yarn）
1、HDFS HDFS是Hadoop分布式文件系统。一个HDFS集群是由一个NameNode和若干个DataNode组成的。其中NameNode作为主服务器，管理文件系统的命名空间和客户端对文件的访问操作；集群中的DataNode管理存储的数据。 2、MapReduce MapReduce是一个软件 ......
JavaScript数据类型的转换
一、字符串类型的转换 1、自动转换 <script> var str = 'hello'; var num = 100; console.log(str+num); console.log(typeof (str+num)); </script> 2、强制转换 String（），object.toS ......
vant DropdownMenu 下拉菜单组件穿透问题
问题描述：在微信小程序中使用Vant组件库提供的DropdownMenu 下拉菜单组件时，当内容超过一定高度时，随着页面内容部分的滚动，顶部会出现部分间隙，继续划动会导致底层页面的滚动，这就是滚动穿透。 解决方案（禁止滚动穿透）DropdownMenu下拉菜单组件内部结合了Popup弹出层组件。目前 ......
Vue2 实现印章徽章组件
Vue2 实现印章徽章组件 需要实现的组件效果： 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 <template> <div class="first-ring" v-bind="getBindValue" :class="getStampBadgeClass" :style ......
JavaScript 中的单例模式
单例模式是 JavaScript 中最流行的设计模式之一。 单例模式的优点 全球访问点：提供对实例的单点访问，可以轻松管理全球资源。 内存效率：该模式确保只有一个实例，这特别节省内存。 延迟初始化：仅在需要时才创建实例，从而提高性能 这是一种创建模式，可确保类只有一个实例，同时提供对该实例的全局访问 ......
短视频app源码，Flutter组件--搜索页面布局
短视频app源码，Flutter组件--搜索页面布局 class LayoutDemo extends StatelessWidget { const LayoutDemo({Key? key}) : super(key: key); @override Widget build(BuildCont ......
如何避免JavaScript中的内存泄漏？
前言 过去，我们浏览静态网站时无须过多关注内存管理，因为加载新页面时，之前的页面信息会从内存中删除。 然而，随着单页Web应用（SPA）的兴起，应用程序消耗的内存越来越多，这不仅会降低浏览器性能，甚至会导致浏览器卡死。因此，在编码实践中，开发人员需要更加关注与内存相关的内容。因此，小编今天将为大家介 ......
javascript的一些API接口的使用
1.blob http URL 在编辑器中，有的情况下插入图片，会讲图片转成 blob:http://localhost/*** 的这种形式。这种形式的URL实际数据是存放在浏览器的内存中。 这种情况下如何读取这个URL的具体内容呢 点击查看代码 async readStreamAndEncodeB ......
Windows 10中，可以使用以下批处理脚本来禁用Internet Explorer的Javascript错误提示
Windows 10中，可以使用以下批处理脚本来禁用Internet Explorer的Javascript错误提示： @echo off reg add "HKCU\Software\Microsoft\Internet Explorer\Main" /v "Disable Script Debu ......
Windows 10中，可以使用以下PowerShell脚本来禁用Internet Explorer的Javascript错误提示
Windows 10中，可以使用以下PowerShell脚本来禁用Internet Explorer的Javascript错误提示 禁用脚本调试器 Set-ItemProperty -Path "HKCU:\Software\Microsoft\Internet Explorer\Main" -Na ......
JavaScript ES6 类的继承和构造函数图
https://www.bilibili.com/video/BV15S4y1N7Mu?p=13&vd_source=f47173c6ece362dfbe9a439ae6addcce ......
JavaScript复习——02
代码块 写法： {} 使用代码块，可以对代码进行分组，同一个代码块中的代码就是同一组代码，一个代码块中的代码，要么都执行，要么都不执行 let 和 var的区别 在JS中，let声明的变量具有块级作用域 var声明的变量，不具有块级作用域 var声明的变量会将变量的声明提至最前 对象 原始值只能表示 ......
JavaScript代码，鼠标放上去显示一张图片
<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>First C</title> </head> <body> <h1 >hello world</h1> <input type="button" value="clickme ......
React学习一：环境搭建、JSX基础、事件绑定、组件使用、样式控制
一、概念 React由Meta公司研发，是一个用于构建Web和原生交互界面的库。 react中文文档地址：https://zh-hans.react.dev/learn React的优势 相较传统基于DOM开发的优势：组件化的开发方式；不错的性能 相较于其他前端框架的优势：丰富的生态；跨平台支持 二 ......
如何用JavaScript更改元素的类？
内容来自 DOC https://q.houxu6.top/?s=如何用JavaScript更改元素的类？ 我该如何使用JavaScript响应onclick或其他事件来更改HTML元素的类？ 现代HTML5技术用于更改类 现代浏览器添加了classList，它提供了更方便地操作类的方法，而无需使用 ......
BootstrapBlazor组件库，Table组件导出数据到剪切板
BootstrapBlazor组件库，Table组件导出数据到剪切板 解决方案 使用ClipboardService将Table数据导出到剪切板中,并且可以直接粘贴到Excel。 这里我直接采用ExportButtonDropdownTemplate添加了2个新的导出选项，一个是导出当前页，一个是导 ......
2D物理引擎 Box2D for javascript Games 第六章 关节和马达
2D物理引擎 Box2D for javascript Games 第六章 关节和马达 关节和马达 到现在你所见到的所有类型的刚体有着一些共同点：它们都是自由的并且在除碰撞的请款之外，彼此没有依赖。 有时你可能想要刚体之间进行约束。 如果你试想一下粉碎城堡（Crush the Castle）这款游戏 ......
VUE+Ant 自定义cron组件，显示最近运行时间
先上效果图 自定义组件 <template> <a-modal title="corn表达式" :width="modalWidth" :visible="visible" :confirmLoading="confirmLoading" @ok="handleSubmit" @cancel="cl ......
不使用构建工具的vue组件书写方式
将vue组件转换为普通的js文件（IIFE） 先写个简单的component export default { data() { return { count: 0 } }, template: `<button @click="count++">You clicked me {{ count }} ......
JavaScript 中的this
在 JavaScript 中，this 关键字的行为使其有别于其他编程语言。与某些语言在编译时确定的不同，在 JavaScript 中，它是根据函数的调用方式在运行时动态绑定的。这意味着每次调用该函数时 this 的值都会有所不同。 函数上下文 类上下文 回调 构造函数等用到 ......
JavaScript 数组存储方式及对象
一、数组的存储 1、当声明一个变量时，var a = 111; 在后台计算机翻译时，var声明 a变量 所以此时会产生一个栈内存，变量 a 的初始值为undefined，然后 = 111 ； undefined消失，111的值被赋值给了a。如果多个变量赋值的话，栈内存的执行顺序是先进后出的顺序。也叫 ......
在JavaScript中创建多行字符串
内容来自 DOC https://q.houxu6.top/?s=在JavaScript中创建多行字符串 在JavaScript中，等效的代码如下： const text = `This Is A Multiline String`; 更新： ECMAScript 6（ES6）引入了一种新的字面量类 ......
在JavaScript中如何格式化日期？
内容来自 DOC https://q.houxu6.top/?s=在JavaScript中如何格式化日期？ 如何将Javascript的Date对象格式化为字符串？（最好格式为：10-Aug-2010） 要自定义分隔符的日期格式，您需要从DateTimeFormat对象中提取日期（或时间）组件，然后 ......
报表组件DevExpress Reporting中文教程 - 如何直接在浏览器中生成报表？
DevExpress Reports组件被设计为一个跨平台的报表解决方案，您可以创建一次报表，然后将文档显示、打印和导出到任何受支持的.NET平台中，用户体验扩展到部署应用程序的所有托管环境/操作系统。 DevExpress Reporting是.NET Framework下功能完善的报表平台，它附 ......
JavaScript基础入门笔记
5 JavaScript 5.1 JavaScript简介 JavaScript 是一门跨平台、面向对象的脚本语言，而Java语言也是跨平台的、面向对象的语言，只不过Java是编译语言，是需要编译成字节码文件才能运行的；JavaScript是脚本语言，不需要编译，由浏览器直接解析并执行。 JavaS ......