首页
学习
活动
专区
工具
TVP
发布

WebJ2EE

专栏成员
231
文章
412200
阅读量
28
订阅数
【CSS】:一种轻量级文字高亮方案——CSS 自定义高亮 API
想要在前端展示一段文本,并对文本中的部分文字实现高亮效果,常规方案是借用像 CKEditor、wangEditor 等 Web 富文本编辑器来实现高亮特性(例如:加粗、下划线、文字颜色、文字底色)。但富文本编辑器是通过对原始文本附加额外HTML结构和CSS属性实现的高亮,对原始文本有“侵入”。现在有了新的解决方案
WEBJ2EE
2023-09-02
2.2K0
【CSS】:transforms(变形)
通过改变坐标空间,CSS transforms 可以在不影响正常文档流的情况下改变作用内容的位置。
WEBJ2EE
2021-01-28
8930
【Canvas】:High DPI 下的 Canvas 模糊问题
The devicePixelRatio of Window interface returns the ratio of the resolution in physical pixels to the resolution in CSS pixels for the current display device. This value could also be interpreted as the ratio of pixel sizes: the size of one CSS pixel to the size of one physical pixel. In simpler terms, this tells the browser how many of the screen's actual pixels should be used to draw a single CSS pixel.
WEBJ2EE
2021-01-18
1.7K0
【CSS】:white-space、word-break、overflow-wrap
The white-space CSS property sets how white space inside an element is handled.
WEBJ2EE
2020-12-02
1.4K0
【HTML】:编码规范
目录 1. 前言 2. 通用 2.1. DOCTYPE 2.2. 字符编码 2.3. 引入 CSS 和 JavaScript 文件 2.4. head 2.4.1 title 2.4.2 favicon 3. 代码风格 3.1. 缩进与换行 3.2. 命名 3.3. 标签 3.4. 属性 4. 图片 5. 表单 5.1. 控件标题 5.2. 按钮 1. 前言 本文档的目标是使HTML代码风
WEBJ2EE
2020-12-02
2.1K0
【CSS】:normalize.css
Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing. The aims of normalize.css are as follows:
WEBJ2EE
2020-11-05
1.8K0
【React】:CSS 模块化
以下是 CSS Guidelines 中的一个示例,这个示例展示了一个问题:除了写这段代码的人,没有人知道这段代码是干什么的。
WEBJ2EE
2020-07-14
1.3K0
【React】【CSS】【案例】:Flex 弹性盒模型
Flexible Box 模型,通常被称为 flexbox,是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。
WEBJ2EE
2020-04-24
2.8K0
【React】【案例】:简易轮播组件
目录 1. 组件展示 2. 关键技术 3. 关键实现 4. 组件接口 1. 组件展示 组件特性: 滑动箭头,只有当待滑动内容无法完整显示时才出现。 滑动过程使用动画体现。 滑动到左边界时,左滑动箭头给出不可滑动标识。 滑动到右边界时,右滑动箭头给出不可滑动标识。 浏览器缩放时,也能满足上述条件。 2. 关键技术 如何实现竖直居中? absolute + top:50% + transform(-50%, -50%) 如何避免用户点击滑动箭头时,意外选中文本? css3 -> user-select:non
WEBJ2EE
2020-04-21
1.2K0
【CSS】:颜色、背景
CSS 数据类型 <color> 表示一种标准RGB色彩空间(sRGB color space)的颜色。一种颜色可以用以下任意的方式来描述:
WEBJ2EE
2020-03-02
2.8K0
【CSS】:Floats
最初,引入 float 属性是为了能让 web 开发人员实现文字环绕效果(例如:报纸排版)。
WEBJ2EE
2020-02-26
4990
【前端】:属性选择器
The original Bootstrap markup is heavily convention-based: all buttons require a btn class and a specific button class prefixed by btn-. It results in cluttered, repetitive markup.
WEBJ2EE
2020-01-17
6880
【前端】:client、offset、scroll
Get the current computed width for the first element in the set of matched elements.
WEBJ2EE
2020-01-17
9710
【前端】:margin
目录 1. margin 特性总结 2. 几道笔试题 1. margin 特性总结 1.1. 横向格式化 横向格式化属性有 7 个,分别为 margin-left、border-left、padding-left、width、padding-right、border-right、margin-right。 这 7 个属性的值加在一起要等于元素容纳块的宽度。 这 7 个属性中,只有 margin-left、width、margin-right 能设置为 auto。 [3个auto] 如果 margin-le
WEBJ2EE
2020-01-17
1.1K0
【前端】:内容生成(::before、::after)
A CSS pseudo-class is a keyword added to a selector that specifies a special state of the selected element(s). For example, :hover can be used to change a button's color when the user's pointer hovers over it.
WEBJ2EE
2020-01-17
7080
【前端】:浏览器渲染模式
在很久以前的网络上,页面通常有两种版本:为网景(Netscape)的 Navigator准备的版本以及为微软(Microsoft)的 Internet Explorer准备的版本。当 W3C 创立网络标准后,为了不破坏当时既有的网站,浏览器不能直接弃用这些标准。因此,浏览器采用了两种模式,用以把能符合新规范的网站和老旧网站区分开。
WEBJ2EE
2019-12-31
1.4K0
CSS:你真的会用 z-index 吗?
所有的盒模型元素都处于三维坐标系中,除了我们常用的横坐标和纵坐标,盒模型元素还可以沿着“z 轴”层叠摆放,当他们相互覆盖时,z 轴顺序就变得十分重要。
WEBJ2EE
2019-07-19
9460
React:Table 那些事(3-1)—— 基础表格、边框控制
《React:Table 那些事》系列文章,会逐渐给大家呈现一个基于 React 的 Table 组件的定义、设计、开发过程。每篇文章都会针对 Table 的某个具体功能展开分析:
WEBJ2EE
2019-07-19
3K0
React:Table 那些事(2)—— 解读 W3C 规范
—— https://www.w3.org/TR/CSS22/sample.html
WEBJ2EE
2019-07-19
2.5K0
React:几个入门小Demo
TodoApp中使用了ES6的“...”语法,由于webpack无法识别,只能借助 babel 的 transform-object-rest-spread 插件完成语法降级转换;
WEBJ2EE
2019-07-19
2.8K0
点击加载更多
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档