文章库ARTICLE COLUMN

  • 页面重构和回流

    页面重构和回流

    摘要:回流当元素的布局大小规模和显示方式发生改变时,触发的浏览器行为叫回流。而且,每个页面都会在第一次加载时触发回流。注意回流必将引起重绘,而重绘不一定伴随回流。重绘回流对的操作对不同的属性操作,影响不一样。 在了解什么是重构和回流之前,我...

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

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

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 写的立方体动画https://codepen.io/davidkpian... 自动生成曼陀罗图案https://codepen.io/...

    aervonaervon 评论0 收藏0
  • 完成一个城市选择组件(阿里前端题目,内附知识点、思路)

    完成一个城市选择组件(阿里前端题目,内附知识点、思路)

    摘要:知识点部分简单的说一下我这个城市选择组件和其中的一下知识点后台我用起了一个后台服务,使用的框架,完成满足了我的需求。还有俩个基础组件,分别是滚动组件和城市组件。子组件模板必须包含至少一个插口,否则父组件的内容将会被丢弃。   借用了两...

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

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

    摘要:详情正式发布于号正式发布,版本代号为。上个月有次下载量,大大超过了的下载量。但对于伪类选择器,其总是显示为未使用。详情新增允许第三方嵌入的网站可请求访问第一方网站的,但这并不是指放宽了同源策略。 01. Propel:JS的科学计算框架 Propel 是...

    MuninnMuninn 评论0 收藏0
  • sublime Text3 前端常用插件

    sublime Text3 前端常用插件

    摘要:前端常用插件文件切换提供了一个非常快速的方式来打开新的文件。继续,在包控制中安装插件。使用快捷键功能检测并一键去除代码中多余的空格使用安装插件并重启,即可自动提示多余空格。 sublime Text3 前端常用插件 - File Switching (文件切换) --...

    codecraftcodecraft 评论0 收藏0
  • 原生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

热门文章

<