属性 标签html css
CSS必知必会
CSS概念 css的使用是让网页具有统一美观的页面，css层叠样式表，简称样式表，文件后缀名.css css的规则由两部分构成：选择器以及一条或者多条声明 选择器：通常是需要改变的HTML元素 声明：由一个属性和一个值组成，每个属性有一个值，属性和值使用类似key：value的形式（如下方h1就是选 ......
了解CSS Module作用域隔离原理
CSS Module出现的背景 我们知道，Javascript发展到现在出现了众多模块化规范，比如AMD、CMD、 Common JS、ESModule等，这些模块化规范能够让我们的JS实现作用域隔离。但CSS却并没有这么幸运，发展到现在却一直没有模块化规范，由于CSS是 根据选择器去全局匹配元素的 ......
maui BlazorWebView+本地html (vue、uniapp等都可以) 接入支付宝sdk 进行支付宝支付 开发 Android app
首先添加支付宝sdk的绑定库 nuget 包：Chi.MauiBinding.Android.AliPay 项目地址：https://github.com/realZhangChi/MauiBinding 新建maui Blazor应用，在根目录创建一个静态类PublicMethods.cs （类名 ......
CSS 高阶小技巧 - 角向渐变的妙用！
本文将介绍一个角向渐变的一个非常有意思的小技巧！ 我们尝试使用 CSS 绘制如下图形： 在之前，类似的图案，其实我们有尝试过，在 单标签实现复杂的棋盘布局 一文中，我们用单标签实现了这样一个棋盘布局： 那么，本文有什么特殊之处呢？让我们一探究竟。 快速实现网格布局 首先，上述的布局还是希望使用一个标 ......
使用Net将HTML简历导出为PDF格式
现在有许多将HTML导出PDF的第三方包，这里介绍使用的是Select.HtmlToPdf.NetCore 使用Select.HtmlToPdf.NetCore 整体思路是将cshtml内容读出来，然后再转为Pdf文档 读取cshtml内容有两种方法，第一种使用第三方包 RazorEngine.Ne ......
推荐系统[八]算法实践总结V2：排序学习框架(特征提取标签获取方式)以及京东推荐算法精排技术实战
0.前言 「排序学习（Learning to Rank，LTR）」，也称「机器排序学习（Machine-learned Ranking，MLR)」 ，就是使用机器学习的技术解决排序问题。自从机器学习的思想逐步渗透到信息检索等领域之后，如何利用机器学习来提升信息检索的性能水平变成了近些年来非常热门的研 ......
苹果手机H5 video标签播放视频问题以及.mov格式处理方案
最近在做一个手机端拍照上传，并预览文件的功能，前端用h5 video 标签，后端用springboot+minio。 问题 刚开始写代码和测试的时候，都是用的安卓手机，照片和视频都没问题，后来换成用苹果手机后，播放视频就出现各种问题，先是苹果手机拍的mov视频不支持播放，后面又出现苹果手机播放不了视 ......
ASP.NET Core Web API Swagger 按标签Tags分组排序显示
需求 swagger页面按标签Tags分组显示。 没有打标签Tags的接口，默认归到"未分组"。 分组内按接口路径排序 说明 为什么没有使用GroupName对接口进行分组？ 暂时不需要，以及不想点击swagger页面右上角那个下拉框。 当然Tags和GroupName不冲突，不影响通过GroupN ......
maui BlazorWebView+本地html (vue、uniapp等都可以) 接入微信sdk 开发 Android app
之前没接触过Android maui 开发，这几天刚摸索，有些不合理的地方欢迎指出。 首先添加微信sdk的绑定库 nuget 包：Chi.MauiBinding.Android.WeChat 项目地址：https://github.com/realZhangChi/MauiBinding 在项目目录 ......
（原创）【B4A】一步一步入门05：控件、公有属性、水平锚定、垂直锚定（控件篇01）
一、前言 前面的教程，已经完整讲述了用B4A开发安卓APP从新建项目到编译发布的完整流程。从本篇开始，我们将会从B4A的细节处着手，一步一步掌握B4A。 从本篇开始的子系列为“控件篇”系列，本系列将从日常使用的角度出发，着重讲一些控件的常用方式及特殊用法。 本篇是“控件篇”的第一篇，主要讲解“控件” ......
【开源免费】使用Spring Boot和Html实现ChatGPT，1：亿还原，将就看
highlight: a11y-dark 简介 前段时间写了一个Chatgpt的Java版SDK开源地址：chatgpt-java欢迎使用。但由于原来OpenAI 并没有支持官网的chatgpt模型，所以使用起来相对没有官网那么智能完善，所以就没有写出一个demo项目，只开源了Open AI的SDK ......
如何操作（增、删、改、查）常见的 HTML 元素呢？（包含原生 js 和 JQuery 语法对照）
一、通用的操作示例 1、查询 根据 id 查询（结果为单个对象） // 原生 js 写法 var elementobj = document.getElementById("elementid"); // 原生 js 链式查询写法（注意：被查询的对象需为单个唯一对象，若为 list 则返回失败） v ......
CSS 数学函数与容器查询实现不定宽文本溢出跑马灯效果
在许久之前，曾经写过这样一篇文章 -- 不定宽溢出文本适配滚动。我们实现了这样一种效果： 文本内容不超过容器宽度，正常展示 文本内容超过容器的情况，内容可以进行跑马灯来回滚动展示 像是这样： 但是，之前的方案，有一个很明显的缺点，如果我们事先知道了容器的宽度，那么没问题，但是如果没法确定容器的宽度， ......
巧用 CSS 变量，实现动画函数复用，制作高级感拉满的网格动画
本文将介绍一种基于 CSS 变量技巧，通过合理使用 CSS 变量，实现 CSS 动画 @keyframes 的复用。 CSS 变量 CSS 变量大家应该都比较熟悉了，已经不能算是新知识了，快速过一遍。 CSS 变量（CSS Variable），在之前也叫做 CSS 自定义属性，其使用方式如下： // ......
【Vue】计算属性 监听属性 组件通信 动态组件 插槽 vue-cli脚手架
昨日回顾 # 1 checkbox v-model 只针对于input，做双向数据绑定 -单选 ：选中或不选中 选中就是true，不选中就是false -多选 ：数组，选了多个，把选中的value值放到数组中 # 2 购物车案例 -checkbox 多选 -插值 可以放 函数() 把函数返回结果放在 ......
修改ctags让fzf.vim插件显示C,C++方法声明的标签
背景 在 vim 中使用 fzf.vim 插件可以进行方便的搜索文件, 源码TAG, GIT 记录等, 最近抽空看了下 BTags 命令在 c, c++ 文件中, 无法显示头文件中的函数声明 标签问题. 比如在头文件中有如下一个函数声明, 使用 BTags 命令是无法显示出这个函数原型的. /* 函 ......
千姿百态,瞬息万变,Win11系统NeoVim打造全能/全栈编辑器(前端/Css/Js/Vue/Golang/Ruby/ChatGpt)
我曾经多次向人推荐Vim，其热情程度有些类似现在卖保险的，有的时候，人们会因为一些弥足珍贵的美好暗暗渴望一个巨大的负面，比如因为想重温手动挡的快乐而渴望买下一辆二十万公里的老爷车，比如因为所谓完美的音质而舍不得一个老旧的有线耳机，比如因为一个铜炉火锅而期待北京那漫长而寒冷的冬天。 ......
CSS 3 所有的选择器整理（2023.2）
你知道的和你不知道的所有选择器。不包含尚未广泛实现的，也不包含已弃用的。 基本的选择器规则（Selector） 类型（Type）选择器 直接用标签匹配特定的元素 span { ... } p { ... } 类（Class）选择器 以.开头，匹配含有这个 class 的元素 .info { ... ......
【Django drf】视图类APIView之五层封装 ApiView的类属性 drf配置文件
ApiView的类属性 如下是ApiView所有的类属性，我们抽取一部分进行介绍： 可见这些类属性，都是使用drf配置文件的默认配置。 下列策略可以在全局设置 或者 在每一个视图类中设置。 允许依赖注入其他的设置文件， ApiView源码的settings类属性使测试更容易 (也就是不使用drf的a ......
CSS-@规则(At-rules)常用语法使用总结
At-rules规则是目前CSS中一种常见的语法规则，它使用一个"@"符号加一个关键词定义，后面跟上语法区块，如果没有则以分号结束即可。 这种规则一般用于标识文档、引入外部样式、条件判断等等，本文是对该规则的使用总结。 常用规则 @import @import 主要用于从其他样式表导入新的样式规则， ......
Grafana 系列文章（十一）：Loki 中的标签如何使日志查询更快更方便
👉️URL: https://grafana.com/blog/2020/04/21/how-labels-in-loki-can-make-log-queries-faster-and-easier/ 📝Description: 关于标签在 Loki 中如何真正发挥作用，你需要知道的一切。它可 ......
现代图片性能优化及体验优化指南 - 图片类型及 Picture 标签的使用
图片资源，在我们的业务中可谓是占据了非常大头的一环，尤其是其对带宽的消耗是十分巨大的。 对图片的性能优化及体验优化在今天就显得尤为重要。本文，就将从各个方面阐述，在各种新特性满头飞的今天，我们可以如何尽可能的对我们的图片资源，进行性能优化及体验优化。 图片类型的选取及 Picture 标签的使用 首 ......
云间玉兔,自出机抒,从零开始制作Web插件网页特效小兔子组件(小挂件widget),基于原生CSS/NPM
著意登楼瞻玉兔，何人张幕遮银阙？又到了一年一度的网页小挂件环节，以往我们都是集成别人开源的组件，但所谓熟读唐诗三百首，不会做诗也会吟，熟读了别人的东西，做几首打油诗也是可以的，但若不能自出机抒，却也成不了大事，所以本次我们从零开始制作属于自己的网页小挂件，博君一晒。 玉兔主题元素绘制 成本最低的绘制 ......
避免用Apache Beanutils进行属性的copy。why？让我们一起一探究竟
在实际的项目开发中，对象间赋值普遍存在，随着双十一、秒杀等电商过程愈加复杂，数据量也在不断攀升，效率问题，浮出水面。 问：如果是你来写对象间赋值的代码，你会怎么做？ 答：想都不用想，直接代码走起来，get、set即可。 问：下图这样？ 答：对啊，你怎么能把我的代码放到网上？ 问：没，我只是举个例子 ......
10分钟做好 Bootstrap Blazor 的表格组件导出 Excel/Word/Html/Pdf
上篇: Bootstrap Blazor 实战 通用导入导出服务(Table组件) 1.新建工程 新建工程b14table dotnet new blazorserver -o b14table 将项目添加到解决方案中： dotnet sln add b14table/b14table.csproj ......
CSS 奇思妙想之酷炫倒影
在 CSS 中，倒影是一种比较常见的效果。今天，我们就将尝试，使用 CSS 完成各类不同的倒影效果，话不多说，直接进入主题。 实现倒影的两种方式 首先，快速过一下在 CSS 中，实现倒影的 2 种方式。 使用 -webkit-box-reflect 正常而言，-webkit-box-reflect ......
通过Canal将云上MySQL数据同步到华为云ES(CSS)中
背景: A部门想将mysql中多张表join成一个sql查询语句,然后将结果同步到es中供搜索使用 环境信息: 源端mysql在阿里云上,有公网ip 目标端es在华为云上,三节点 操作步骤与目的: 配置MySQL供canal访问 1.由于阿里云的rds一般都配置了白名单,因此需要将后续canal所在 ......
结合 UnoCSS 对原子化 CSS 的理解
CSS 样式太多，重复写 在学习 UnoCSS 之前，我提出几个问题： 你是否有过写完了 HTML 之后，跳转到 style 写 CSS 这样来回跳转的痛苦？ 你是否有过不知道如何给节点取类名的痛苦（有的节点确实没啥必要取类名，但就是需要写 CSS）？ 你是否有过管理重复、繁杂、繁多的 CSS 而痛 ......
css预处理器scss/sass语法以及使用
scss scss在css基础语法上面增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，使用scss可以很方便的提高开发效率 scss语法以.scss文件后缀结尾，其中语法格式有两种sass,scss, ......
Safari浏览器对SVG中的<foreignObject>标签支持不友好，渲染容易错位
在 svg 中需要写一个 markdown 编辑器，需要用到 <foreignObject> 绘制来html，编辑器选择了 simplemde。大致html部分结构如下，<markdown-editor> 组件为定制封装好的 simplemde 编辑器。 <template> <svg> <g> < ......