组件 页面html5 html
01-React-组件-Ref
React 中获取元素的方式 字符串 对象 回调函数 官方文档：https://zh-hans.reactjs.org/docs/refs-and-the-dom.html#gatsby-focus-wrapper 第一种 传统方式(在 React 中及其不推荐) import React from ......
01-React-组件-setState
setState 是如何给 state 赋值的 通过 Object.assign() import React from 'react'; class Home extends React.Component { constructor(props) { super(props); this.sta ......
01-React-组件-TransitionGroup
TransitionGroup 的作用，博主用通俗易懂的话来讲就是一个一组元素添加动画，在我们的实际开发当中有时可能会有这么一个需求就是，在一个页面上，有添加和删除，在做这些操作的时候需要都带上动画，那么这个时候就可以使用 TransitionGroup 来快速实现。 案例 App.js: impo ......
01-React-组件-CSS模块化
Css Module (推荐) React 的脚手架已经内置了 css modules 的配置： .css/.less/.scss 等样式文件都修改成 .module.css/.module.less/.module.scss 等； 在以前我们的文件是这样的 index.css 如果使用了 CSS ......
报错 https://urllib3.readthedocs.io/en/latest/advanced-usage.html#ssl-warnings
导入 urllib3 加入urllib3.disable_warnings() ......
BootstrapBlazor组件库，Table组件外部导出数据
BootstrapBlazor组件库，Table组件导出选中行数据 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的Table组件导出功能时，不知道怎么通过外部按钮来导出数据。 解决方案 通过@ref当前表格对象来获取数据，然后进行导出操作。 Razor代码 <Button cla ......
组件通信
认真学习前端第四天打卡 1.组件通信： 1.父子组件： 父->子：父组件在子组件标签里（响应式v-bind）自定义属性传递；子组件通过props属性接收 子->父：子组件实例自定义事件（$emit），父组件中子组件监听这个事件（v-on） 2.兄弟组件： $emit->$on(挂载后mounted） ......
记录--使用Canvas绘制一个验证码组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 使用Canvas绘制一个验证码组件 前言 验证码，这一日常伴随我们的要素，是我们在线交互的重要安全保障。你的手机短信里是否被它占据半壁江山，今天我们就来聊聊如何在网页上实现一个简单的验证码组件。大家在登录网站时为了防止被恶意攻击或者多次点 ......
html 屏蔽键盘事件,鼠标右键
window.onload = function(){ //屏蔽键盘事件 document.onkeydown = function (){ var e = window.event || arguments[0]; //F12 if(e.keyCode == 123){ return false; ......
BootstrapBlazor组件库，Table组件导出选中行数据
BootstrapBlazor组件库，Table组件导出选中行数据 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的Table组件导出功能时，不知道怎么导出选中的行数据。 解决方案 通过SelectedRows来导出选中的行数据。 Razor代码 <Table TItem="Foo ......
BootstrapBlazor组件库，EditorForm表单组件自定义提示
BootstrapBlazor组件库，EditorForm表单组件自定义提示 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的EditorForm表单组件时，不知道怎么修改提示文本。 解决方案 我们可以修改PlaceHolder的值，来修改默认的提示文本信息。 Razor代码 <E ......
element中的<el-cascader>组件当值是0时不选中问题
在element中的组件中，如果当前值是0时，无法显示。 解决方法：将为0的值转换成字符串的0，即 "0"。 ......
生产订单的批量创建和组件的批量修改
生产订单批量创建 组件批量更改（先删除自带的，再添加上传的） * * * 模 块： PP * 描 述： 生产订单批导 * 时 间： 2023-07-10 * * * 修 改 标 记|修 改 时 间|修 改 人|修 改 原 因 * 1 2023-07-10 Create * * REPORT zppc ......
Day05 - Vue之动态组件、插槽、项目的创建
动态组件 // 关键字： component // 使用方法： <component :is="who"></component> // component标签的is属性等于组件名字，这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta c ......
COMP3322 notes P2 - HTML Basic
用课程上介绍的 HTML validation 网站 W3C Markup Validator 检查了一下本站 HTML 文件的正确性，结果弹出了 57 个 Error 与 Warning。我在魔改的时候到底做了些什么啊…… 不过从这也能看出 HTML 语言的 permissive 性质；宽松的语法 ......
WebView加载HTML内容中有链接能左右滑动问题
WebView不会自动换行，它会把连在一起的字母当成一个表情或者单词，或者，当遇到一个完整的URL链接时，会强制把URL放在一行,导致WebView可以左右滑动 解决方法：这中问题不是WebView设置能够解决的，我们需要改动HTML的代码,在返回的HTML代码前直接拼接下边代码： 添加下面语句，解 ......
04_拖动文件渲染在页面中
新建一个文件夹，跟之前一样，在 Vscode 终端里输入 yarn create electron-app Drag。 在 index.html 添加以下代码，JS 文件夹和 render.js 都是新创建的： 首先，css 文件一般和 html 结合使用，相当于 html 是结构，而 css 是样 ......
OpenHarmony应用开发—ArkUI组件集合
介绍 本示例为 ArkUI 中组件、通用、动画、全局方法的集合。 效果预览 使用说明： 1.点击组件、通用、动画、全局方法四个按钮或左右滑动切换不同视图。 2.点击二级导航（如通用属性、通用事件等），若存在三级导航则展开三级导航（如 Border 边框、点击事件等）；若不存在三级导航，则跳转至详情页 ......
wpf viewmodel中控制页面焦点
public static class FocusBehavior { private static Dictionary<UIElement, RoutedEventHandler> handlers = new Dictionary<UIElement, RoutedEventHandler>( ......
BootstrapBlazor组件库，Table组件外部刷新数据
BootstrapBlazor组件库，Table组件外部刷新数据 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的Table组件时，经常会遇到外部调用OnQueryAsync的需求。 解决方案 我们可以使用@ref指令，将当前Table对象引用到一个变量上面。 Razor代码 注意 ......
JS URL 页面传值，中文乱码问题
用 encodeURI decodeURI 解决 发起页面 : var name ="张三"; name = encodeURI (encodeURI(name));//此处需要嵌套两层 url = ~/open.html?name=name 接收页面 var name = decodeURI(re ......
vue3 父子组件通信 setup
父传子 father <template> <div> <h2>父传子Father</h2> <!-- <button class="bg-green-300 rounded p-1" > 父按钮 </button> --> <div class="w-[200px] h-[200px] bg-vi ......
界面组件DevExpress WinForms v23.1 - 富文本编辑器等功能升级
DevExpress WinForms拥有180+组件和UI库，能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序，无论是Office风格的界面，还是分析处理大批量的业务数据，它都能轻松胜任！ DevExpr ......
项目开发难点-项目中两个窗口的页面，其中一个选择数据后回显到另一个项目页面中
方法一：sessionStorage 如果项目是在浏览器中，打开或跳转另一个页面（可以使用同一个控制台）的情况下，可以用sessionStroage来存储数据，然后另一个页面获取数据 方法二：postMessage 适用情况与方法一一致（两个页面可以使用同一个控制台）。 第二个页面选择后发送数据给第 ......
Vue3组件通信方式
Vue3组件通信方式 不管是vue2还是vue3,组件通信方式很重要,不管是项目还是面试都是经常用到的知识点。 比如:vue2组件通信方式 props:可以实现父子组件、子父组件、甚至兄弟组件通信 自定义事件:可以实现子父组件通信 全局事件总线$bus:可以实现任意组件通信 pubsub:发布订阅模 ......
BootstrapBlazor组件库，项目模板css样式隔离问题
BootstrapBlazor组件库，项目模板css样式隔离问题 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的项目模板的时候，遇到了隔离样式不生效的问题。 解决方案 只需要添加一行代码即可解决问题。 <link href="xxx.styles.css" rel="styles ......
element ui 在messageBox里的html中绑定事件
<template> <div class="about"> <h1>This is an about page</h1> <el-button type="primary" size="default" @click="onTest">测试</el-button> <div> </div> </d ......
HTML5新规范-Web Worker
使用场景 在HTML5的新规范中，实现了 Web Worker 来引入 js 的 “多线程” 技术, 可以让我们在页面主运行的 js 线程中，加载运行另外单独的一个或者多个 js 线程 一句话：Web Worker专门处理复杂计算的，从此让前端拥有后端的计算能力 相关链接 https://mp.we ......
TienChin 活动管理-添加活动页面
后端 ActivityController.java @Resource private IChannelService iChannelService; /** * 获取渠道列表 * * @return 渠道列表 */ @PreAuthorize("hasPermission('tienchin: ......
Docker上运行RabbitMQ，无法访问管理页面
在CentOS 7中的Docker安装并运行了RabbitMQ，但是在访问管理页面http://IP:15672/却提示拒绝访问 这是因为在Docker上运行的RabbitMQ，默认情况下是没有启用管理插件和管理页面的 使用命令 docker exec -it 容器名 /bin/bash 进入 Ra ......