文章库ARTICLE COLUMN

  • 图片自适应

    图片自适应

    display: block display: block height: atuo; max-wwidth: 100%; 配合媒体查询,可实现响应式布局 srcset https://www.w3cplus.com/respo...

    blairblair 评论0 收藏0
  • word-wrap & word-break & white-space

    word-wrap & word-break & white-space

    摘要:浏览器默认换行规则空格,回车,制表符,全部合成一个空格,文本自动换行只在半角空格,连字符处换行参考链接多行文本溢出省略显示实现单行多行文本超出显示省略号 浏览器默认换行规则:空格,回车,制表符,全部合成一个空格,文本自动换行(只在半角...

    QiuyueZhongQiuyueZhong 评论0 收藏0
  • CSS 居中

    CSS 居中

    transform #parent { width: 500px; height: 500px; background: lightgray; position: relative; } #child { background: white; width: 250px; ...

    王笑朝王笑朝 评论0 收藏0
  • 4个令人震撼的CSS3动画

    4个令人震撼的CSS3动画

    摘要:分享国外几个很棒的动画我们希望你能从中获得灵感。移动鼠标或滑动以导航星星选中一个复选框以生成一系列复选框。缩略图预览的概念无限且催眠的动画。 分享国外几个很棒的CSS3动画,我们希望你能从中获得灵感。 移动鼠标或滑动以导航星星 showImg("http...

    philadelphiaphiladelphia 评论0 收藏0
  • fixed固定定位 定位元素的层级和float层级的区别 遮盖效果

    fixed固定定位 定位元素的层级和float层级的区别 遮盖效果

    摘要:讲固定定位固定定位与上一讲的绝对定位很相似,不同点是固定定位永远是浏览器窗口左上角不会随着滚轴滚动,常用来做广告讲元素的层级相对定位没有脱离文档流,但是会灵魂出窍进行元素遮盖。 71讲 固定定位 固定定位与上一讲的绝对定位很相似,不同点是...

    DobbyKimDobbyKim 评论0 收藏0
  • fastclick在移动端使用input=“file”上传文件时label中的内容不能触发chang

    fastclick在移动端使用input=“file”上传文件时label中的内容不能触发chang

    摘要:当我的代码如下的时候点击编辑头像我发现我点击其他地方可以调用系统的相机以及相册,但是点击头像和文字的时候需要双击才能触发,后来排除原因主要是因为项目中引入了造成的,后来在中找到了答案就是加入属性这个属性要给内部的标签加,可以解决这个问...

    pubdreamccpubdreamcc 评论0 收藏0
  • css面试总结

    css面试总结

    摘要:两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值。两个外边距一正一负时,折叠结果是两者的相加的和。 CSS知识点整理浏览器兼容性问题解决方案 · 总结 行内样式、内嵌式、链接式以及导入式 在引用 CSS 上,分为四种形式:行内样式、内嵌式...

    SKYZACKSKYZACK 评论0 收藏0
  • react redux学习(一)

    react redux学习(一)

    摘要:项目目录安装创建列表项目创建文件夹文件夹下创建创建必须是纯函数,纯函数给定输入,固定输出,并且不能改变输入中如何获取的数据,及改变做如下修改组件中如何获取数据组件中引入文件下的在中如何改变的数据创建改变数据返回一个新的数据如何监听的数...

    LsnshLsnsh 评论0 收藏0
  • 应用现代CSS创建React App项目

    应用现代CSS创建React App项目

    摘要:经常处于随机级联样式表项目维护者的心血来潮之中,并且试图让项目编译过程中涉及的其他库,框架或预处理器经常成为一场噩梦。上下文中的预处理器基本上是构建过程中的一个步骤。 showImg("https://segmentfault.com/img/remote/1460000018822671?w=19...

    hellowoodyhellowoody 评论0 收藏0
  • CAD迷你看图软件中怎么快速进行标注文字?

    CAD迷你看图软件中怎么快速进行标注文字?

    摘要:步骤二然后将软件打开之后,点击软件的上方的打开命令,然后在指定的文件路径中将需要进行查看编辑的图纸文件打开即可。最后回车键取消命令。那么以上就是在快速看图中我们进行编辑输入文字的教程操作了,方法很简单,要是有兴趣的话,可以自己点击操作...

    chenjiang3chenjiang3 评论0 收藏0
  • 记一次用vue做的活动页

    记一次用vue做的活动页

    摘要:前言最近,公司的提了一个需求自动获取七天新上传的并且审核通过的商品做成固定的链接的一个活动页面。当时想了一想就用做了,感觉效果还行,在这分享一下我是如何做的希望对大家有一点点帮助。 showImg("https://segmentfault.com/img/bVbq9iO?w=176&...

    FreemanFreeman 评论0 收藏0
  • 5个惊艳的CSS3、js动画库

    5个惊艳的CSS3、js动画库

    摘要:动画库动画库动画库动画库动画库本文作者放大镜欢迎扫描二维码关注公众号,聚焦于,每天推送专业知识及行业资讯 Animates动画库 showImg("https://segmentfault.com/img/bVbq9y7?w=556&h=504"); magic.css动画库 showImg("https://segmentfault.com/im...

    lsxiaolsxiao 评论0 收藏0
  • 《第五届中国CSSConf开发者大会》参会总结

    《第五届中国CSSConf开发者大会》参会总结

    摘要:剖析新版,为你所用大漠第二个议题是大漠老师的,大漠老师是的站长,著有图解核心技术与案例实战。自定义属性大漠老师多次强调,这叫做自定义属性,不叫变量。 前言 对于我来讲,虽然做前端那么多年,但对 CSS 的探索非常少,很多 CSS 知识还是在毕业...

    TerryCaiTerryCai 评论0 收藏0
  • 两列布局(一列定宽)

    两列布局(一列定宽)

    摘要:左列定宽需要定宽负值部分在这个地方进行了添加,使用把原有结构包裹住了需要定宽父元素定宽高第一种,同时可以实现等高布局设置列之间的间距第二种方法 左列定宽 float +margin .parent { background-color: grey; width: 300...

    MonoLogMonoLog 评论0 收藏0
  • css 各单位距离比较

    css 各单位距离比较

    摘要:单位若自身没有设置字体大小,依据父元素,若设置则计算为不仅仅是等都可用距离百分比按照父元素的宽度计算负值相对父元素规范对重叠有如下的描述水平边距永远不会重合垂直边距可能在特定的框之间重合百分比按照父元素的宽度计算无负值参考链接 单位 e...

    RainieRainie 评论0 收藏0
  • 三列布局

    三列布局

    摘要:参考链接圣杯布局双飞翼布局 参考链接:https://juejin.im/post/5c85f0... float + margin + calc .parent{ overflow: hidden; } .left, .right{ float: left; width: 100px; } .c...

    henry14henry14 评论0 收藏0
  • 前端性能优化不完全手册

    前端性能优化不完全手册

    摘要:负载均衡就是用来帮助我们将众多的客户端请求合理的分配到各个服务器,以达到服务端资源的充分利用和更少的请求时间。如下面的配置复制代码这样可以完美绕过浏览器的同源策略访问的属于同源访问,而对服务端转发的请求不会触发浏览器的同源策略。 性能...

    jaycejayce 评论0 收藏0
  • Fultter混合App实战

    Fultter混合App实战

    摘要:而且没有兼容性问题,超过指日可待。最近学习了,并写了一个,分享给需要案例的小伙伴们,直接代码可用哦。已完成静态页面屏幕适配状态管理事件处理页面路由以下是截图项目地址撸完代码记得给颗星哦。持续更新中,信息更多哦,你的是我最大的支持。 Fl...

    宠来也宠来也 评论0 收藏0
  • Javascript如何与Sass,Less,Css之间共享变量?

    Javascript如何与Sass,Less,Css之间共享变量?

    摘要:环境和及其等先安装,下已配置如何之间共享变量文件目录文件夹下代码核心代码文件定义变量,然后使用。文件有一个关键字,它在功能上等同于的关键字,即导出一个对象。 原博文地址,此博文首次发于csdn,原创 前段时间遇到网站换肤的需求,本想挺简单...

    CloudDeveloperCloudDeveloper 评论0 收藏0
  • 前端页面渲染机制-笔记

    前端页面渲染机制-笔记

    摘要:前端页面渲染机制笔记浏览器基础结构用户界面用户所看到及与之交互的功能组件,如地址栏返回前进按钮浏览器引擎用户界面和呈现引擎之间传递指令渲染引擎呈现引擎负责解析用户请求的内容网络负责处理网络相关的事物后端负责绘制提示框等浏览器组件,底层...

    nanchen2251nanchen2251 评论0 收藏0
  • 浮动  高度塌陷问题 BFC

    浮动 高度塌陷问题 BFC

    摘要:容易混淆的是,效果几乎一样,但是并没有脱离文档流,并且元素中间有空隙。讲高度塌陷问题在文档流中,默认父元素不设置高度是被子元素撑开,当子元素脱离了文档流,父元素会出现高度塌陷的问题。 58-59讲 浮动 三个块级div水平方向排列: 不脱离文档...

    parallerparaller 评论0 收藏0
  • 导航条css clear清除浮动 解决高度塌陷最终版

    导航条css clear清除浮动 解决高度塌陷最终版

    摘要:讲清除浮动属性值清除左右元素浮动对本元素造成的影响。代码导航条解决高度塌陷问题最终版利用一个占位,清除浮动对它的影响从而实现解决高度塌陷的问题,但是此方法会在页面结构中加入一个占位标签,影响源码阅读。 63讲 导航条css样式 导航条 *...

    lscholscho 评论0 收藏0
  • 使用React和Node.js制作音乐类App的一次总结

    使用React和Node.js制作音乐类App的一次总结

    摘要:在通信时,如果要将返回的数据,那么请注意的同异步场景,准确把控渲染和设置状态时间差逻辑,特别是多个请求,可以使用或者在的回调函数中发送请求,定时器把控时间。 一、技术选型 语言选择: JavaScript TypeScript 最终选择了JavaScript作为开...

    kviccnkviccn 评论0 收藏0
  • BFC与IFC

    BFC与IFC

    摘要:行内级元素与行内元素行内级元素行内级元素是那些不会为自身内容形成新的块,而让内容分布在多行中的元素。行内元素行内元素仅仅是属性值为的元素。置换和非置换元素置换元素浏览器根据元素的标签和属性,来决定元素的具体显示内容。 参考链接: https:...

    wpwwpw 评论0 收藏0
  • 年终活动h5动画总结

    年终活动h5动画总结

    摘要:年终活动动画总结戳这里采用的插件,即可满足大多数,手机的兼容性问题。人移动切换,添加类控制移动和暂停,以及切换背景人物。监听动画结束时机桥的出现配合属性实现。不添加会影响自身页数的判断动画总结别人写的真牛自己只会。 年终活动h5动画总结...

    darrydarry 评论0 收藏0

热门文章

<