间距 组件css
webpack的css 兼容性处理
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack的css 兼容性处理 处理 css 兼容性需要使用到 postcss-loader 和postcss-preset-env 两个插件 一、css 兼容 ......
webpack提取 CSS 成单独文件
转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack提取 CSS 成单独文件 提取css 成单独文件需要用到 mini-css-extract-plugin插件 一、提取 css 的核心配置 // we ......
AWS的组件及组合
kafka或kinesis 做数据收集 S3+redshift 做数仓 EMR做计算 RDS做数据市场 AWS Glue / AWS Data Pipeline 做数据集成 这些组件配合起来，几乎可以做各种方式的数据分析 kinesis还是比较推荐，延迟时间可以配置的算是实时的，而且功能会多一点，聚 ......
CSS – Houdini
介绍 简单说这个 Houdini 是一系列 CSS 底层 API，它可以让我们扩展 CSS，做出一些 Polyfill。 举一个例子，让大家有个画面。 我们可以通过 CSS + JS + Canvas 语法来自创 CSS 语法，游览器解析 CSS 时它会跑我们的 JS，而 JS 用类似 Canvas ......
博客园css与目录导航
默认配置： 皮肤：BlueSky ## 页面定制css代码 ``` :root { --accent-color: #696969; /* nice */ --primary-colour: #306797; /* */ --background-color: white; --background ......
前端Vue自定义等分底部菜单导航按钮 自适应文字宽度 可更改组件位置
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
vscode 实现组件之间的跳转
1. 安装 vetur 和 vue-helper 两个插件2. 打开设置 --> 扩展 --> vue helper, 然后在右边找到在 settings.json 中编辑，点击，添加或修改下面的配置： "vue-helper.alias": { "@": "src" }, "vue-helper. ......
基于forms组件和Ajax请求的注册功能(代码)
前端 1 <div class="container-fluid"> 2 <div class="row"> 3 <div class="col-md-8 col-md-offset-2"> 4 <h1 class="text-center">注册</h1> 5 <form id="myform"> ......
Glide源码解析三（注册组件）
转载请标明出处，维权必究： https://www.cnblogs.com/tangZH/p/12900387.html Glide源码解析一，初始化 Glide源码解析二—into方法 Glide源码解析三（注册组件） Glide源码解析四（解码和转码） 本文基于Glide 4.11.0 这里说的 ......
CSS实现文字描边效果
一、介绍最近在一个项目的宣传页中，设计师使用了文字描边效果，之前我确实没有实现过文字的描边效果，然后我在查阅资料后，知道了实现方法。文字描边分为两种：内外双描边和单外描边，也就是指在给文字加上描边效果后，描边的方向是向内外同时占用文字空间还是只向外扩充文字空间的区别。 二、具体代码1、文字内外双描边 ......
vue3探索——组件通信之事件总线
> Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用`mitt.js`。 > > > 比起Vue实例上的`EventBus`，`mitt.js`好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖Vue实例，所以可以跨框架使用，React或 ......
项目中多次调用百度地图组件然后页面出现自动刷新的问题——Too many active WebGL contexts. Oldest context will be lost
最近在项目中遇到这么一个奇怪的问题，在调用百度地图组件之后页面会不定期的自动刷新，后来经过排查发现问题是因为内存泄漏的原因： Too many active WebGL contexts. Oldest context will be lost。 是因为chrome浏览器对单个页面能运行的WebGL ......
vue数据传递【父子组件】-父子props，子父$emit
一、父子组件传递 1、父组件数据传递给子组件【props】 父组件的数据变化时，子组件会自动更新 在父组件中引用子组件 <子组件name/> import 子组件 from ./子组件位置/子组件所在vue.vue 在组件中注册子组件 components:{子组件名称} 子组件 可以通过props ......
CSS交集选择器
作用: 选中同时符合多个条件的元素 交集选择器有并且的含义通俗理解就是(即......又......), 举例: 小王年轻且长得帅 语法: 选择器1选择器2选择器3...(紧紧挨在一起) 举例: /* 标签配合类选择器使用,h1为标签 .fruit为类选择器 */ h1.fruit { color: ......
CSS选择器优先级
CSS中有哪些常用的选择器? ID选择器 类选择器 元素选择器 如果同时使用的话哪个优先级更高? 内联样式 > ID选择器 > 类选择器 > 元素选择器 代码举例,比如下面这段代码,同时使用了类选择器和标签(元素)选择器,但是h1标签中内容的颜色是绿色,因为类选择器优先级要高于元素选择器 <!DOC ......
WPF优秀组件推荐之FreeSpire
概述 Spire是一套可以轻松处理Word、Excel和PDF的商业组件，需要收费，但是他有一套对应的免费组件FreeSpire可以使用，免费组件在功能上有一些限制（比如：excel的sheet数量不能超过30），对于普通应用来说大部分场景下都可以适用了。 中文帮助文档：帮助文档 ｜ 全面丰富的在线 ......
WPF优秀组件推荐之MahApps
概述 MahApps是一套基于WPF的界面组件，通过该组件，可以使用较小的开发成本实现一个相对很好的界面效果。 官方网站：MahApps.Metro - Home 开源代码：MahApps · GitHub 本文代码基于Stylet开发，如果您还不了解Stylet，请参阅： WPF优秀组件推荐之St ......
WPF优秀组件推荐之LiveCharts
概述 LiveCharts是一个比较漂亮的WPF图表控件，在数据变化时还会有动画切换的效果，并且样式也可以控制。 官方网站：Live Charts (lvcharts.net) 开源代码：GitHub - Live-Charts/Live-Charts: Simple, flexible, inte ......
WPF优秀组件推荐之Stylet（一）
一、简介 Stylet是基于WPF的一款MVVM组件，虽然WPF本身是自带MVVM功能的，但实现起来不是很方便 ，通过Stylet，用户可以用很少的代码就能享受MVVM带来的舒适体验。 目前Stylet支持：.Net Framerwork 4.5、.Net Core 3.0、.Net 5以上版本。 ......
WPF优秀组件推荐之Stylet（二）
上一篇文章介绍了Stylet的一些基本功能，本篇将介绍一些深入一点的功能。 依赖注入 在Bootstrapper 类中注入需要的对象： public class Bootstrapper : Bootstrapper<MainViewModel> { protected override void ......
现代CSS布局技术：Flexbox和Grid的使用指南和最佳实践
在现代Web开发中，CSS布局技术变得越来越重要。Flexbox和Grid是两种常用的CSS布局技术，它们可以帮助我们创建灵活、可维护的布局。 ......
如何用CSS实现响应式设计并优化用户体验
在移动设备的时代，网站的响应式设计变得越来越重要。响应式设计的目标是使网站适应不同尺寸和分辨率的设备，并提供最佳的用户体验。本文将介绍如何使用CSS实现响应式设计并优化用户体验。 ......
3 CSS组合选择器
##### 3 组合选择器 页面元素比较复杂，存在多个嵌套。为了更加灵活选择页面中的元素，CSS中还提供了组合选择器。组合选择器就是将多个基本选择器通过一定的规则连接起来组成一个复杂选择器。 ###### 后代子代选择器 ```html Title item1 item2 item3 item4 ` ......
java实现大文件上传组件
文件上传下载，与传统的方式不同，这里能够上传和下载10G以上的文件。而且支持断点续传。 通常情况下，我们在网站上面下载的时候都是单个文件下载，但是在实际的业务场景中，我们经常会遇到客户需要批量下载的场景，还有文件夹的下载场景。与传统业务需求相比，新的业务需求要求更高，难度也更大。但是用户体验比传 ......
2 css基本选择器
##### 2 基本选择器  ###### id选择器 id选择器使用“#”进行标识，后面紧跟id名，其基 ......
css相对定位+绝对定位
1、开启定位 相对定位：给元素设置position:relative 并且需要设置left、right、top、bottom四个属性来调整位置，如果没有设置这4个属性，默认都是0，这时盒子在视界上不会发生移动。 绝对定位：给元素设置position:absolute 并且需要设置left、right ......
1 CSS的引入方式
##### 1 CSS的引入方式 CSS样式有三种不同的使用方式，分别是行内样式，嵌入样式以及链接式。我们需要根据不同的场合不同的需求来使用不同的样式。 - 行内样式 行内样式，就是写在元素的style属性中的样式，这种样式仅限于元素内部起作用。当个别元素需要应用特殊样式时就可以使用内联样式。但不推 ......
wpf 自定义轮播图组件
轮播图组件代码： [Localizability(LocalizationCategory.None, Readability = Readability.Unreadable)][TemplatePart(Name = "Part_Grid",Type= typeof(Grid))][Templa ......
vue2公共组件=》筛选条件
源码 <template> <div class="c__filter" :style="`height: ${showFilter ? 'auto' : '47px'}`" v-if="filterNum > 0" ref="tableFilter" > <div class="c_filter_ ......
iOS 日历组件FSCalendar
项目中有用到日期选择框架，最好是能有日历效果的，为了方便后续拓展可能还需要有标记功能和可拓展功能，于是找到了一个很合适的轮子[FSCalendar](https://github.com/WenchaoD/FSCalendar) 效果图 ![](https://img2023.cnblogs.com ......