javascript组件

【React】定时器组件

鼠标移入关闭定时器并清除,鼠标移出组件的时候打开定时器进行循环 const timer = useRef(null); useEffect(() => { startLoop(); }, []); const startLoop = () => { stopLoop(); timer.current ......
定时器 组件 React

javascript protocol All In One

javascript protocol All In One JavaScript Security Vulnerabilities / JavaScript 安全漏洞 demos <a href="javascript:alert('👻 vulnerable message')">Hello W ......
javascript protocol All One In

element ui的Loading组件在Dialog对话框内使用

说明 想要实现在Dialog对话框上加载效果, 父组件开启loding,子组件关闭 首先需要在父组件传值的时候把this.$loading的结果赋我们定义好的变量 代码 父组件 <page-details :data="details" ></page-details> // data部分 data ......
对话框 组件 element Loading Dialog

组件的循环引用

1、递归组件:组件在自己的模板中调用自身。2、循环引用:当父引用子,子引用父时。 直接给大家上代码: MulAnalysisResult.vue 1 <template> 2 <div v-loading="loading"> 3 <div v-for="(item, index) in dataL ......
组件

码良本地化gods-pen脚手架不显示组件标签问题处理

问题描述 先说下问题的现象,在进行码良本地化时,使用gods-pen创建组件时,进行到组件标签选择时,没有选项。 问题猜想 gods-pen是放在npm上的,应该没有改变,不会出现问题,所以组件标签可能是存在数据库中,码良初始化脚本缺少初始数据。 以上猜想可以通过两种方式验证: 首先从数据库中查看是 ......
脚手架 组件 gods-pen 标签 问题

《JavaScript权威指南第七版》13.3.4实现细节,关于“ES2017解释器可以把函数体分割成一系列独立的子函数,每个子函数都被传给位于他前面以await标记的那个期约的then方法”的疑惑

读到“ES2017解释器可以把函数体分割成一系列独立的子函数,每个子函数都被传给位于他前面以await标记的那个期约的then方法”这一部分是比较困惑,也没有代码示例,很抽象,不易理解。 自己写了个例子来复述一下这段话: function getPosts() { return new Promis ......
函数 解释器 个子 JavaScript 标记

element ui的Upload 上传和Image 图片组件使用整理

说明 收集整理在开发中遇到的对于上传组件和图片组件的使用 Upload上传组件 修改上传按钮的默认宽高 ::v-deep .el-upload--picture-card { width: 80px; height: 80px; line-height: 85px; } 修改默认的上传组件图片列表展 ......
组件 element Upload 图片 Image

vue父组件调用子组件的方法

父组件中写法: <div style="padding: 10px"> <columnTwo ref="child" style="height: 200px;" :columnDataName="columnDataName" :columnData="columnData"></columnTw ......
组件 方法 vue

vue 父子组件生命周期执行顺序

挂载阶段执行顺序为:父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted 更新阶段执行顺序为:父beforeUpdate -> 子b ......
父子 组件 周期 顺序 生命

vue3+element-plus Calendar 日历组件添加农历、节假日

创建一个vue文件 <script setup lang='ts'> import { ref } from "vue"; import calendar from "./lunarDay";//引入农历、节假日计算方法 defineOptions({ name:'CusCalendar' }) c ......
element-plus 农历 组件 Calendar 日历

JavaScript 好书推荐

javascript 好书 开始[必学基础-红宝书] 新手入门系统学习的书籍一:20年8月出版的[《JavaScript高级程序设计(第4版)》](JavaScript高级程序设计(第4版) (豆瓣) (douban.com))有电子版和纸质版。 此书虽然是JS必学之一的红宝书,但章节安排欠佳(比如 ......
好书推荐 好书 JavaScript

uni-app图片剪切上传;uview2用使用uview1中的图片剪切上传组件,把原有代码抽取出来

1.其实是个组件页面,移过来就行了。 2.原有组件中,可视区域和截图结果区域的长宽是一样的,所以需要调整一下; 3.因为剪切图片,是在一个单独页面实现的.所以pages.json中需要加上剪切的页面路径; pages.json { "path": "components/u-avatar-cropp ......
图片 uview 组件 uni-app 代码

PV_SPS_Model:基于MATLAB/Simulink的光伏组件串联部分遮阳仿真模型。

PV_SPS_Model:基于MATLAB/Simulink的光伏组件串联部分遮阳仿真模型。仿真条件:MATLAB/Simulink R2015bID:3635660069130461 ......
PV_SPS_Model 组件 Simulink 模型 部分

小程序开发中的插件、组件、控件到底有什么区别?

小程序插件代码由一些自定义组件和 JS 代码文件构成,插件开发者在发布插件时,这些代码被上传到后台保存起来。当小程序使用插件时,使用者需填写插件的 AppID 和版本号,就可从后台获取相应的插件代码。小程序代码编译时,插件代码会被嵌入到小程序中,与小程序一起编译运行。 ......
控件 组件 插件

JavaScript 和浏览器

模块 参见 ES6 部分 DOM 参见 Web 相关部分 选择器 document.querySelector() 来获取网页的对应 HTML 元素 document.querySelectorAll() 来获取网页的所有对应 HTML 元素 document.getElementById() 根据 ......
JavaScript 浏览器

JavaScript基础之数值计算

常见的几种场景 场景一:进行浮点值运算结果的判断 常见错误写法:floatNum1 + floatNum2 res 我们在Chrome里测试一下 0.1 + 0.2 0.3,得出的结果是false,而不是预期结果true,因为 0.1 + 0.2 0.30000000000000004 场景二 :将 ......
数值 JavaScript 基础

04-JavaScript基础知识

JavaScript基础知识 学习目标 能够知道JavaScript的作用 能够知道JavaScript的使用方式 能够说出常用的数据类型 能够写出函数的定义和调用方式 能够知道变量的使用范围 能够写出多条件判断的条件语句 能够写出获取标签元素的操作 能够知道获取和设置标签元素属性 能够根据下标删除 ......
基础知识 JavaScript 基础 知识 04

用print-js实现打印功能时element table组件打印不全的问题

插件下载: npm install --save print-js 解决方案,修改print.js里面的 getHtml // 打印类属性、方法定义 /* eslint-disable */ const Print = function (dom, options) { if (!(this ins ......
组件 print-js element 功能 问题

学习JavaScript数据结构与算法 第八章

八,字典和散列表 8.3 ES2015 Map 类 ECMAScript 2015 新增了 Map 类。 const map = new Map(); map.set('Gandalf', 'gandalf@email.com'); map.set('John', 'johnsnow@email.c ......
数据结构 算法 JavaScript 结构 数据

React笔记-组件(一)

React学习笔记-组件(一未完成) 特点 声明式 组件化 跨平台 React脚手架 a. 全局安装react脚手架 create-react-app npm install create-react-app -g & npx create-react-app my-app b. 使用create- ......
组件 笔记 React

学习JavaScript数据结构与算法 第七章

7. 集合 7.4 ESMAScript 2015 Set 类 ECMAScript 2015 新增了 Set 类作为 JavaScript API 的一部分。我们可以基于 ES2015 的 Set 开发我们的 Set 类。 const set = new Set() set.add(1) cons ......
数据结构 算法 JavaScript 结构 数据

使用vue的keep-alive缓存组件,三级菜单组件无法缓存问题解决

使用vue做后台管理系统,需求是所有的菜单打开之后,下次点击的时候的使用缓存,这里很简单的做法就是用来包裹住;但是一级菜单和二级菜单都没有问题,三级菜单就会出现无法缓存的问题,网上找资料说是vue中keep-alive本身存在的缺陷,需要在路由守卫中将matched属性做一下优化,具体如下 // 处 ......
缓存 组件 keep-alive 菜单 问题

javascript函数声明和函数表达式

JavaScript中定义函数最常用的方式是函数声明和函数表达式。这两种技术非常相似,有时甚至难以区分,但在后续章节中可以看到,它们之间还是存在着微妙的区别。 JavaScript定义函数最基本方式是函数声明,如下图:正如你所见,每个函数声明以强制性的function开头,其后紧接着强制性的函数名, ......
函数 表达式 javascript

element-ui上传组件,before-upload发送异步请求 + Promise

element-ui上传组件,before-upload发送异步请求 + Promise before-upload为false的时候会阻止图片的上传 但是和chenge事情一起不行 可以:http-request="fnUploadRequest" <el-upload --snip-- :bef ......

微信小程序 自定义组件 监听数据变化 出现异常 Maximum call stack size exceeded.

代码 调用处: 组件内部 本地调试无异常,发布之后出现此异常 解决方法: 监听属性steps的值变化时,调用处不能使用双向绑定,去掉steps的双向绑定即可,具体的原因未知(不知为啥本地调试不会抛异常) ......
组件 exceeded Maximum 程序 数据

JavaScript 正则表达式

正则表达式 Regular Expression 在编程语言中,正则表达式用于匹配指定的字符串。 如果想要在字符串 The dog chased the cat 中匹配到 the 这个单词,可以使用如下正则表达式:/the/。 注意,正则表达式中不需要引号。 使用测试方法 Test Method J ......
正则 表达式 JavaScript

flutter系列之:做一个修改组件属性的动画

简介 什么是动画呢?动画实际上就是不同的图片连续起来形成的。flutter为我们提供了一个AnimationController来对动画进行详尽的控制,不过直接是用AnimationController是比较复杂的,如果只是对一个widget的属性进行修改,可以做成动画吗? 答案是肯定的,一起来看看 ......
组件 属性 flutter 动画

11_父组件调用子组件方法

父组件调用子组件的方法 使用ref 使用变量+watch 使用中间class 使用中间class base-on-controller function receiveController(to, from) { Object.assign(to, from); } /* vue 混入模式 */ r ......
组件 方法 11

常用组件

常用组件 分页推导 首先我们需要明确的时候,get请求也是可以携带参数的,所以我们在朝后端发送查看数据的同时可以携带一个参数告诉后端我们想看第几页的数据 其次我们还需要知道一个点,queryset对象是支持索引取值和切片操作的,但是不支持负数索引情况 接下来我们就可以推导我们的自定义分页器步骤了 c ......
组件 常用

学习JavaScript数据结构与算法 第五章

五,队列和双端队列 我们已经学习了栈。队列和栈非常类似,但是使用了与后进先出不同的原则。 双端队列是一种将栈的原则和队列的原则混合在一起的数据结构。 5.1 队列数据结构 队列是遵循先进先出(FIFO,也称为先来先服务)原则的一组有序的项。队列在尾部添加新元素,并从顶部移除元素。最新添加的元素必须排 ......
数据结构 算法 JavaScript 结构 数据