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

lonelydawn的前端猿区

主要用于介绍前端前沿技术框架、工具和理念,并发布一些日常生活中积累和用到的工作经验、技术以及开发组件
专栏作者
75
文章
123461
阅读量
40
订阅数
浏览器内核
网络传输,逻辑上是在传输二进制字节流。浏览器在拿到字节流之后,会先根据资源的编码方式(如UTF-8)进行解码,将字节流转化为字符流。 一串 HTML 的字符流,需要经过语法解析,形成节点后,最终生成 DOM 树。
lonelydawn
2022-03-30
9160
# Sass速通(四):继承、混合与函数
实际上,Sass 是将使用 @extend 的 .seriousError 和 .error 编译为了组合选择器 .error, .seriousError。以往我们在 CSS 中复用一段样式时,也会使用 组合选择器 这种形式。
lonelydawn
2021-10-13
8140
Sass速通(二):嵌套与作用域
在 Sass 中,可以在父选择器中写子选择器,以嵌套的形式来表达关联的关系,这样做可以减少我们重复书写父选择器的工作量。
lonelydawn
2021-09-26
1.4K0
Sass速通(一):变量与运算
如果要使用多个单词命名,最好使用中横线或下划线连接的方式,这两种命名方式虽然不同,如 danger-color 和 danger_color,但是却指向同一个变量。
lonelydawn
2021-09-26
1.7K0
酷炫的progressbar(上限可大于100%)
引用 <link rel="stylesheet" type="text/css" href="./index.css"> <div id="progress"></div> <script type
lonelydawn
2018-02-09
8840
打造专属插件之Easy Slider Bar
引用 <link rel="stylesheet" type="text/css" href="./index.css"> <div id="slider"></div> <script type="text/javascript" src="./index.js"></script> <script type="text/javascript"> var sb = new EasySliderBar({ el: 'slider' }) </script> 参数 Name     Type
lonelydawn
2018-02-09
1K0
keyframes在不同浏览器中的表现性
一、keyframes的使用方法 keyframes是css3实现动画的一种方式。 简单的使用规则如下: 先定义元素的动画样式,并设置动画的名称 selector{ animation: name duration timing-function delay iteration-count direction; } 之后用keyframes实现动画 @keyframes name{ 0%{ /*state...*/} 100%{/*state...*/} } animation的可用
lonelydawn
2018-02-09
1.7K0
css选择器
下面是一张取自w3cschool的css选择器表 链接地址:http://www.w3school.com.cn/cssref/css_selectors.asp 选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 <p> 元素。 1 element,element div,p 选择
lonelydawn
2018-02-09
1.1K0
没有更多了
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档