文章库ARTICLE COLUMN

  • JS 实现全屏预览  F11功能

    JS 实现全屏预览 F11功能

    摘要:按进入全屏模式全屏查看按关闭全屏模式全屏关闭记得一定要加上调用代码,调用代码,调用代码,说三遍调用代码只做个人备忘,不做任何发表,不做信息交流。尽管拿去用,不谢 老是不通过,没办法,只能是重新发布了,反正我就是杠上了,大大小小写过很多...

    bbbbbbbbbbbb 评论0 收藏0
  • css--图片整合(精灵图)

    css--图片整合(精灵图)

    摘要:通用代码如下图片整合运行结果总结精灵图可以通过浮动加背景图片来实现精灵图也可以通过也可以实现主要是后期的定位移动。 图片整合(精灵图) 精灵图的优点: 减少图片的字节 减少了网页的http请求,从而大大的提高了页面的性能 解决了网页设计师在...

    张春雷张春雷 评论0 收藏0
  • 前端每日实战:85# 视频演示如何用纯 CSS 创作一个小球反弹的动画

    前端每日实战:85# 视频演示如何用纯 CSS 创作一个小球反弹的动画

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,只有个元素居中显示定义容器尺寸用伪元素画出小球定义沿轴即横向移动的动画效果定义沿轴即纵向移动的动画效果最后,把动画效果应用到小球上大功告成 showImg("https://segmentfault.com/...

    NoseeNosee 评论0 收藏0
  • 自定义滚动条

    自定义滚动条

    摘要:效果图 html↓ css↓ .test { display: inline-block; margin: 60px 40%; width: 280px; padding: 5px 4px; min-height: 20px; line-height: 20px; max-height: 72px; ...

    王晗王晗 评论0 收藏0
  • 5分钟理解BFC原理

    5分钟理解BFC原理

    摘要:一概念即块级格式化上下文,它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。通俗一点来讲,可以把理解为一个封闭的大箱子,箱子内部的元素无论如何翻江倒海,都不会影响到外部。 一、BF...

    AchillesAchilles 评论0 收藏0
  • Css里的BFC

    Css里的BFC

    摘要:一简介全称,块级格式化上下文,就是一个块级元素的渲染显示规则可以把理解为一个封闭的大箱子,,容器里面的子元素不会影响到外面的元素二的触发条件只要元素满足下面任一条件即可触发特性根元素浮动元素不为的属性值绝对定位元素为除了以外的值三的布...

    SKYZACKSKYZACK 评论0 收藏0
  • css 块级格式化上下文(BFC)

    css 块级格式化上下文(BFC)

    摘要:一块级格式化上下文什么是块级格式化上下文,块级格式化上下文就是一个块级元素的渲染显示规则可以把理解为一个封闭的大箱子,,容器里面的子元素不会影响到外面的元素触发的条件如下根元素的值不为。 一、块级格式化上下文(BFC) 1、什么是块级格式...

    weijweij 评论0 收藏0
  • css里的BFC的用法

    css里的BFC的用法

    摘要:的概念比较抽象,但通过实例分析,有助于我们对的理解。在此仅列举了几个例子,欢迎大家一起探索更多 一、对BFC的了解 Block Formatting Contexts (BFC,块级格式化上下文),就是 一个块级元素 的渲染显示规则 (可以把 BFC 理解为一个封闭的大箱子,...

    jsbintaskjsbintask 评论0 收藏0
  • 前端性能优化之Lazyload

    前端性能优化之Lazyload

    摘要:前端性能优化之前端冬晨技术分享懒加载简介前端工作中,界面和效果正在变得越来越狂拽炫酷,与此同时性能也是不得不提的问题。这样相对于直接性能得到更进一步提升,在功能上也没有什么问题。结语历史潮流浩浩荡荡,前端技术的发展也是日新月异。 前端...

    huaixiaozhuaixiaoz 评论0 收藏0
  • 射鸡狮说圆形的进度条不是我要的效果

    射鸡狮说圆形的进度条不是我要的效果

    摘要:一个没什么特别的日子,你接到了一个没什么特别的设计图,准备写个没什么特别的活动页,然后,看到了一个效果唔,射鸡狮啊,你这个圆是不是没画好啊,缺了个角。唔,那个是不是可以画画作为一个熟练操作和的前端工程师,那就去看看有没有提供什么让我们...

    defcondefcon 评论0 收藏0
  • 手把手教你用vue搭建个人站

    手把手教你用vue搭建个人站

    摘要:在我转前端以来,一直想要实现一个愿望自己搭建一个可以自动解析文档的个人站今天终于实现啦,先贴上我的地址确认需求其实一个最简单的个人站,就是许多的页面,你只要可以用写出来就可以,然后挂到上。 在我转前端以来,一直想要实现一个愿望: 自...

    xietao3xietao3 评论0 收藏0
  • 在2018年你应该知道的9个关于CSS组件化的JS库

    在2018年你应该知道的9个关于CSS组件化的JS库

    摘要:解析时,样式组件将生成唯一的类名,并将注入。在星,由创建,被定义为组件样式的工具链。它具有可预测的组合,以避免的特殊性问题。将该项目定义为组件样式通过优雅灵感解决,占地面积小小于,以及出色的性能。 一个特别有趣的概念是在CSS中使用JS将C...

    zhiweizhiwei 评论0 收藏0
  • CreateJS入门 -- 注释详细到爆炸(My Style)

    CreateJS入门 -- 注释详细到爆炸(My Style)

    摘要:以后所有的文章都会第一时间更新到这里,然后同步到其他平台。获取画布的宽和高,后面计算使用定义静态资源人物动作雪碧图天空地面远山近山创建资源加载队列用还是用标签来加载如果是的时候,就用标签来加载,如果不能用标签的话,就用来加载。 写在前...

    liangdasliangdas 评论0 收藏0
  • 水平居中布局与滚动条跳动的千年难题

    水平居中布局与滚动条跳动的千年难题

    摘要:于是,问题来了,信息流页面,如新浪微博,是从上往下渲染的。,结构类似几个页面通过头部的水平导航刷新切换,结果有的页面有滚动条,有的没有。 绝大多数的页面间布局都是水平居中布局,主体定个宽度,然后margin: 0 auto的节奏~例如,妇女之友大淘...

    mo0n1andinmo0n1andin 评论0 收藏0
  • Javascript事件流

    Javascript事件流

    摘要:见下图更直观在事件流中,事件的目标在捕获阶段不会接受到事件,这意味着在捕获阶段,事件从到后就停止了。下一个阶段是目标阶段,于是事件在上发生,并在事件处理中被看成是冒泡阶段的一部分,然后,冒泡阶段发生,事件又传回。 CONTENTS DOM事件流 ...

    luffyZhluffyZh 评论0 收藏0
  • 前端每日实战:83# 视频演示如何用纯 CSS 创作一个小球上台阶的动画

    前端每日实战:83# 视频演示如何用纯 CSS 创作一个小球上台阶的动画

    摘要:用伪元素画出个小球增加让小球向上运动的动画效果在向上运动的同时向两侧运动,形成上台阶的动画效果最后,为上台阶的动作增加拟人效果大功告成 showImg("https://segmentfault.com/img/bVbdYQH?w=400&h=302"); 效果预览 按下右侧的点击预览按钮可...

    MAX_zuoMAX_zuo 评论0 收藏0
  • React Native 在 Airbnb(译文)

    React Native 在 Airbnb(译文)

    摘要:声明有助于保持我们的同步与底层状态的声明性质。值得注意的是,这些挑战并非特定于。这导致或上出现不一致或意外错误。崩溃监控我们使用在和上进行崩溃报告。桥接有一个桥接,用于在本机和之间进行通信。 showImg("https://segmentfault.com/img/bVbd...

    chenatuchenatu 评论0 收藏0
  • ajax中回调的几个坑

    ajax中回调的几个坑

    摘要:在前端开发中,经常要用去拿后台接口返回的数据,总结几个的回调的常见问题,供大家参考爬坑。未定义,可能会造成的传入后台的数据乱码,可以加上如下代码在请求中约定好传到后台以及后台返回的数据类型,一般定义类型。 在前端开发中,经常要用ajax去...

    learn_shifenglearn_shifeng 评论0 收藏0
  • iview 和 Elemet UI 源码比较

    iview 和 Elemet UI 源码比较

    摘要:近期给自己立了个小,读源码,每周至少读篇源码下面来谈谈和这两个基于的框架源码的基本结构以及区别。例如四两个库组件整体引入和按需引入整体引入两个库一样的方法。 (近期给自己立了个小flag,读源码,每周至少读1篇源码) 下面来谈谈iview 和 Ele...

    haoguohaoguo 评论0 收藏0
  • CSS图片廊

    CSS图片廊

    摘要:图片廊根据元素的浮动,将图片所在放在一行,设置悬浮样式代码如下图片廊图片描述运行结果如下图技术要点悬浮的时候改变图片的透明度悬浮后清除浮动影响持续更新,欢迎大家指教 CSS图片廊 根据元素的浮动,将图片所在div放在一行,设置悬浮样式hover ...

    RoctureRocture 评论0 收藏0
  • css--图片廊

    css--图片廊

    摘要:注意图片之间要有间距不然影响美观可以用来调。图片加透明度可以增加美观。 一、图片廊 1、以下是使用 CSS 创建图片廊: 标签如下 图片廊 body{ margin:0; } .box{ width:1300px; margin:0 auto; border:1px soli...

    oneasponeasp 评论0 收藏0
  • android webview页面下方有input输入框,键盘弹起上滑无法拖动,导致输入内容也无法看

    android webview页面下方有input输入框,键盘弹起上滑无法拖动,导致输入内容也无法看

    摘要:出现这种问题的原因是因为客户端为了沉浸式状态栏设置了全屏,导致的属性无效。出现此类问题可以把问题可能的原因提给客户端同事,请客户端帮忙解决。 在手机端页面中有input输入框,输入框聚焦的时候会弹出键盘,如果input在页面的中下部,弹出的键盘...

    hositionhosition 评论0 收藏0
  • 极简Vue的异步组件函数

    极简Vue的异步组件函数

    摘要:默认值是然后修改这样在获取到之前就会有自定义的展示了但是路由很多我们不可能每个路由都写一个所以编写一个函数来解决新建一个这里官网可以知道具体有哪些参数可以设置然后修改一下这样一个极简的异步函数就完成了 export default new Router({ ro...

    jackzoujackzou 评论0 收藏0
  • <select>标签,不要在select标签中写value属性!!!

    <select>标签,不要在select标签中写value属性!!!

    摘要:实际上多此一举,会自动切换这个值,并保存这个值,在下一次点击后默认为上一次选择的值。它并没有这个属性,没有这个属性,没有这个属性下面给出的文档说明 select标签,一个选择框标签,在开发中很多时候会用到这个标签,例如选择生日19**年,或者...

    AndrmanAndrman 评论0 收藏0
  • JS数组

    JS数组

    摘要:如果没有符合条件的成员,则返回返回查找到的该成员该方法与类似,对数组中的成员依次执行函数,直至找到第一个返回值为的成员,然后返回该成员的索引。 摘要 最近学习了JS数组的基础知识,在这里呢总结一下,包括js数组的属性与方法,js数组常常遇到...

    NSFishNSFish 评论0 收藏0

热门文章

<