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

练小习的专栏

专栏作者
98
文章
139459
阅读量
59
订阅数
使用Stable Diffusion ,教你零基础画漫画
之前写过非音乐专业出身,零基础利用工具写歌编曲的文章,现在我再来写一篇非艺术专业的同学如何利用Stable Diffusion 画漫画吧。
练小习
2023-05-18
3.8K0
使用自定义标记来构建页面
在用html5来搭建页面的时候,为了兼容不支持html5标记的浏览器,需要把html5标记全部createElement一遍。
练小习
2018-01-15
1.3K1
SVG图形绘制入门第一弹
之前很长一段时间,我是不重视SVG的,认为他就是在AI里画画,然后导出来做个矢量图标。直到我在上家公司遇到图表的绘制,因为不会写不得已而拿插件实现,而插件绘制的SVG代码又因为看着非常吃力甚至看不懂,导致自己严重受挫。到那个时候我才从基础正式开始学习SVG。 关于SVG的文章和教程网络上有很多,我这一系列的ABC其实是我自己的一个学历历程 ,对于高手应该没有太大的帮助,对于还没有怎么写过的同学,可以一起开始学习。 首先先来认识一下SVG: SVG可缩放矢量图形(Scalable Vector Graphi
练小习
2018-01-15
3K3
表格列的hover状态与选中状态
组织表格列的交互状态一直是很头疼的事情,他不像行那样有天然的tr包裹可控,只有一个虚无缥缈的col元素可以操作,而且原生的col样式在操作的时候也是有各种坑。
练小习
2018-01-15
2.8K0
CSS Hack整理
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
7620
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
8360
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.1K0
js运算符优先级笔记
运算符的优先级决定了表达式中运算执行的先后顺序,优先级高的运算符最先被执行。 下面是一个简单的例子: 3 + 4 * 5 // 计算结果为23 乘法运算符 (“*”)比起加法运算符(“+”)有着更高的优先级,所以它会被最先执行。 结合性 结合性决定了拥有相同优先级的运算符的执行顺序。考虑下面这个表达式: a OP b OP c 左结合(从左到右计算)相当于把左边的子表达式加上小括号(a OP b) OP c,类似的,右关联(从右到左计算)相当于a OP (b OP c)。赋值运算符是右关联的,所
练小习
2018-01-15
1.9K0
JSHint的选项配置笔记
asi 如果是真,JSHint会无视没有加分号的行尾, 自动补全分号一直是Javascript很有争议的一个语法特性。默认,JSHint会要求你在每个语句后面加上分号,但是如果你认为自己理解了asi
练小习
2017-12-29
8900
canvas生成图片
今天接到个小需求:前端生成个二维码并且以img标签的方式在web上展示出来。 二维码就不用说了,搜一下实现的各种插件一大堆,这里我用基于jquery的qrcode插件生成一枚。look~ <!DOCT
练小习
2017-12-29
2.3K0
移动端全兼容的flexbox速成班
本文介绍了移动端全兼容的flexbox速成班,包括常见概念、版本对比、实用技巧和实例演练等内容,并提供了7个移动端常见布局的demo。
练小习
2017-12-29
1.6K0
比例字体&等宽字体
我们都知道等宽字体和比例字体的区别,就在于比例字体(Monospaced Font)即每个字母宽度是按一定比例自动调整的,而等宽字体(Proportional font)则是固定宽度,固定间距,字体的
练小习
2017-12-29
8.4K0
浏览器工作原理分析与首屏加载
本文介绍了浏览器工作原理,从解析HTML、CSS、JavaScript、DOM、性能优化、首屏优化、FOUC、白屏等方面进行阐述。
练小习
2017-12-29
1.7K0
关于flex布局的目前兼容性写法
本文介绍了一种关于flex布局的兼容性写法,该写法在pc端高版本ie,chrome,firefox,opera,新版搜狗高速模式以及兼容模式都正常支持,移动端的webkit,UC,firefox也正常支持。
练小习
2017-12-29
1.5K0
一些伪元素的小玩意儿
该文章介绍了一种伪元素的投影效果,可以应用在字体投影效果上,具有较好的视觉效果。同时,文章还介绍了如何通过伪元素实现更多的效果,并给出了一个示例。
练小习
2017-12-29
5590
如何让一个层位于iframe之上.flash之上
该文介绍了如何设置元素的z-index属性以使一个层位于另一个层之上。首先,介绍了z-index属性的含义,然后给出了一些示例代码。
练小习
2017-12-29
6810
带你轻松打开SVG动画的大门
初学SVG的时候,感觉那一坨一坨的代码难读难懂,现在回过头仔细想想,是因为那时候看文档缺少一些具体的实例,导致学习起来很枯燥。如今SVG已经在前端各个领域都有所作为,无论是项目里的应用还是demo都所
练小习
2017-12-29
7230
文字上右下环绕广告的写法
该文介绍了如何利用css的clear属性来让文字环绕在图片周围,同时利用float和margin进行微调,使整体布局更加美观。
练小习
2017-12-29
6880
The Cat and the Hat CSS Selectors
练小习
2017-12-29
6670
一个搜索条样式,包括select的美化
一直以来用CSS控制select都没有实现过。还是只能用JS来模拟。 by youku <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona
练小习
2017-12-29
8440
点击加载更多
社区活动
Python精品学习库
代码在线跑,知识轻松学
热点技术征文第五期
新风口Sora来袭,普通人该如何把握机会?
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品·最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档