练小习的专栏-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

练小习的专栏

专栏成员

98

文章

148394

阅读量

59

订阅数

使用Stable Diffusion ，教你零基础画漫画

之前写过非音乐专业出身，零基础利用工具写歌编曲的文章，现在我再来写一篇非艺术专业的同学如何利用Stable Diffusion 画漫画吧。

2023-05-18

4.9K0

使用自定义标记来构建页面

在用html5来搭建页面的时候，为了兼容不支持html5标记的浏览器，需要把html5标记全部createElement一遍。

2018-01-15

1.3K1

SVG图形绘制入门第一弹

图像处理 svg

之前很长一段时间，我是不重视SVG的，认为他就是在AI里画画，然后导出来做个矢量图标。直到我在上家公司遇到图表的绘制，因为不会写不得已而拿插件实现，而插件绘制的SVG代码又因为看着非常吃力甚至看不懂，导致自己严重受挫。到那个时候我才从基础正式开始学习SVG。关于SVG的文章和教程网络上有很多，我这一系列的ABC其实是我自己的一个学历历程，对于高手应该没有太大的帮助，对于还没有怎么写过的同学，可以一起开始学习。首先先来认识一下SVG： SVG可缩放矢量图形（Scalable Vector Graphi

2018-01-15

3.1K3

表格列的hover状态与选中状态

组织表格列的交互状态一直是很头疼的事情，他不像行那样有天然的tr包裹可控，只有一个虚无缥缈的col元素可以操作，而且原生的col样式在操作的时候也是有各种坑。

2018-01-15

2.9K0

CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务. 我进行前端开发的时候,测试用的浏览器大致有: IE7, IE6, Opera9(文章撰写时版本为9.25 8825), Safari3(文章撰写时版本为3.0.4 523.15), Firefox2(文章撰写时版本为2.0.0.11). 在正常的 selector { property:value; } 的基础上常会根据具体情况为相同元素使用Hack以

2018-01-15

8130

css绘图，实现一些特殊形状

还是和前面的tips一样，多用after和before，能省俩标签！俩！比如这一堆的形状 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="keywords" content="前端开发,CSS,HTML,XHTML,JS" /> <meta name="description" content="专注前端技术博客" /> <t

2018-01-15

9160

max-width:100%在td或者table-cell里渲染不符合预期小笔记

一直没太注意有这个坑，td或者table-cell的元素里，如果没有指定容器宽度，那么容器里的img标签max-width:100% 在IE7-11，以及firefox下会不理会max-width的限制，例如： <!DOCTYPE html> <html> <head> <title>max-width:100%不兼容小笔记-练小习</title> <style> *{ margin: 0; padding: 0; border:0; } .img-wrap{ dis

2018-01-15

1.2K0

js运算符优先级笔记

运算符的优先级决定了表达式中运算执行的先后顺序，优先级高的运算符最先被执行。下面是一个简单的例子： 3 + 4 * 5 // 计算结果为23 乘法运算符 (“*”)比起加法运算符(“+”)有着更高的优先级，所以它会被最先执行。结合性结合性决定了拥有相同优先级的运算符的执行顺序。考虑下面这个表达式： a OP b OP c 左结合(从左到右计算)相当于把左边的子表达式加上小括号(a OP b) OP c，类似的，右关联(从右到左计算)相当于a OP (b OP c)。赋值运算符是右关联的，所

2018-01-15

2K0

JSHint的选项配置笔记

asi 如果是真，JSHint会无视没有加分号的行尾，自动补全分号一直是Javascript很有争议的一个语法特性。默认，JSHint会要求你在每个语句后面加上分号，但是如果你认为自己理解了asi

2017-12-29

9640

canvas生成图片

canvas 数据结构

今天接到个小需求：前端生成个二维码并且以img标签的方式在web上展示出来。二维码就不用说了，搜一下实现的各种插件一大堆，这里我用基于jquery的qrcode插件生成一枚。look~ <!DOCT

2017-12-29

2.4K0

移动端全兼容的flexbox速成班

https 网络安全 css 弹性伸缩 ios

本文介绍了移动端全兼容的flexbox速成班，包括常见概念、版本对比、实用技巧和实例演练等内容，并提供了7个移动端常见布局的demo。

2017-12-29

1.7K0

比例字体&等宽字体

我们都知道等宽字体和比例字体的区别，就在于比例字体（Monospaced Font）即每个字母宽度是按一定比例自动调整的，而等宽字体（Proportional font）则是固定宽度，固定间距，字体的

2017-12-29

9.2K0

浏览器工作原理分析与首屏加载

css javascript html 渲染

本文介绍了浏览器工作原理，从解析HTML、CSS、JavaScript、DOM、性能优化、首屏优化、FOUC、白屏等方面进行阐述。

2017-12-29

1.7K0

关于flex布局的目前兼容性写法

本文介绍了一种关于flex布局的兼容性写法，该写法在pc端高版本ie，chrome，firefox，opera，新版搜狗高速模式以及兼容模式都正常支持，移动端的webkit，UC，firefox也正常支持。

2017-12-29

1.6K0

一些伪元素的小玩意儿

该文章介绍了一种伪元素的投影效果，可以应用在字体投影效果上，具有较好的视觉效果。同时，文章还介绍了如何通过伪元素实现更多的效果，并给出了一个示例。

2017-12-29

5970

如何让一个层位于iframe之上.flash之上

该文介绍了如何设置元素的z-index属性以使一个层位于另一个层之上。首先，介绍了z-index属性的含义，然后给出了一些示例代码。

2017-12-29

7660

带你轻松打开SVG动画的大门

初学SVG的时候，感觉那一坨一坨的代码难读难懂，现在回过头仔细想想，是因为那时候看文档缺少一些具体的实例，导致学习起来很枯燥。如今SVG已经在前端各个领域都有所作为，无论是项目里的应用还是demo都所

2017-12-29

7600

文字上右下环绕广告的写法

该文介绍了如何利用css的clear属性来让文字环绕在图片周围，同时利用float和margin进行微调，使整体布局更加美观。

2017-12-29

7360

The Cat and the Hat CSS Selectors

2017-12-29

7090

一个搜索条样式，包括select的美化

一直以来用CSS控制select都没有实现过。还是只能用JS来模拟。 by youku <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona

2017-12-29

8650

点击加载更多

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态