自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(62)
  • 资源 (83)
  • 问答 (5)
  • 收藏
  • 关注

原创 View For EasyUI 后台模板html

View For EasyUIView For EasyUi是基于EasyUI-1.5x开发的前端UI框架;主题主题皮肤,包含所有EasyUI的全部组件美化, 还有各种插件,各种优化 ,完全使用矢量图标,每一个小图标都是矢量图标,支持无限放大和颜色设置,全新扁平化设计;支持定制各种主题皮肤颜色。标准的EasyUi语法严格按照W3C标准开发完美支持HTML5网页的完整框架UML序列图...

2018-05-11 15:12:11 12620

原创 外包管理系统又称科技外包管理系统

通过使用外包管理系统,企业可以更好地管理外包业务,提高效率、降低风险、确保质量,并实现成本效益最大化。同时,系统还能够促进企业与外包供应商之间的合作,提升合作伙伴关系的稳定性和可持续性。具体的外包管理系统可能会根据企业的需求和特点进行定制和配置,以满足不同企业的管理要求。外包管理系统是一种专门用于管理外包业务的信息系统。它提供了一系列功能和工具,帮助企业有效地管理与外包相关的各个方面,包括外包项目的策划、执行、监控和评估等。

2024-03-22 09:56:35 418

原创 实施业务连续性方案

实施业务连续性方案,可以提高组织在面对突发事件和业务中断时的韧性和恢复能力,保障业务的持续运行和服务的可用性。请注意,具体的方案内容应根据组织的特点、业务需求和风险状况进行定制化。

2024-03-22 08:47:41 245

原创 动态颗粒背景,适合VUE、HTML前端显示

效果使用了3种,分别是GIF动效、CSS3动效、2DJS动效动态元素结合,开发而成的视频视频效果。动态颗粒背景,适合做背景使用,VUE、HTML前端显示直接看效果。搞完手工,最后给大家放上个视频看看效果吧,欢迎留言交了讨论一下吧。废话不多说直接上代码;

2024-02-04 17:32:22 2065

原创 tinymce富文本编辑器 报Refused to apply style from ‘/skin.min.css‘ because its MIME type (‘text/html‘)的问题

使用tinymce富文本编辑器 报Refused to apply style from ‘/skin.min.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.大致意思是不支持’text/html’的MIME类型,所以拒绝加载skin.min.css样式文件;奇怪的是你说他没加载样式吧;你说他加载了样式吧;

2023-12-28 19:16:53 535

原创 基于vue3 + ant-design 自定义SVG图标iconfont的解决方案;ant-design加载本地iconfont.js不显示图标问题

基于vue3 + ant-design 自定义SVG图标iconfont的解决方案;ant-design加载本地iconfont.js不显示图标问题,加载本地资源不成功问题

2023-09-19 11:06:34 2080 3

原创 Error in mounted hook: “ReferenceError: echarts is not defined“的解决方法

Error in mounted hook: “ReferenceError: echarts is not defined“的解决方法

2023-06-28 15:57:24 661

原创 传统select下拉多选换下来多选,使用xmSelect插件

传统的select UI比较不美观,尤其是遇到多选的时候更加丑陋;使用xmSelect插件代替下拉多选,

2023-05-26 11:28:07 560

原创 Tooltip 指提示框,Popover 指弹出框使用标签文本换行问题

也就是说HTML在Tooltip中或是在data-content="“”没有起作用。好在我找到了data-html属性,可以使得在Tooltip中使用HTML,加上data-html="true"后换行起作用了,的Tooltip功能时遇到个小问题:换行问题。显示的提示内容有两行,而且有序号1和2,最初想到的就是怎么简单怎么来;直接在title=" “或者是ata-content=” “里边直接放入””,我也是这么做的,可惜这在Tooltip中不管用。Tooltip直接把””当作文字显示出来了。

2023-05-10 17:33:37 836

原创 jQuery点击按钮复制文本内容

鼠标点击按钮;复制文本信息

2023-04-26 17:18:49 1326

原创 解决两个div切换显示;鼠标还未离开另一个容器消失,没法操作选择问题;

让我们看一下事件冒泡的定义:事件按照从最特定的事件目标逐级向上传播到最不特定的事件目标(document对象)的顺序。所以说当鼠标移入移除A的子元素B的时候,B的mouseover事件和mouseout事件会触发,但是它自己没有这两个事件啊,就把这两个事件传递给了它的父元素A,A有这两个事件所以就发生了我们看到的情况。第一个是负责数据显示;第二个是选择要显示的数据,默认显示第一个DIV容器,选择时候隐藏第一个容器,显示第二个容器选择数据,鼠标离开后隐藏第二个容器,显示第一个容器,两个IDV容器切换显示;

2023-04-13 17:26:17 187

原创 中间显示总数的饼图,

Echart js 中间显示统计数据,示例代码

2022-07-12 17:13:34 566

原创 用echarts 仪表盘修改开发的环形图

使用echarts 仪表盘修改开发成的环形图

2022-07-07 11:07:24 423

原创 自定义 CSS 重置

reset自定义 CSS 重置这是我使用了很多年的 CSS 重置样式代码这是我使用了很多年的 CSS 重置作为一个开发者,我觉得您应该拥有一份这样的重置。把它带入你的项目,并随着时间的推移,当你学习新事物或发现新技巧时,它会进行调整。1、新建一个css 文件,2、复制代码放到刚新建的css文件中,3、在你的项目中头部link引入。样式代码*, *::before, *::after { box-sizing: border-box;}* { margin: 0;}html, b

2022-04-26 16:50:51 330

原创 element UI el-image :src属性使用相对路径时图片无法显示

解决vue element Ui el-image图片不显示问题

2022-04-18 10:54:25 2524 1

原创 rem单位 布局学习布局笔记;

rem(root em)是一个相对单位,类似于em, em是父元素字体大小。不同的是rem 的基准是相对于HTML元素的字体大小

2022-04-09 10:35:52 198

原创 使用定位配合translate实现盒子居中显示

使用定位配合translate实现盒子居中显示,居中对盒子内部元素没有任何影响

2022-02-24 18:01:27 247

原创 Flex 布局笔记

Flex 布局由容器flex container和项目flex item两部分组成,容器默认存在两根轴:水平的主轴main axis和垂直的交叉轴cross axis,项目默认以主轴排列。 Flex 属性包括容器属性和项目属性两部分,容器上可设置:flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content6 个属性,项目上同样可设置 6 个属性,分别为:order、flex-grow、flex-shrink、fle

2022-02-10 09:55:24 588

转载 静态UI组件开发实例页面代码收藏

静态UI组件开发实例页面实现的重点技巧就是利用**::first-line**伪元素的文字控色技术<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><titl

2022-01-20 09:34:50 225

原创 蹦的一下,又来一个新属性scrollbar-gutter

这是一个 **scrollbar**家族的属性, scrollbar-gutter 可以让滚动条出现的时候内容不晃动。

2022-01-14 09:53:00 1016

转载 响应式网站添加applicable-device,meta标签是使用

响应式网站添加applicable-device标签欢迎使用Markdown编辑器欢迎使用Markdown编辑器现在很多网站都使用了响应式(自适应)的网页设计(Response-Web-Design),以满足庞大的移动端用户群的需要。但是在技术上设计了响应式(自适应)的网页之后,出于SEO的考虑,你还要照顾到如何对百度更友好,即告诉百度“我是自适应页面”,方便百度进行识别校验。浏览器对自适应识别校验代码在自适应网页设计中,我们使用meta标签来告诉浏览器网页的自适应规则。如:<meta na

2022-01-11 16:34:56 1892

原创 实现表单两列或一列、三列左右对齐

表单布局

2021-12-03 16:47:12 2377

原创 jquery-confirm.js弹出窗调用自定义DIV

一、引入相关脚本<link type="text/css" href="css/jquery-confirm.css"/><script src="js/jquery-confirm.js"></script>二、HTML代码<style type="text/css"> .tbBox{display:none;} .tbBox .tbHead{height:30px;} .tbBox .tbBody{padding:15p

2021-11-26 15:06:44 974

原创 jQ UI 后台管理系统基础UI

jQ UI 后台管理系统基础UIjQ UI 后台管理系统基础UI基础页面![在这里插入图片描述](https://img-blog.csdnimg.cn/44464b1228d740779a3cdfadeca60726.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5b-D54G155qE5Yi26YCg5ZWG,size_20,color_FFFFFF,t_70,g_se,x_16

2021-11-25 18:46:22 2537 14

原创 HTML5性能优化方法,延迟加载

方法一:直接把加载的文件放到文档的底部<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=0"> <title>BCM登录</title><!-- 地

2021-11-05 15:07:47 1362

原创 HTML5思维脑图插件推荐

**一、jsMind**jsMind 是一个显示/编辑思维导图的纯 javascript 类库,其基于 html5 的 canvas 进行设计。jsMind 以 BSD 协议开源,在此基础上你可以在你的项目上任意使用。你可以在此浏览适用于 jsMind 的 BSD 许可协议(中英文版本)。官网地址核心代码<div id="jsmind_container"></div><script type="text/javascript" src="../js/jsmin

2021-10-20 12:00:27 9600 6

原创 table表格实现边框圆角无效的解决方法

table表格实现边框圆角无效的解决方法HTML代码样式文件HTML代码效果图如下table表格实现边框圆角无效的解决方法,<table class="table table-bordered"> <thead> <tr> <td class="col-5">成本清单</td> <td class="col-2">FIL</td>

2021-09-02 23:10:04 1197

原创 bootstrap 5的offcanvas使用

使用不同的方法掉用显示,废话不多说;直接上代码。<!doctype html><html lang="zh-CN"><head><!-- 必须的 meta 标签 --><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><!-- Bootstrap 的 CSS 文件 --><

2021-08-10 09:20:55 1085

原创 javascript学习笔记八 - 对象

一、propertyavaScript中的所有事物都是对象:字符串、数值、数组、日期、函数等,JavaScript允许自定义对象。对象是一种特殊的数据。拥有属性和方法。属性是与对象相关的值。对象属性的语法是:objectName.propertyName<script>person = { firstname: "poya", lastname: "dj", age:30, eyecolor: "blue"}document.write(person.firstname +

2021-08-02 20:27:35 291

原创 javascript学习笔记七

DOM 元素 节点

2021-07-27 08:58:54 129

原创 javascript学习笔记五

JavaScript HTML DOM通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。当网页被加载时,浏览器就会创建页面的文档对象模型(Document Object Model)。HTML DOM 模型被构造为对象的树:通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。JavaScript 能够改变页面中的所有 HTML 元素JavaScript 能够改变页面中的所有 HTML 属性JavaScript 能够改变页面中的所有

2021-07-22 09:08:43 91 5

原创 javascript学习笔记三

JavaScript this 关键字面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。1、在方法中,this 表示该方法所属的对象。2、如果单独使用,this 表示全局对象。3、在函数中,this 表示全局对象。4、在函数中,在严格模式下,this 是未定义的(undefined)。5、在事件中,this 表示接收事件的元素。6、类似 call() 和 apply() 方法可以将 this 引用到任何对象

2021-07-16 17:13:56 108

原创 javascript学习笔记一

javascript学习笔记JavaScript 数据类型JavaScript 数据类型JavaScript 语句标识符JavaScript 变量的生存期JavaScript 全局变量与局部变量字符串方法JavaScript 数据类型JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 数据类型值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)

2021-07-08 17:02:25 78

原创 比较 opacity: 0、visibility: hidden、display: none

比较 opacity: 0、visibility: hidden、display: none一、display: none;DOM 结构:浏览器不会渲染 display 属性为 none 的元素,不占据空间;事件监听:无法进行 DOM 事件监听;性能:动态改变此属性时会引起重排,性能较差;继承:不会被子元素继承,毕竟子类也不会被渲染;transition:transition 不支持 display。二、visibility: hidden;DOM 结构:元素被隐藏,但是会被渲染不会消失,占

2021-06-24 12:28:29 174

原创 background: linear-gradient 实现表格横线及 line-height-step运用

line-height-step运用及背景实现表格横线line-height-step简单介绍实例代码完成后的效果图实现横线核心代码line-height-step简单介绍CSS中的line-height-step属性可以让文字内容占据的行高永远是line-height-step属性值的整数倍。语法:line-height-step: 仔细阅读这篇文章可以访问W3C官网介绍,https://www.w3.org/TR/css-rhythm-1/属性值只能是长度值,初始值是0实例代码废话不多说;

2021-03-26 18:07:12 532

原创 两个ul标签中的li互相移动

都是专业人员看的东西;废话不多说,直接上代码;1、使用前请先引入jquery.js插件CSS代码如下:<style type="text/css">.clearfix:before,.clearfix:after {content: " "; display: table; }.clearfix:after {clear: both; }.leftSide{width:300px;padding:10px;}.leftSide .leftTop,.leftSide .le

2020-09-17 15:17:43 609

原创 CSS visited,hover,active , focus这四个区别

CSS伪类用于向某些选择器添加特殊的效果,在样式表中,各样式排列的顺序很有讲究。:link 与 :visited 在样式文件中的顺序可以随便放置。:focus,: hover,:active这几个,如果你设置的顺序不同,会直接影响样式的显示效果。:focus -> :hover -> :active有些人可能会困惑,为什么必须要按这样的顺序,而不能打乱呢? 其实他们每一个选择器都代表一个含义。:link代表为访问链接的样式,所以只要你是超链接,且未被访问过,则链接都会按照你

2020-09-15 14:44:20 1581

原创 CSS解决容器背景不能撑开的问题

在开发中;有时候给容器设置了背景;发现他不会被撑开,而是是显示在第一行的位置,不管里边放多少容器和内容,如下图这种情况:如何让这个容器显示正确的效果呢?第一解决方法就是在背景容器使用overflow:hidden; 其实这个方法也是正确的,但是如果使用这个方法,你会发现搜索输入框如果是下拉的情况是显示不全的,只显示显示一半。第二解决方法就限制个最小高度;min-height,这个方法如果...

2020-04-01 15:26:35 1180

原创 基于伪类:target锚点实现的弹出

在不使用JS的情况下;这种方式的弹出窗是非常值得推荐的;废话不多说;直接看代码:HTML<div class="row slideanim"> <div class="col-md-6 gal-img"> <a href="#gal2" class="gal2h"> <span>标题文字</span> </...

2020-03-31 15:26:18 230

原创 常用语义化HTML标签

**常用语义化HTML标签一、标签使用的误区很多开发中在项目开发中,经常标签乱用;本来是写个标题用“<h3>文本标题</h3>”,经常会写成<span>文本标题</span>,其实,其实第一种写法才是WC3推荐的,因为标题就是标题使用H1 至 H5标签才是正确选择。现在的网页布局方式都叫“DIV+CSS”,满屏代码都是“DIV”其实是一个错误的...

2019-06-04 11:08:57 329

Bootstrap网页制作专题

Bootstrap网页制作专题;是本人在了利用Bootstrap制作网页的总结的文档;Bootstrap是一个不错的开源的web前台框架;强烈推荐大家使用;所以分享这个文档给大家。

2012-12-20

Bootstrap 开源框架

Bootstrap是一个开源的web的UI设计框架;好用方便;更是一个参考文档;和说明书;

2012-11-13

web管理的后台框架

今天在写程序的时候需要是一个框架;在网上下载了一个用的是html的frameset这种框架;感觉一点一不好;而且还不兼容;为了解决这问题;于是在EXTJS中抽出来这个后台框架;分享给大家使用;

2012-10-30

15个弹出层

文件是一个压缩包;包含有十五个弹出层的样式;其中有js;jquery还有其他的;反正下载看了你就知道了

2012-10-23

S渐变显示-收缩效果

这是一个实现显示和隐藏的代码实例;兼容主流浏览器;

2012-09-26

header部分的显示和隐藏实例

header部分的显示和隐藏实例;有的时候页面特殊的需要;头部需要显示和隐藏;该实例分实例以和实例二两个部分;效果基本一样;兼容性没问题;本人测试无误

2012-09-25

flash上放div;在放文字显示

有的时候flash上放div的话;在div里边在放文字的话;div的文字会不显示的;本实例就是为了解决这个问题写的实例;希望和我一样遇到这问题的朋友能帮到你们;

2012-09-17

html的网页流程图

网页的流程图;有的时候;在web页面上药显示一些动态的流程图,这就是一个实例;兼容性没问题

2012-08-30

checkbox选择和input里边实现上下一条2

下拉框的特殊需求;兼容市场主流浏览器;下载既可以用;很经典的;分享给大家,不防下载试试……

2012-08-30

最新的省份选择器(中国)

最新的省份选择器;兼容性很好,下载就可以直接用

2012-08-30

select里实现checkbox选择和input里边实现上下一条

select里实现checkbox选择和input里边实现上下一条;本人已经测试;兼容性没问题

2012-08-29

select里实现checkbox的选择和input里边上下一条翻转

有的时候;一些控件在特殊要求是非常难做的;所以分享一个特写的控件给大家;select里实现checkbox的选择和input里边上下一条翻转

2012-08-29

一个配色方案

分享一个html的网页配色方案给大家;欢迎下载使用;很多时候节省时间的;很好的解决了你在开发过程中去启动软件;用吸管工具在复制进了步骤;在开始开发的步骤。提高了效率。这就是公司要你的目的

2012-08-29

很简单的弹出层

兼容市场上所有浏览器的弹出层;很简单;高度高度自适应;

2012-08-28

特殊的菱形导航2

本导航是经过图片处理;在加上CSS控制的导航的特殊菱形导航;用图片是很有难度的;不看你会后悔的;很好的实例;下载来就可以直接用的导航;前段时间上传了一个菱形导航;今天上传菱形导航二

2012-08-17

鼠标移上去文字出来.rar

两种效果的;鼠标移上去文字出来.rar

2012-07-21

很多小图标

很辛苦才收藏了这么多小图标;分享给大家,大家在做开发或者在做设计的时候就直接用了;省去处理图标。

2012-07-14

居底部显示

有的时候;一些网站的内容客户要求要底部显示;是一个java的技术开发人员要我写个他的;顺便上传分享给大家;很简单的;学过Ui的人员都会

2012-07-05

颜色提取器

在网上找了好久!没有找到;最后打电话给朋友;让他给我发过来的;非常好用的工具

2012-07-02

按钮随机颜色

是一个按钮随机颜色案例;写的很详细;有注释;

2012-07-02

jQ UI 后台管理系统.zip

jQ UI 后台管理系统,基础UI框架! 基于jquery HTML CSS **没有多余的代码** 所展示的基础界面如下图。左侧点击菜单,右侧显示内容,支持右侧选项卡关闭等,更多功能效果自己拓展开发

2021-11-25

新疆维吾尔族自治区地图

新疆维吾尔族自治区地图,静态HTML演示demo示例,JSON数据类型,方便前后开发对接,电视大屏展示数据案例,

2020-10-14

jquery select插件.zip

jquery插件,jquery模拟select下拉插件;解决浏览器下拉选择UI不统一下问题;

2019-05-16

1000个网页小图标demo

1000个网页小图标;适用于web开发的各种环境(如OA、CRM、网站、办公管理系统)等等;使用非常简单方便;引入css 文件和对应图标即可使用

2019-03-07

HTML 手机单页demo

HTML 手机单页demo,个人中心详情页面;H5详情页面;兼容安卓和苹果系统;

2019-03-06

网页加载动画效果(Loading)

50多少个 网页加载动画效果(Loading效果),加载中,SVG,加载动画

2018-04-10

矢量 管理系统图标库

矢量图标, 后台管理系统图标库;拥有近500个的图标;满足开发需要;支持放大与缩小

2018-02-11

5个登录界面源代码模板

登录界面模板;解压密码:www.51vui.com; 技术交流Q群:149663025 微信公众平台:SoSoIT 更多模板:www.51vui.com

2017-09-04

带有图标和checkbox的下拉组件

带有图标和checkbox的下拉组件;下拉列表项中标题前面带有不同类型的小图标;后面是checkbox多选框;点击checkbox选择;与select2有些相似;弹又有些不一样 更多组件https://shop155629335.taobao.com/?spm=a230r.7195193.1997079397.2.diL9ud

2017-07-25

横向导航菜单

今天领导叫我出一个面试题?我出的题是“ 用li做一个横向的导航菜单,不少于三个菜单的”现在给出本题的代码

2014-07-01

获取屏幕搞得,赋值给div

在屏幕不同的分辨率的情况下,为了让版权部分永远位于浏览器的最底部;采用的笨方法处理,获取屏幕的高度,把高度赋值给div,这样就可以兼容不同的屏幕分辨率了啊

2014-01-11

select下拉选择不同状态

1.比较特殊的需求,下拉框要里边的每一条数据要用不同的颜色状态,选择以后要同时显示颜色和状态,

2013-09-23

快速回到头部

简单的实例;分享给大家;方便大家在用的时候;直接下载后就可以用;很简单,一看就明白,

2013-06-16

读取json文件定时抓取新数据.

1.通过读取json数据;2.定时抓取数据,3.分类过滤条件,4。分类显示重要的和普通的两大类;用不同的颜色区分;非常不错的程序;值得下载学习和事使用

2013-05-29

让IE6、IE7、IE8支持CSS3的圆角、阴影样式

让IE6、IE7、IE8支持CSS3的圆角、阴影样式.

2013-05-22

定时关闭的下拉广告

像新浪一样;静茹首页是下拉一个广告;过一段时间就自动关闭;然后鼠标移动上去;又打开;定时关闭的下拉广告

2013-05-13

div左侧显示和隐藏

div实现iframe的框架左侧隐藏与显示实例;代码非常简单;分享给大家

2013-05-03

只能输入数字和小数点.html

只能输入数字和小数点。很简单的一个是例。分享给大家

2013-04-15

CSS代码格式化和加密化

CSS代码格式化和加密化

2013-01-30

钢琴导航条

这是一个钢琴的导航条;写好的控件;下载过来就可以之间用;

2013-01-28

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除