文章库ARTICLE COLUMN

  • Codepen 每日精选(2018-4-22)

    Codepen 每日精选(2018-4-22)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 图片切换效果https://codepen.io/AlikinVV/f... 基于 dom 的可换肤的自行车https://codepen.io/jh...

    rickchenrickchen 评论0 收藏0
  • Nuxt.js的踩坑指南(常见问题汇总)

    Nuxt.js的踩坑指南(常见问题汇总)

    摘要:本文会不定期更新在中遇到的问题进行汇总。转发请注明出处,尊重作者,谢谢注意版本为,适合低版本指南,不通用以上。强烈推荐作者文档版踩坑指南,点击跳转 本文会不定期更新在nuxt.js中遇到的问题进行汇总。转发请注明出处,尊重作者,谢谢! 注意...

    ideaaideaa 评论0 收藏0
  • Codepen 每日精选(2018-4-23)

    Codepen 每日精选(2018-4-23)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 太空粒子效果https://codepen.io/delpher/fu... 有动画效果的海报https://codepen.io/artyschein....

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

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

    摘要:详情行人脸识别库是仅行代码的人脸识别库,最小只有。详情开发大型应用这是根据上发表的演讲整理的文章,分享了作者在开发大型应用后的一些心得。详情每周一同步更新到欢迎 1. Node.js 10 将带来什么? Node.js 10 的第一个版本将于本周二(4 月 24 日...

    KaltZKKaltZK 评论0 收藏0
  • 论如何用Vue实现一个弹窗-一个简单的组件实现

    论如何用Vue实现一个弹窗-一个简单的组件实现

    摘要:前言最近在使用框架,用到了对话框组件,大致实现的效果,跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。现在基本上弹窗组件都已实现的差不多了,还差一个弹窗的关闭事件,这里就涉及到子组件往父组件传参了。 前言 最近在使用element-ui框...

    snowLusnowLu 评论0 收藏0
  • 前端每日实战:1# 视频演示如何用纯 CSS 创作一个按钮文字滑动特效

    前端每日实战:1# 视频演示如何用纯 CSS 创作一个按钮文字滑动特效

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

    EricEric 评论0 收藏0
  • 微信小程序之swiper轮播图中的图片自适应高度

    微信小程序之swiper轮播图中的图片自适应高度

    摘要:小程序中的轮播图很简单,官方都有例子的,但是唯一的缺陷就是是固定死的高度,这样如果传入的图片大于这个高度就会被隐藏。辣么,怎样让图片自适应不同分辨率捏。我的思路是获取屏幕宽度,获取图片的宽高,然后等比设置当前屏幕宽度下的高度。 小程序...

    stackfingstackfing 评论0 收藏0
  • 弹性布局示例

    弹性布局示例

    摘要:弹性布局背景模块目前为旨在提供一种更有效的方式来布置,对齐和分配容器中的项目之间的空间,即使其尺寸未知和或动态因此单词。主轴弹性容器的主轴是弹性项目布局的主要轴子项目默认按照主轴排列。判断哪个是起始点,主要看弹性布局的流动方向。 原文...

    qqlcbbqqlcbb 评论0 收藏0
  • 圣杯布局中对left盒子设置负内边距-100%的一点解释

    圣杯布局中对left盒子设置负内边距-100%的一点解释

    摘要:但在前几天偶然看到一篇讲解圣杯布局的博客中,有同学对左侧定宽盒子设置存在疑惑,大致是不清楚为什么这样设置就会使盒子爬升到盒子的左侧,想了一下,还是把自己的理解记录下来,希望能帮到在此处有疑惑的同学,文中如有谬误,欢迎指出。 圣杯布局算...

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

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

    摘要:确保安全的在协议中有可能存在信息窃听或身份伪装等安全问题。与组合使用的被称为,超文本传输安全协议或。无法证明报文完整性,可能已遭篡改所谓完整性是指信息的准确度。如何防止篡改虽然有使用协议确定报文完整性的方法,但事实上并不便捷可靠。 确...

    ClectClect 评论0 收藏0
  • 用JS添加某些CSS属性导致:hover失效

    用JS添加某些CSS属性导致:hover失效

    摘要:不用添加属性,能正常设置背景颜色。左边的图是默认情况下,右边是鼠标放上去的时候,现在还是能正常显示的。可以看到字体颜色还是会改变的。原因是应为添加样式是直接在标签的上添加的,而的优先级高于伪类。现在终于达到了想要的结果 不用js添加css...

    inaptinapt 评论0 收藏0
  • Codepen 每日精选(2018-4-24)

    Codepen 每日精选(2018-4-24)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 图片切换效果https://codepen.io/suez/full/... 可交互的粒子撞击效果https://codepen.io/delpher...

    BWrongBWrong 评论0 收藏0
  • 小程序内置组件swiper,circular(衔接)使用小技巧

    小程序内置组件swiper,circular(衔接)使用小技巧

    摘要:,关于滑块的一些效果无缝,断点,视差等等我想这里就不用做太多的赘述,这里给大家分享一下实战项目中使用衔接的一点小特性小技巧,当然你也可以理解为遇到了一个小坑,因为不能把整个项目搬上来,所以这里用一个小事例去简单的描述一下。 swiper,关...

    ziwenxieziwenxie 评论0 收藏0
  • 神奇的BFC

    神奇的BFC

    摘要:垂直方向的距离由决定。根据布局规则第四条的区域不会与重叠。因此会根据包含块的宽度,和的宽度,自动变窄。效果如下清除内部浮动根据布局规则第六条计算的高度时,浮动元素也参与计算。 概念 BFC(Block formatting context)直译为"块级格式化上下文"...

    GraphQueryGraphQuery 评论0 收藏0
  • JS 实现持续的动画效果(requestAnimFrame)

    JS 实现持续的动画效果(requestAnimFrame)

    摘要:这就节省了和电力使用持续调用即可可以使用清除动画举例预览兼容性处理参考附录原文发表在你也可以点击这里浏览下我的其他文章欢迎和谢谢 JS 和 CSS 实现持续的动画效果 逛论坛的时候看到一个问题, js 是怎么实现持续的动画效果的? 第一时间想到的是定...

    JasonJason 评论0 收藏0
  • css 打字动画

    css 打字动画

    摘要:实现思路控制文字宽度文字出现效果首先,第一步我们先做成一个动画。打字效果平滑的动画,不能够显示出打字效果,并且也没有一个一个字的出现效果这时候可以考虑一个宽度单位。 showImg("https://segmentfault.com/img/bV8ZVl?w=296&h=235"); 实现思...

    tomlingtmtomlingtm 评论0 收藏0
  • 【基础】EM 还是 REM?这是一个问题!

    【基础】EM 还是 REM?这是一个问题!

    摘要:但问题是究竟该用还是呢关于这个问题一直存在比较大的争议。上述现象的出现,是因为是相对于当前元素字体的大小。什么是表示,它是相对于根元素的长度单位。还是在项目开发中究竟是选用还是一直以来争议不断。这就是前述规则中的第一条规则。 简言 应...

    lk20150415lk20150415 评论0 收藏0
  • 前端移动端适配方案之rem之小白解惑

    前端移动端适配方案之rem之小白解惑

    移动端适配-rem: 认识移动端 做适配方案之前先认识下移动端,熟悉移动端和pc端的区别和特点,才能真正理解做适配的精髓,这里就简单介绍下; 网上找不到主流android设备的数据表,就以iphone为例:showImg("https://segmentfault.com/img/bV8ZZH?w=857&h=43...

    EasonTylerEasonTyler 评论0 收藏0
  • 前端面试实习题目总结:

    前端面试实习题目总结:

    摘要:有种数据类型三种基本类型数字,字符串,布尔,两种引用数据类型对象,数组,两种特殊数据类型,。表示尚未存在的对象。第五步浏览器对该响应进行解码,渲染显示。谈谈笔试中会经常碰到的一类问题排序算法冒择路入兮希快归堆。 以下是部分整理,有时间...

    ColyColy 评论0 收藏0
  • [新手坑] 02.Vue开发环境和生产环境样式不一致的问题

    [新手坑] 02.Vue开发环境和生产环境样式不一致的问题

    摘要:新手坑开发环境和生产环境样式不一致的问题上次提到作用域问题导致样是不生效这次讲的是我之前遇到的一个小坑稍不留神就完蛋前阵子做的一个小项目引入了的库外加自己写的很多样式在开发环境下测试完美直接就出来上正式环境发现竟然有多处样式未生效的问...

    RdouTypingRdouTyping 评论0 收藏0
  • Codepen 每日精选(2018-4-21)

    Codepen 每日精选(2018-4-21)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 内容淡入效果https://codepen.io/jcoulterde... 音乐播放器布局https://codepen.io/jcoulterde......

    avwuavwu 评论0 收藏0
  • 你不可错过的前端面试题(二)

    你不可错过的前端面试题(二)

    摘要:有效防止黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试。可以通过指定候选样式。存储大小数据大小不能超过。初始化样式会对有一定的影响,但鱼和熊掌不可兼得,力求影响最小的情况下初始化样式。二十和联系他们都能让元素不可见。...

    muddywaymuddyway 评论0 收藏0
  • 深入理解-CSS内联元素之line-height

    深入理解-CSS内联元素之line-height

    摘要:常见问题这一部分我们来说一说常见的内联元素的一些问题。通过设置为,或者使用属性,都可以达到去除内联元素之间的间隙的目的。 showImg("https://segmentfault.com/img/remote/1460000014515131?w=1280&h=608"); 上一篇文章我们讨论了font-size,这...

    wapeyangwapeyang 评论0 收藏0
  • 不能错过的web前端性能优化总结

    不能错过的web前端性能优化总结

    摘要:是具有此属性的域名不需要用户点击链接就在后台解析,而域名解析和内容载入是串行的网络操作,所以这个方式能减少用户的等待时间,提升用户体验。 web前端性能优化主要分为以下几个板块: 加载优化 DNS预解析 合并img、css、javascript文件,减少htt...

    宋华宋华 评论0 收藏0
  • 纯JS实现KeyboardNav(学习笔记)二

    纯JS实现KeyboardNav(学习笔记)二

    纯JS实现KeyboardNav(学习笔记)二 这篇博客只是自己的学习笔记,供日后复习所用,没有经过精心排版,也没有按逻辑编写 这篇主要是添加css,优化js编写逻辑和代码排版 GitHub项目源码 预览地址 最终效果 showImg("https://sfault-image.b0.upaiyun.com/202/564...

    MuninnMuninn 评论0 收藏0

热门文章

<