文章库ARTICLE COLUMN

  • 原生js实现简单的放大镜效果

    原生js实现简单的放大镜效果

    摘要:接下来我们开始实现一下它吧首先了解一下放大镜效果的架构如下图,它由两部分组成。第一部分的原理是设置的为需要放大的图片,同时背景的宽高为。然后通过移动的,来达到放大镜的效果。不过这只是简单的实现,还有使用实现的方法。 前言:相信很多同学...

    megatronmegatron 评论0 收藏0
  • 浮动布局错误

    浮动布局错误

    摘要:可能因为图片的尺寸刚好和的高度相同,所以布局并没有什么问题,在等设备下面是没有问题的但是发布之后,由于用户的设备物理宽度是各种各样的,这个时候问题来了,就会看见下面这奇奇怪怪的布局。。。 浮动 在开发中,很多布局总是在不经意间给人意外...

    kuangcaibaokuangcaibao 评论0 收藏0
  • 干货--手把手撸vue移动UI框架: 滑动删除

    干货--手把手撸vue移动UI框架: 滑动删除

    摘要:的结构如下样式我们这里让正文占据视图的,然后按钮容器靠右绝对定位,然后再把向右移动,这样就刚好衔接在后面。当向左滑动的时候,向左移动,显示出来。 前言 前几天因为项目需要,用jquery写了一个swiperOut组件,然后我就随便把这个组件翻译成基于...

    trigkit4trigkit4 评论0 收藏0
  • 关于CSS的个人理解

    关于CSS的个人理解

    摘要:的个人理解一概念层叠样式表,主要由属性和属性值组成。如何应用内联样式优先级最高,但由于会造成代码冗余及代码更新任务庞大,一般不采用。声明块格式的丢失最易导致错误。当浮动元素无法承载子元素的时候,子元素会在下一行显示。浮动元素的无法合并...

    RangoRango 评论0 收藏0
  • 怎么画一条0.5px的边

    怎么画一条0.5px的边

    摘要:在和一些安卓手机等的设备上,需要设置为,这个时候就是倍地画了。 编者按:本文由人人网FED发表于掘金,并已授权奇舞周刊转载 什么是像素? 像素是屏幕显示最小的单位,在一个1080p的屏幕上,它的像素数量是1920 1080,即横边有1920个像素,而竖边为...

    G9YHG9YH 评论0 收藏0
  • 那些年我用过的SAP IDE

    那些年我用过的SAP IDE

    摘要:本文里提到的所有都是基于版本的,这使得我又一次被鄙视了使用的程序猿鄙视使用的程序猿。因此这些事物码本身也是可以通过进行增强的。 在Google上根据关键字程序员鄙视链搜索,会得到68多万条结果。 showImg("https://segmentfault.com/img/remot...

    lewiflewif 评论0 收藏0
  • Codepen 每日精选(2018-3-27)

    Codepen 每日精选(2018-3-27)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 电路图生成器https://codepen.io/tsuhre/ful... 用 canvas 画的公交模拟动画https://codepen.io/m...

    crelabercrelaber 评论0 收藏0
  • css魔幻属性跟进篇

    css魔幻属性跟进篇

    摘要:中是这样定义的属性指定一个元素应沿其容器的左侧或右侧放置,允许文本和内联元素环绕它。其同样适用于设置属性为绝对定位或固定定位的内联元素。至于为什么,可以理解为内联元素没有盒模型,其高度由内容决定。 白话:即上一篇我脑中飘来飘去的css魔...

    ooghoogh 评论0 收藏0
  • 编写灵活、稳定、高质量的CSS代码的规范

    编写灵活、稳定、高质量的CSS代码的规范

    摘要:过度使用简写形式的属性声明会导致代码混乱,并且会对属性值带来不必要的覆盖从而引起意外的副作用。只有在必要的时候才将限制在最近的父元素内也就是后代选择器例如,不使用带前缀的时前缀类似于命名空间。制定一致的注释规范。 一、语法 1.1 注意 (...

    psycholapsychola 评论0 收藏0
  • 【前端小技巧】利用border画三角形及梯形

    【前端小技巧】利用border画三角形及梯形

    摘要:有些透明的背景会与边框重合。总结设置一个边有颜色,设置旁边两条边颜色透明,不设置对边三角形指向无设置边的方向如情况设置一个边有颜色,设置旁边条边颜色透明,其他两条边不设置如情况,是在图的情况之上去掉了上边 border是围绕元素内容和内边距...

    BigTomatoBigTomato 评论0 收藏0
  • 我对移动端适配的了解

    我对移动端适配的了解

    摘要:随着移动端的发展,在手机上看电脑端的页面已成为非常普及现象。方案一固定高度,使其宽度自适应这也是我接触移动端适配第一次使用的方案。 不知不觉做前端已经两年了,从PC端,移动端,微信小程序一路走来到今天刚刚开放注册的快应用(手机厂商对抗小...

    import.import. 评论0 收藏0
  • CSS 的奇技工巧:4行属性写出等比例盒子

    CSS 的奇技工巧:4行属性写出等比例盒子

    摘要:一个项目中需要用到一个广告位的轮播图效果,而这个轮播图位置需要根据不同设备的尺寸进行缩放从而保持相同的比例。但是其中值得思考的东西颇多,不妨读者也想一想为什么父元素的属性要设置为子元素为什么不设置属性注意属性的继承关系 一个项目中需要...

    tuomaotuomao 评论0 收藏0
  • webpack手动构建vue和vue-cli构建使用 px2rem-loader ,全局自动转换px

    webpack手动构建vue和vue-cli构建使用 px2rem-loader ,全局自动转换px

    摘要:做移动端时,适配是必须的。使用单位,可在不同屏幕上完美显示相同的布局。文件首先要把转成正常的,在交给来做,所以是外还需要加上一个设计稿宽度表示转换过程小数保留几位。安装配置结束后,重启项目。会发现自己设置的被转为了。 做移动端时,适配...

    AWangAWang 评论0 收藏0
  • 面试知识点总结

    面试知识点总结

    摘要:最近面试几家前端职位,想知道目前的前端面试题是偏向哪一块,都主要问到的是语法,闭包,原型链,继承那一块。并且将面试题的知识点汇总一下。参考网站面试题图片过多的时候如何优化图标很多的时候可以用雪碧图图片过大时候可以压缩一下。 最近面试几...

    王晗王晗 评论0 收藏0
  • 认识flexbox布局

    认识flexbox布局

    摘要:对于原有布局很多都是基于和这样的布局,但是新一代问世后出现了现在风靡的布局方案,其布局理解大大的迎合了现在前端开发中的布局需求什么是布局是的简称,可以直观的理解成弹性布局,是对盒子模型的一种灵活表现。 对于css原有布局很多都是基于float...

    fasssfasss 评论0 收藏0
  • Codepen 每日精选(2018-3-25)

    Codepen 每日精选(2018-3-25)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 写的星球玩呼啦圈的动画https://codepen.io/jcoulterde... 纯 css 写的鸽子喝水动画https:...

    wayneliwayneli 评论0 收藏0
  • 前端面试题-行内元素和块级元素

    前端面试题-行内元素和块级元素

    摘要:二块级元素块级元素占据其父元素容器的整个空间,因此创建了一个块。而块级元素可以包含行内元素和其他块级元素。格式默认情况下,行内元素不会以新行开始,而块级元素会新起一行。 一、行内元素 一个行内元素只占据它对应标签的边框所包含的空间。 二...

    cucumbercucumber 评论0 收藏0
  • 【基础】这15种CSS居中的方式,你都用过哪几种?

    【基础】这15种CSS居中的方式,你都用过哪几种?

    摘要:水平居中内联元素水平居中利用可以实现在块级元素内部的内联元素水平居中。此方法对内联元素内联块内联表元素水平居中都有效。核心代码演示程序演示代码垂直居中单行内联元素垂直居中通过设置内联元素的高度和行高相等,从而使元素垂直居中。 简言 CSS...

    ApolloApollo 评论0 收藏0
  • css的居中效果、li鼠标悬浮背景颜色从上往下变化、选择器的分类与使用

    css的居中效果、li鼠标悬浮背景颜色从上往下变化、选择器的分类与使用

    摘要:一居中效果行内垂直居中行内水平居中内块级元素水平居中内块级元素垂直居中二鼠标悬浮背景颜色从上往下变化三选择器的分类与使用核心选择器标签类并且或者层次后代子代下一个兄弟之后所有兄弟属性选择器过滤器配合基本选择器进行筛选选择具有 一 css居...

    zhigoozhigoo 评论0 收藏0
  • css级联与继承

    css级联与继承

    摘要:级联级联,是的简写,说明级联是非常重要的。但是一般建议不使用因为它会改变级联的工作方式,使得调试变得困难。继承中有些规则将会默认被子元素继承,有些则不会。 级联 级联(The cascade),CSS是Cascading Style Sheet 的简写,说明级联是非常重要...

    xorpayxorpay 评论0 收藏0
  • HTML 基础入门

    HTML 基础入门

    摘要:最近学习的知识,属于入门级别。粗略接触感觉并不是十分枯燥困难,不过据说都是入门容易深入很难,但愿以后不会被难倒吧。也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。 最近学习HTML5的知识,属于入门级别。粗略接触感觉...

    cangck_Xcangck_X 评论0 收藏0
  • CSS选择器及其优先级

    CSS选择器及其优先级

    摘要:基本选择器标签选择器标签选择器又叫元素选择器,换句话说,文档的元素就是最基本的选择器,使用元素名称直接选择元素即可如。 基本选择器 标签选择器 标签选择器又叫元素选择器,换句话说,文档的元素就是最基本的选择器,使用元素名称直接选择元素即...

    xorpayxorpay 评论0 收藏0
  • CSS布局相关基本概念

    CSS布局相关基本概念

    摘要:当一个元素从正常文档流中抽出后,仍然在文档流中的其他元素将忽略该元素并填补他原先的空间基于文档流,理解定位模式相对定位,即相对于元素在文档流中位置进行偏移。绝对定位,即完全脱离文档流,相对于属性非值的最近父级元素进行偏移。 主要参考文...

    wangxinarhatwangxinarhat 评论0 收藏0
  • 【前端工程师手册】布局

    【前端工程师手册】布局

    摘要:今天总结一下布局,之前校招面试的时候貌似很喜欢考布局,例如两栏自适应布局三栏自适应布局等等,实现的方法多种多样,总结一下以后就不乱了。脱离文档流触发使用脱离文档流之后,我们再利用区域不会与浮动元素重叠的特性来使剩下的元素自适应。 今天...

    maxminmaxmin 评论0 收藏0
  • CSS之选择器的运用

    CSS之选择器的运用

    摘要:相邻同胞选择器使用隔开两个选择器。例如表示选择为元素的所有兄弟元素。选择器的分类选择器元素属性简介以上就是我关于选择器的理解与运用,后续有任何补充或修改均会在此基础上添加,有任何问题欢迎指出,谢谢 CSS选择器和规则:在css声明块前添加一...

    BlackMassBlackMass 评论0 收藏0

热门文章

<