前端 组件wolftable格式
oracle 数据库正则匹配满足时间格式的并提取出时间
SELECT substr(nr,(REGEXP_instr(nr,'\d{4}-(0[1-9]|1[0-2])-(0[1-9]|(1|2)[0-9]|3(0|1))')),19),a.* FROM xxx a WHERE REGEXP_LIKE(nr,'\d{4}-(0[1-9]|1[0-2])- ......
webpack前端项目调试环境安装入门：禁用UglifyJs只合并JavaScript不压缩混淆代码
webpack是目前比较流行的前端build工具，本质上是一个模块打包器。合并压缩JavaScript,css,图片等。 目前有很多开源项目使用webpack进行打包，下面介绍的是如何编绎这些开源项目。 webpack安装 webpack目前的版本较多，各个版本使用上区别也较大，一般在项目的 pac ......
Vue实现可自定义时间倒计时功能组件
一，创建countDown.vue（倒计时组件） let time = parseInt(new Date().getTime() / 1000) + '';//获取10位时间戳 let time = new Date().getTime();//获取13位的时间戳 使用说明： 1）endTime是 ......
了解微前端
什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 微前端架构旨在解决 ......
前端解决跨域
重新整理了下 Vue 的接口去跨域的事，其实就两个地方实际生效，其他地方乱写端口什么的反倒是阻碍了。这边展示 Vue3+Vite 的例子： ```js // 写在vite.config里 server:{ port:81, //定义前端程序使用的端口 disableHostCheck:true, p ......
Vue2 自动注册组件
Vue 的组件要在其他地方使用得通过这三步 ```js ... ... import vuexxx from '@components/vuexxx' export default{ ... components:[ vuexxx ] } ``` 注册起来比较的繁琐。 这里记录一种自动注册的方式，把 ......
Ant Design Pro版中后台原型模板及Axure rplib元件库组件
Ant Design Pro版中后台原型模板及Axure rplib元件库组件, Ant Design服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。 AntDesign是阿里巴巴开源的一套admin框架，是当前非常主流的设计方案。本套 ......
前端项目部署到nginx
# 前端项目部署到nginx 1. 配置好本地的nodejs环境 2. 切换到前端项目所在的文件目录 3. 以命令行的方式运行`npm run build`命令 4. 命令执行成功会生成dist文件夹，将文件夹中的内容压缩上传到nginx_html数据卷对应的目录下 5. 执行解压命令`unzip ......
【HarmonyOS】低代码开发使用module中的自定义组件
“Module是应用/服务的基本功能单元，包含了源代码、资源文件、第三方库及应用/服务配置文件，每一个Module都可以独立进行编译和运行。一个HarmonyOS应用/服务通常会包含一个或多个Module，因此，可以在工程中创建多个Module，每个Module分为Ability和Library两种 ......
VUE框架组件中通信方式(2)
## 全局事件总线 全局事件总线可以实现任意组件通信，在vue2中可以根据VM与VC的关系推出全局事件总线。 点击查看全局事件总线代码示例 ``` // main.js import Vue from 'vue' import App from './App.vue' // 创建一个Vue实例作为事 ......
delphi XLS文件另存为xlsx格式
ExcelApp.activeworkbook.saveas(AxlsExportFile+'\华宝导入'+ IntToStr(n)+ '.xlsx',51); https://www.cnblogs.com/guorongtao/p/13432383.html procedure SaveAs(c ......
react的函数式组件中使用ref获取到子组件的方法为undefined
我暂时遇到了两种情况。 ### 第一种情况：useImperativeHandle函数写错 useImperativeHandle的第二个参数的返回值是作为ref.current的值，但是我写箭头函数写快了，忘记返回值了。 ``` useImperativeHandle(ref, () => {fo ......
VUE框架组件中通信方式(1)
## 在vue2中组件通信方式如： props:可以实现父子组件，子父组件，兄弟组件通信 自定义事件：实现子父组件通信 全局事件总线$bus：可以实现任意组件通信 pubsub：发布订阅模式实现任意组件通信 vuex：集中式状态管理容器，实现任意组件通信 ref：父组件获取子组件实例VC，获取子组件 ......
Vue如何在页面加载时将url的参数赋值给组件
<template> <input v-model="loginForm.username" name="username" type="text" tabindex="1" auto-complete="on" /> <input v-model="loginForm.password" :typ ......
前端字符编码
在计算机内部，所有的信息最终都表示为一个二进制的字符串。每一个二进制位（bit）有0和1两种状态，因此八个二进制位就可以组合出256种状态（-128~127），这被称为一个字节（byte）。 也就是说，一个字节一共可以用来表示256种不同的状态，每一个状态对应一个符号，就是256个符号，从00000 ......
前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求
#### 前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13219 #### 效果图如下：  字符串格式错误
MySqlDataAdapter fill（dataset）时候报错字符串格式错误。 排查两天发现是mysql 数据表内字段设计错误，datetime 格式的字段长度设置错误，应设置为0，原先设置为6. 代码如下 try { using (MySqlConnection connection = n ......
【Vue3】Vue3中常用的组件传参方式
# props/$emit 父传子 (自定义属性 props) ```html // 父组件代码 // 子组件代码 {{ name }} props: { name: { type: String, default: "default", }, } ``` 子传父（自定义this.$emit） `` ......
微前端中的CSS
我被问得最多的问题之一是如何在微前端中处理 CSS。毕竟，样式始终是任何UI 片段所需要的东西，然而，它也是全局共享的东西，因此是潜在的冲突来源。 在这篇文章中，我想回顾一下现有的不同策略来驯服 CSS 并使其扩展以开发微前端。如果这里的任何内容对您来说听起来合理，那么也可以考虑研究“微前端的艺术” ......
组件结构 - 在React中构建可重用和可维护的组件
我们将探讨组件结构的重要性以及它如何有助于创建高度可重用、模块化且易于维护的组件。 在 React 中构建可重用和可维护的组件不仅仅是编写代码；还需要编写代码。它涉及采用最佳实践并遵循合理的架构原则。 通过仔细构建我们的组件，遵守单一职责原则，并采用原子设计和组件组合等概念，我们可以创建更加模块化、 ......
08异步短信发送，注册功能，补充【1.为什么要写media才能访问，2.debug作用，3.ALLOWED_HOSTS 的作用】前端登录和注册页面与功能
# 1 异步发送短信 ```python # 原来的发送短信，是同步 -前端输入手机号 》点击发送短信 》前端发送ajax请求 》到咱们后端接口 》取出手机号 》调用 腾讯发送短信 》腾讯去发短信 》发完后 》回复给我们后端发送成功 》我们后端收到发送成功 》给我们前端返回发送成功 # 把腾讯发送短 ......
【Vue】Vue3+Vite 实现 SVG 组件自动加载 icons 目录下所有文件
## 1. 安装依赖插件 vite-plugin-svg-icons > vite-plugin-svg-icons 用于生成 svg 雪碧图。 > 特点： 1.预加载 在项目运行时就生成所有图标,只需操作一次 dom 2.高性能 内置缓存,仅当文件被修改时才会重新生成 [vite-plugin-s ......
【TypeScript】Element 组件导入在 TypeScript 5 报错：模块 ““element-plus““ 没有导出的成员。。。
## 报错现象  ## 解决方法 typescript 5.0版本升级，使用了 `compilerOptions.modu ......
form组件
# form组件 在我们日常填写注册信息或者报名信息时，所访问的网页，在输入信息有错误时就显示一些后端传入的提示。 [.AMD(Asynchronous Module Definition,异步模块定义) 代表产品 ......