×

jquery

快速搭建云原生开发环境(k8s+pv+prometheus+grafana)(k8s搭建云平台)

渲之你 渲之你 发表于2024-05-09 浏览4983 评论0
欢迎访问我的GitHub 这里分类和汇总了欣宸的全部原创(含配套源码):https://github.com/zq2599/blog_demos 本篇概览 欣宸正在为接下新的Java云原生实战系列原创做准备,既然是实战,少不了一套云原生环境,以下内容是必不可少的: linux操作系统 kubernetes kubernetes的外部存储,平时数据库、监控、消息这些中间件的数据不可能放在容器内,需要有个可靠的地方存起来不丢失 监控 一番操作下来,轻松完成了上述工作,这里将整

react.js

学会正确地二次封装组件,让同事抱着你的大腿喊大神!

此号已注销 此号已注销 发表于2024-05-09 浏览5253 评论0
highlight: a11y-dark 一、二次封装的需求场景 二次封装,是指因为业务上的需要,对element-ui、antd、e-chart等其他组件库,做二次封装。以下是常见的二次封装场景: 1.封装UI样式 说个我做项目遇到的情况,项目里用到组件库的是antd,antd的搜索框长这样 但是ui图长这样: 如果要实现和ui图一样的效果,你就需要利用前缀和后缀的插槽,加上搜索图标和清空图标: <a-input :placeholder="placeholder"

typescript

Typescript助力项目开发:JS切换TS、TS类型定制与思考

qq_yhcs4sj6 qq_yhcs4sj6 发表于2024-05-09 浏览8944 评论0
TS已经成为可以帮助项目顺利开发的存在了。在上半年笔者就被要求采用TS开发新的项目,并在一些老项目中用TS去改造(因为沟通原因我以为某个远程组件只有TS版本)。在其中也有了一些思考。 首先是目录结构。毫无疑问一个拥有TS的项目必须有像tsconfig.json、types/typings 这样的说明文件,根据项目需要可能还有tslint.json这样的配置文件 —— 它们都和 src 目录同级。我们的目录结构大致如下: 如图,有 src 目录组织开发代码、types 目录组织ts类型声明定义

html5

用JavaScript实现网红太空人表盘(绝对详细、绝对原创),附源码下载

步虚声 步虚声 发表于2024-05-09 浏览20704 评论0
引言:网上最近太空人表盘很火,之前看到有个兄弟用svg写的,但是我也不会这个啊,我就琢磨着用canvas写了一个,效果感觉还不错,拿出来大家唠唠! 效果图: 思路 分两个画布来绘制,画布1用来放置不动的东西(背景、表盘、文字信息); 画布2用来绘制太空人的转动和时间的更新(经常要重新绘制); 太空人的转动的话就是用很多图片来切换,达到转动的效果。 绘制表盘 圆形构造函数 //构造函数 function Circle(o){ this.x=0,//圆心X坐

css

如何使用 CSS 使表格居中(快速指南)(css如何让表格居中)

LL LL 发表于2024-05-09 浏览9556 评论0
在网页设计中使用表格有一段有趣的历史。在采用 CSS 之前,表格不仅仅用于以传统方式显示表格数据练习列表,而是更常用于控制完整的页面布局。 那时,HTML 表格用于定义网页的结构和视觉外观,其中表格的位置可以直接在 HTML 中指定。例如,要将表格的对齐方式设置为中心,可以简单地编写: <table align="center"> … </table> 但是,以这种方式对齐表格不再正确,并且在 HTML5 中已被弃用。这是因为现代 Web 标准规定了结构 (HT

html5

HTML个人学习笔记(day 1)(html自学笔记)

wangmeda wangmeda 发表于2024-05-02 浏览5332 评论0
一、HTML基础认知     1.1 网页的组成      网页的组成:文字、图片、音频、视频、超链接      网页的本质:前端程序员写的代码     1.2 五大浏览器      五大浏览器: IE浏览器、火狐浏览器(Fiefox)、谷歌浏览器(Chrome)、Safari浏览器、欧鹏浏览器(Opera)        渲染引擎: 浏览器中专门对代码进行解析渲染的部分      1.3 web标准中的三个构成      web标准中分为三个构成: 结构: h

html5

HTML5高级程序设计 第一章(html5程序设计基础教程课后答案)

友情链接 友情链接 发表于2024-05-02 浏览4711 评论0
应用程序编程接口 1.HTML5语法 1.字符编码 用于指定一个HTML5文档使用的是那种字符集,以便告诉浏览器应该使用哪种编码对文本进行存储或者通过网络进行传递。在HTML5中使用<meta>元素指定字符编码。 2.DOCTYPE文档类型 用于告诉浏览器应该使用什么样的文档类型来解析HTML文档。 3.SVG 称为可缩放矢量图形,用于表示二维矢量图形的一种格式。 4.应用程序编程接口 提供应用程序与开发人员基于某软件或硬件得以访问一组功能的能力,而访问又无需源码,

react.js

《React扩展知识二》PureComponent / render props / Error boundary /组件通信方式总结

guyuewuren guyuewuren 发表于2024-05-02 浏览8566 评论0
前言 博主主页👉🏻蜡笔雏田学代码 专栏链接👉🏻React专栏 接上一篇文章react的扩展知识,今天来学习React的另外一些扩展知识 感兴趣的小伙伴一起来看看吧~🤞 1. 组件优化 Component的2个问题 问题1: 只要执行setState(),即使不改变状态数据 ( this.setState({})),组件也会重新render() ==> 效率低 问题2: 只要当前组件重新render(),就会自动重新render子组件,纵使子组件没

html5

1五子棋游戏(1五子棋游戏规则)

校长 校长 发表于2024-05-02 浏览5145 评论0
我来讲解一下开发一个简单的小游戏:五子棋。 想要实现五子棋 首先 要做的就是要创建二维数组同时创建一个棋盘。 可能别人的棋盘是用canvas  创建的,但是我的棋盘 使用div 元素创建的,因为标签元素可以放很多数据,比如我在棋盘的棋位上就放一个div, 这个div可以放自定义属性。 div的边框样式需要为微调一下,要么无法做到canvas画布标签一样画得那么工整。 for(let y=0;y<13;y++){ chessboard[y]=new Array

html

【博主推荐】HTML制作一个美观的个人简介网页(附源码)(好看的个人介绍页纯html源码)

lcd25 lcd25 发表于2024-05-02 浏览15620 评论0
HTML制作一个美观的个人简介网页 利用HTML制作一个美观的个人简介网页,可以在这个基础上修改自己的个人简介信息,然后直接使用,可以直接运行,兼容pc端web和手机端web 模块1(个人信息)示例图 用于展示个人简介主题信息,采用背景图+文字的效果 <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2">

html5

HTML5(入门)(html5入门我要自学网)

愿林 愿林 发表于2024-05-02 浏览6302 评论0
目录 一、HTML5概念和基本的结构 二、基本标签学习 三、图像标签 四、连接标签 五、列表标签 ​ 六、表格标签 table 七、媒体标签 ​  八、网页结构 ​ 九、内联框架 iframe 十、表单标签    form ​ 十一、初级验证: 一、HTML5概念和基本的结构  1.概念:HTML全称叫超文本标签语言(Hyteper Text Markup Language) HTML是一种标记语言,5代表版本号,现在已经是第五个版本了。通过 一系列