文章库ARTICLE COLUMN

  • CSS中宽度与高度

    CSS中宽度与高度

    摘要:如过明确告诉浏览器行高,高度就是行高。块级元素内联元素中间的空格都会显示出来只有一个,如果需要用多个空格可以用表示,但它实际上不是空格。 div的高度 div由的高度是由它里面的字体乘以字体建议的行高确定,跟这个字体大小没有关系(不同字体相...

    JerryWangSAPJerryWangSAP 评论0 收藏0
  • 组件库使用BEM

    组件库使用BEM

    摘要:的优势最近在开发一个组件库,选择了作为的组织形式,主要考虑了以下三个方面的优势逻辑分层,容易理解。基于的组织形式,基本与组件的组织形式吻合。反过来,通过标记的命名,可以直观地理解组件的功能和依赖关系。 bem的优势 最近在开发一个组件库,...

    yangrdyangrd 评论0 收藏0
  • HTML、CSS知识学习与整理

    HTML、CSS知识学习与整理

    摘要:命名规范类型对象如。常量命名方式全部大写。子容器在交叉轴的排列方向。交叉轴的起点对齐交叉轴的终点对齐交叉轴的中点对齐交叉轴的两端对齐,轴线间隔平均分布轴线两侧间隔相等默认值,轴线占满整个交叉轴。命名1.驼峰式命名法:(1) 大驼峰命名法:首...

    pcChaopcChao 评论0 收藏0
  • 初识css层叠上下文

    初识css层叠上下文

    摘要:内联元素层级在之上。不管是兄弟还是儿子,块级元素的层级都是后来者居上,但内联元素始终在块级元素之上。图中粉色边框黑色内联元素的是浮动元素,它的块级元素在所有块级元素之上,但是它的内联元素在所有内联元素之下。 css中有很多反人类直觉的东...

    AnchorerAnchorer 评论0 收藏0
  • 记大四以来的前端面试

    记大四以来的前端面试

    摘要:大四到校就开始了紧张的秋招。在此纪录一下大四以来的前端面试。面试准备准备简历。主要是牛客网,牛客网秋招和春招都有面经分享活动,很多拿到大厂的大牛会在上面分享面试经验。这段是调用函数的语句,调用了约好的函数,并且将数据当做参数传入。 前...

    galoisgalois 评论0 收藏0
  • Codepen 每周精选:21个页面特效(2018-5-7)

    Codepen 每周精选:21个页面特效(2018-5-7)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 1. 飞机飞行 3d 效果https://codepen.io/Zultan/pen... 2. 纯 css 写的小猫开灯关灯动画https://c...

    lanffylanffy 评论0 收藏0
  • 前端每日实战:14# 视频演示如何用纯 CSS 创作一种侧立图书的特效

    前端每日实战:14# 视频演示如何用纯 CSS 创作一种侧立图书的特效

    摘要:效果预览按下右侧的点击预览按钮在当前页面预览,点击链接全屏预览。可交互视频教程此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbbyuY?w=500&h=500"); 效果预览 按下右侧的点击预览按钮...

    XboxYanXboxYan 评论0 收藏0
  • FE.CSS-Sultana后记:纯css也能写col,select,datepicker,caro

    FE.CSS-Sultana后记:纯css也能写col,select,datepicker,caro

    摘要:接着只要在中使用就能搞定自适应。代码如下标题标题标题标题标题在上述点功能中,可以用变量解决,比如实现了宽度,高度圆点大小直径的控件。 未完待续 背景 如今css3越来越发达,focus-within等属性也已经开始在Chrome得到支持。如果有出色的css功底...

    BigTomatoBigTomato 评论0 收藏0
  • FCC 成都社区·前端周刊 第 11 期

    FCC 成都社区·前端周刊 第 11 期

    摘要:正式发布已正式发布,新版本重点关注工具链以及工具链在中的运行速度问题。文章内容包括什么是内存,内存生命周期,中的内存分配,内存释放,垃圾收集,种常见的内存泄漏以及如何处理内存泄漏的技巧。 1. Angular 6 正式发布 Angular 6.0.0 已正式发布...

    NusterCacheNusterCache 评论0 收藏0
  • TCP/IP基础总结性学习(8)

    TCP/IP基础总结性学习(8)

    摘要:步骤接收到状态码的客户端为了通过认证,需要将用户及密码发送给服务器。所谓双因素认证就是指,认证过程中不仅需要密码这一个因素,还需要申请认证者提供其他持有信息,从而作为另一个因素,与其组合使用的认证方式。 确认访问用户身份的认证 某些 We...

    monw3cmonw3c 评论0 收藏0
  • 分享前端开发常用代码片段-值得收藏

    分享前端开发常用代码片段-值得收藏

    摘要:一预加载图像二检查图像是否加载三自动修复破坏的图像四悬停切换五淡入淡出显示隐藏隐藏显示六鼠标滚轮七鼠标坐标实现实现获取鼠标在图片上的坐标获取元素相对于页面的坐标八禁止移动端浏览器页面滚动实现实现九阻止默认行为十阻止冒泡十 一、预加载图...

    468122151468122151 评论0 收藏0
  • 前端每日实战:11# 视频演示如何用纯 CSS 创作一个荧光脉冲 loader 特效

    前端每日实战:11# 视频演示如何用纯 CSS 创作一个荧光脉冲 loader 特效

    摘要:效果预览按下右侧的点击预览按钮在当前页面预览,点击链接全屏预览。可交互视频教程此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbb1VP?w=500&h=500"); 效果预览 按下右侧的点击预览按钮...

    mingdemingde 评论0 收藏0
  • 前端面试中经常问到的问题:如何提高网站性能 总结

    前端面试中经常问到的问题:如何提高网站性能 总结

    摘要:在某些情况下,延迟能减少一秒钟。在某些浏览器中这个预读取的行为将会与页面实际内容并行发生而不是串行。在某些图片较多的页面中,在发起图片加载请求之前预先把域名解析好将会有至少的图片加载速度提升。 1. 使用dns预解析 DNS 请求需要的带宽非常...

    Jingbin_Jingbin_ 评论0 收藏0
  • vue2.0-基于elementui换肤[自定义主题]

    vue2.0-基于elementui换肤[自定义主题]

    摘要:直接上预览链接基于换肤自定义主题项目增加主题组件在项目的下添加文件夹文件获取地址项目增加自定义主题自定义添加主题下载地址项目引入和使用选择你想要随主题改变的元素在里面,不希望随主题改变的可以注释掉选择皮肤之后把记录存在里面。 0. 直...

    lx1036lx1036 评论0 收藏0
  • position fixed的相对容器是什么

    position fixed的相对容器是什么

    摘要:然而并不是,以下摘要自不为元素预留空间,而是通过指定元素相对于屏幕视口的位置来指定元素位置。当元素祖先的属性非时,容器由视口改为该祖先。然而,滚动的滚动条,元素并没有按照想象中那样固定在容器的一个位置上,而是表现为的效果。 请使用chro...

    Miracle_lihbMiracle_lihb 评论0 收藏0
  • z-index和层叠上下文

    z-index和层叠上下文

    摘要:层叠上下文元素的特性层叠上下文的层叠水平要比普通元素高层叠上下文可以嵌套,内部层叠上下文及其所有子元素均受制于外部的层叠上下文。层叠上下文特性里最后一条规则,每个层叠上下文都是独立的。 z-index基础介绍:三维坐标空间里,x轴通常用来表示...

    FundebugFundebug 评论0 收藏0
  • html+js(swiper.js)+css左右滑动切换页面效果,适配移动端

    html+js(swiper.js)+css左右滑动切换页面效果,适配移动端

    摘要:截图结构文件夹文件夹移动端左右滑动进度条微信内禁止上下拉上面加入了禁止微信下拉的,适合不会产生滚动条的页面,如果你的页面会有滚动条,请把禁止微信下拉的去掉,否则滚动条就被卡住不能往下拉了。和文件下载链接密码 demo: showImg("https://se...

    lcodecorexlcodecorex 评论0 收藏0
  • 前端每日实战:12# 视频演示如何用纯 CSS 创作一种文字断开的交互特效

    前端每日实战:12# 视频演示如何用纯 CSS 创作一种文字断开的交互特效

    摘要:效果预览按下右侧的点击预览按钮在当前页面预览,点击链接全屏预览。可交互视频教程此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbfmHS?w=400&h=303"); 效果预览 按下右侧的点击预览按钮...

    justjavacjustjavac 评论0 收藏0
  • 自定义按钮样式

    自定义按钮样式

    摘要:在一些网站上经常可以看到改造过的按钮选项比如这样由于之前一直在端企业,样式差不多就了所以也没去研究。 在一些网站上经常可以看到改造过的按钮选项比如这样 showImg("https://segmentfault.com/img/bV9VaQ?w=409&h=82"); showImg("https://segment...

    fuyi501fuyi501 评论0 收藏0
  • CSS module 入门

    CSS module 入门

    摘要:示例库通过记录来查看定制类名默认的哈希算法是,从前面我们可以发现被编译成了这样的字符串。与上面不加等价显式的局部作用域语法通过示例库的记录来查看下的样式复用对于样式复用,提供了组合的方式来处理。 showImg("https://segmentfault.com/img/...

    warnerwuwarnerwu 评论0 收藏0
  • flask基础之一

    flask基础之一

    摘要:最经典的就是了暂时性重定向的状态码是,表示页面暂时性被跳转,比如访问一个需要权限的网址,如果当前用户没有登录,应该重定向到登录页面。作为额外的消息头如果以上的条件都不满足,会假设返回值是一个合法的应用程序,并通过转换成一个请求对象。 ...

    archieyangarchieyang 评论0 收藏0
  • 两个常规的页面布局方式

    两个常规的页面布局方式

    摘要:表格布局表格布局杂乱无章杂乱无章杂乱无章凝胶布局凝胶布局杂乱无章杂乱无章杂乱无章图中例子是引用与一书为本人自己发挥所写,可能比较肤浅,大牛可绕过或者多指点指点。。。 表格布局 html: 表格布局 ...

    feng409feng409 评论0 收藏0
  • css3 实现圆角的三角形

    css3 实现圆角的三角形

    摘要:达到的效果今天碰到这样一个需求,为带有圆角的框加一个角标。而且角标是圆角的。我真的不想切图,怎么办。突然想到可以实现条纹背景,那这不就可以了么三行代码解决问题,继续愉快的 达到的效果: showImg("https://segmentfault.com/img/bV9Yey?w=59...

    617035918617035918 评论0 收藏0
  • 【基础】CSS实现多重边框的5种方式

    【基础】CSS实现多重边框的5种方式

    摘要:简言目前最优雅地实现多重边框的方案是利用的属性,但如果要兼容老的浏览器,则需要选择其它的方案。方案是最简单,最直接的实现多重边框的方式。只有一行代码就可以实现多重边框效果。 简言 目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow...

    mrli2016mrli2016 评论0 收藏0
  • 前端每日实战专栏 2018 年 4 月份项目汇总(共 8 个项目)

    前端每日实战专栏 2018 年 4 月份项目汇总(共 8 个项目)

    摘要:前端每日实战专栏每天分解一个前端项目,用视频记录编码过程,再配合详细的代码解读,是学习前端开发的活的参考书以下是年月份发布的项目视频演示如何用纯创作一个按钮文字滑动特效视频演示如何用纯创作一个矩形旋转特效视频演示如何用纯创作一个容器厚...

    dravenessdraveness 评论0 收藏0

热门文章

<