前端开发
-
参考资料： Event emitter的监听事件： JS的EventEmitter使用步奏详解： ： 发布订阅模式 DOM 的事件机制就是发布订阅模式最常见的实现，这大概是前端最常用的编程模型了， 监听某事件，当该事件发生时，监听该事件的监听函数被调用。 使用案例： let emitter = new EventEmitter(); // 发布 emitter.emit("event:name-changed", { name: input.value }); // subscrib
2024-11-30 -
一、引言 STARLIMS IDE： Applications中的Form类型： 此处仅记录HTML form的编写笔记。 使用toolbox设计HTML form： toolbox里面是form的各种控件。 二、STARLIMS中的HTML控件简介 每个控件包含： • Properties • Events • Methods 【备注】： 可以将每个控件，当做一个封装了特定功能和属性的class。 【注意】：
2024-11-30 -
ng-reflect-router-link 属性在 Angular 应用中，实际上是在开发模式下 Angular 提示开发者的一种方式。这个属性主要用于调试和查看绑定数据，并不会在生产模式下显示。 在 Angular 中，有一个强大的工具叫做 “反射器”（Reflective API），它被设计用来读取组件的数据绑定信息。这其中，ng-reflect-* 属性就是通过反射器获取到的数据，而这些信息可以帮助开发者在开发调试过程中更容易地知道每一个绑定的具体信息。 ng-reflect-route
2024-11-30 -
效果图如下： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>标签页</title> <link rel='stylesheet' href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> <style> .container{
2024-11-30 -
一、造成样式污染的可能： 1.单组件：未使用scoped关键字导致样式泄露，污染全局 应采用： <style scoped> </style> 2.多组件：公共css文件，多组件引用 原因：<style scoped> @import "assets/css/common.css"; </style> 虽然加了scoped，最后无效的原因是“@import”，原因如下：@import并不是直接引入css代码到页面，而是发起新的不带scoped的请求获得样式资源；因此，这种引用方式是全局的，从而引
2024-11-30 -
mounted() { // 初始化渲染表格高度 this.initTableHeights }, beforeDestroy() { window.removeEventListener('resize', this.watchHeights) }, methods: { watchHeights() { const el = document.getElementById('main_select') this.maxHeight = window.inner
2024-11-30 -
我遇到的情况是在打开angular项目的时候安装依赖 npm install 卡住问题 一直不往下执行 解决办法： 1、切换至国内镜像源（由于是国外网络也会慢） npm config set registry https://registry.npmmirror.com 设置完成后，重新执行 npm install 尝试安装依赖。 2、尝试用这个方式安装 npm install --legacy-peer-deps 3、如果存在删除这个yarn.lock文件 或者其他 *.lock 文件后
2024-11-30 -
一、变量与属性的区别； 1. 概念 什么是变量？ 变量：变量是一个存储数据的容器，本质：变量是内存里面的一个空间，通过变量名来获取数据；声明一个变量就是在内存里面获取一个存储空间。 什么是属性？ 为元素提供各种附加信息的就是属性，存在对象里面表示对象有什么样的特征，常用名词来表示，它总是以"属性名=属性值"这种键值对的形式出现。 2. 相同点 他们都是用来存储数据的。 3. 不同点 变量单独声明并赋值，使用的时候直接写变量名，它是单独存在的； 属性是在对象里面，不需要声明，使用格式必须是：对象.
2024-11-30 -
来源： 在一个页面上画一个按钮，有四种办法： 1、 <input type=”button” /> 这就是一个按钮。如果你不写javascript 的话，按下去什么也不会发生。 2、 <input type=”submit” />这样的按钮用户点击之后会自动提交 form，除非你写了javascript 阻止它。 3、<button> 这个按钮放在 form 中也会点击自动提交，比前两个的优点是按钮的内容不光可以有文字，还可以有图片等多媒体内容。（当然，前两个用图片背景也可以做到）。 它
2024-11-30 -
<el-upload :disabled="addType===false" :action="url + '?p=' + this.ruleFormCode" class="upload-demo" :limit="1" list-type="picture" :file-list="fileList" :on-success="handleUpdate" :before-upload="handleBefore" :headers="headers">
2024-11-30