广告 前端 组件 详情
封装小程序倒计时组件
适用范围：支付宝，淘宝小程序 效果： 组件目录结构： 详情： index.axml <!-- [{"value":["3","5"],"style":"","isTime":true},{"value":"秒","style":""}] --> <view class="countdown-main ......
后端long类型传到前端精度丢失
问题： c# 的long类型精度比前端JS的number精度高，前端JS 的long类型只有17位，当后端传给前端的long类型超过17位时，就会造成数据精度丢失。 解决方案： 1. 我们可以自定义一个json序列化的转换器，将long类型转换为string类型。代码如下： public class ......
Vue3 日历组件的实现
Vue3 日历组件的实现 以下是一个基于 Vue 3 实现的简单日历组件的代码示例。这个日历组件包含了前一个月、当前月、下一个月的日期，并且可以支持选择日期、切换月份等功能。 <template> <div class="calendar"> <div class="header"> <button ......
SpringBoot应用集成微服务组件Nacos
个人nacos系列文章第二篇springboot项目集成微服务组件nacos。
一入编程深似海，从此节操是路人。脱发已是常态，致富还需绝顶。
那天我听说程序员之间还相互鄙视，其中不能忍的终极鄙视：有女朋友的程序员鄙视没有女朋友的程序员。这不能忍，打不过怎么办，问就是加入吧。 ......
day 08 8.2 前端基础之JavaScript基础【三】
前端基础之JavaScript基础【三】 【1】、jQuery介绍 jQuery是什么 jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的 ......
前端内容
day01——前端前戏、http、head标签、body标签、 前端与后端的概念 前端 任何与用户直接打交道的操作界面 都可以称职位前端>>>:接待员 后端 不直接与用户打交道 主要负责内部真正的业务逻辑的执行>>>:幕后操作者 前端学习之路 专业的前端也需要培训至少六个月 而我们作为后端开发工程师 ......
day 06 6.1 前端基础之CSS
前端基础之CSS CSS就是Cascading Style Sheet的缩写，中文译作“层叠样式表”或者是“级联样式表”，是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言，CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)，是Web网页开发技术的重要组成部分。 那么接下 ......
day 07 7.1 前端基础之JavaScript基础【一】
前端基础之JavaScript基础【一】 【1】、JavaScript 的历史 1992年底，美国国家超级电脑应用中心（NCSA）开始开发一个独立的浏览器，叫做Mosaic。 这是人类历史上第一个浏览器，从此网页可以在图形界面的窗口浏览。 但是该浏览器还没有面向大众的普通用户。 1994年10月，N ......
day 08 8.1 前端基础之JavaScript基础【二】
前端基础之JavaScript基础【二】 【1】、json序列化和反序列化 JSON：JavaScript 对象表示法，是一种轻量级的数据交换格式。易于人阅读和编写。 // json是一种数据格式, 语法一般是{}或者[]包含起来 // 内部成员以英文逗号隔开,最后一个成员不能使用逗号! // 可以 ......
day 05 5.1 前端基础之HTML
前端基础之HTML 了解了web相关基本概念以后，我们开始正式接触网页开发，网页开发的基础是HTML， 所以，本章内容主要分两部分， 一是介绍HTML的相关概念、发展历史， 二是 创建HTML网页文档和认识HTML的基本结构。 我们学会如何新建一个 HTML 页面和熟记HTML文档的基本结构和主要标 ......
什么是 React Functional Components? 函数式组件？
函数式组件与类组件（Functional Components vs Class Component） 函数式组件只是一个普通 JavaScript 函数，它返回 JSX 对象。 类组件是一个 JavaScript 类，它继承了 React.Component 类，并拥有 render() 方法。 ......
关于项目组件打包时遇到 `Uncaught TypeError: Cannot read property 'toLowerCase' of undefined` 的情况
在全局注册组件时采用遍历组件池的方法时 每个组件都应该具备name属性 否则会出现 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined ......
使用Layui树形组件如何取值
近期使用了 layui中的树形组件来分分发权限，发现无法直接获取选中值的id或code数据 官方案例 可以使用 tree.getChecked('demoId') 获取选中的节点，选中节点是个对象 无法直接获取指定code或者id等信息，需要我们自己处理一下 该方法 可以获取指定 层级的id或cod ......
Vue3，使用 JS 调用弹窗组件，并实现关闭弹窗组件时销毁组件
需要对一个弹窗组件进行改造，使其能用 JS 调用，并实现关闭弹窗组件时销毁组件 原始弹窗组件 Popup.vue <template> <van-overlay :show="visible" > <div class="overlay-wrapper"> <div class="container ......
五、父子组件
1、defineProps 父传子 defineProps({ 参数名：{ type: 参数类型, default:'默认值' } }) const prpos = defineProps({ 参数名：{ type: 参数类型, default:'默认值' } }) 2、ts defineProps ......
四、组件的生命周期
import { onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted} from "vue" 1、onBeforeMount创建 onBeforeMount(()=>{ // 创建之前 } ......
优雅封装vue中的 iframe组件（可修改iframe内部样式）
公共组件 <template> <div class="wrapper-c"> <iframe id="fram_box" @load="loadFrame" :src="url"> </iframe> </div> </template> <script> export default { nam ......
无界微前端（wujie）：element-ui 弹框内使用select组件，弹出框位置异常解决方案 (主程序加载子程序)
https://wujie-micro.github.io/doc/guide/ element-ui 弹框内使用select组件，弹出框位置异常解决方案 第一步： 在子应用中： 以上3步就好啦！！！是不是很简单 这个框架坑很多，希望对大家有帮助！！！ ......
vue全家桶进阶之路45：Vue3 Element Plus el_button组件
在 Vue 3 中，Element Plus 的 ElButton 组件提供了多种按钮类型和属性，可以用于实现不同的交互效果。下面是 ElButton 常用的作用和属性： 作用： 用于在页面上添加交互按钮，比如提交按钮、取消按钮等。 常用属性： type：按钮类型，可以取值为 primary、suc ......
vue全家桶进阶之路44：Vue3 Element Plus el_row和el_col组件
在 Vue 3 中，Element Plus 也提供了 ElRow 和 ElCol 组件，用于实现栅格布局。 ElRow 组件的常用属性： gutter：栅格间距，默认为 0。 type：布局模式，可选值为 flex、justify 和 align。默认值为 flex。 tag：组件标签，默认为 d ......
vue全家桶进阶之路43：Vue3 Element Plus el-form表单组件
在 Element Plus 中，el-form 是一个表单组件，用于创建表单以便用户填写和提交数据。它提供了许多内置的验证规则和验证方法，使表单验证更加容易。 使用 el-form 组件，您可以将表单控件组织在一起，并对表单进行验证，以确保提交的数据符合预期的格式和要求。该组件具有以下特性： 支持 ......
Atom在前端的使用
常用插件 Emmet：快速生成HTML片段，比如输入ul>li*3可以快速生成： <ul> <li></li> <li></li> <li></li> </ul> 详细地址，Emmet教程 Snippets：快速生成 js 代码片段（用来处理代码片段的模板输出），详细地址 Tree View：文件浏 ......
Sublime Text在前端中的使用
新建文件时快速生成Html 安装如下插件： FileHeader：自动创建文件开头模板，并且会根据最后的保存时间修改更新时间。官网链接。 CSS Format：css格式化。 Emmet：它能够让你在编辑器中书写CSS和HTML的缩写并且动态地拓展它，是一个能大幅度提高前端开发效率的一个工具。这个软 ......
Android UI组件
1.TextView 知识点： autoLink：文本自动识别为web超链接、email地址等——第五章 AcitonBar用法：自定义ActionBar——第四章 创建Acticity选项菜单：让返回键在ActionBar中显示后，重写onOptionsItemSelected——第四章 创建，注 ......
如何在html页面引入Element组件
相关步骤 1、引入相关链接 <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css"> <script src="https://cdn.jsdelivr.net/npm/v ......
普罗米修斯安装node_exporter组件
1.下载安装 下载地址：https://prometheus.io/download/ 上传服务器local下 解压 为了后续使用方便更名为：node_exporter 启动服务： nohup /usr/local/node_exporter/node_exporter & 查看端口9100占用情况 ......
AES算法 前端JavaScript加密 后端Java解密
CryptoJS https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js 中文文档 https://cryptojs.gitbook.io/docs/ var AES = function () { const ......
设置antd中Table组件左侧部分复选框禁用
const rowSelections = { selectedRowKeys: selectedRows.map((item => item.id)), onChange: onSelectChange, getCheckboxProps: (record) => ({ disabled: rec ......
界面控件DevExpress WinForm的垂直网格组件，让数据展示更灵活！
DevExpress WinForm Vertical Grid（垂直网格）组件设计用于提供UI灵活性，它允许显示数据集中的单个行，或在其90度反向网格容器中显示多个数据集行。此外，开发者还可以将其用作属性网格，就像在Visual Studio IDE中找到的那样。 PS：DevExpress Wi ......
http 前端5种请求优化方法
1、减少请求数量：可以通过将多个资源（例如 JavaScript、CSS、图像等）合并为单个文件，从而减少 HTTP 请求的数量。另外，使用 CDN（内容分发网络）也可以减少跨地 域的请求延迟。 2、缓存请求结果：对于一些不会频繁更新的资源，可以将它们缓存在客户端或服务器端，从而减少请求的次数和响应 ......