文章库ARTICLE COLUMN

  • 移动端video局部播放视频

    移动端video局部播放视频

    摘要:前一阵子写了一个移动端视频播放但是发现不能局部播放,只能全屏播放,话不多说,贴代码具体参考了苹果的开发文档 前一阵子写了一个移动端视频播放 但是发现不能局部播放,只能全屏播放,话不多说,贴代码 具体参考了苹果的开发文档...

    haoguohaoguo 评论0 收藏0
  • 利用CSS变量实现炫酷的悬浮效果

    利用CSS变量实现炫酷的悬浮效果

    摘要:最近,我从网站上发现以一个好玩儿的悬停动画,也有了些自己的灵感。用包裹文本,以避免显示在按钮的上方。将和初始化为,当用户悬停在按钮上时,将其改为。 最近,我从 Grover网站上发现以一个好玩儿的悬停动画,也有了些自己的灵感。这个动画是将鼠...

    vincent_xybvincent_xyb 评论0 收藏0
  • vant的PullRefresh 下拉刷新下拉过程中不断报错的解决办法

    vant的PullRefresh 下拉刷新下拉过程中不断报错的解决办法

    摘要:的下拉刷新下拉过程中不断报错,错误提示如下如我的代码结构给包裹的标签加一个样式就能解决报错的问题了。 vant的PullRefresh 下拉刷新下拉过程中不断报错,错误提示如下:[Intervention] Ignored attempt to cancel a touchmove event with cancelab...

    sPengsPeng 评论0 收藏0
  • 重学前端学习笔记(三)--前端知识框架图

    重学前端学习笔记(三)--前端知识框架图

    摘要:笔记说明重学前端是程劭非前手机淘宝前端负责人在极客时间开的一个专栏,每天分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入的专栏学习原文有的语音,如有侵权请联系我,邮箱。 笔记说明 重学前端是程劭非...

    Coding01Coding01 评论0 收藏0
  • CSS垂直居中,你会多少种写法?

    CSS垂直居中,你会多少种写法?

    摘要:如果我们直接可以计算出正确的和值,岂不是一次到位函数正有此功能,当然我们需要知道子元素的宽高效果是一个作用于内联元素的属性。内联元素的特性是会和其它内联元素或者文字在同一行显示,但是默认情况下是与父元素基线对齐的。   CSS控制居中是...

    caohaoyucaohaoyu 评论0 收藏0
  • 元素总是居中且高度是宽度的一半

    元素总是居中且高度是宽度的一半

    有一个元素element, 实现如下需求: 元素e水平垂直居中 元素e水平方向与父元素保持10px间距 元素e的高度是宽度的一半 always-center 有一个元素element, 实现如下需求: 元素e水平垂直居中...

    awokezhouawokezhou 评论0 收藏0
  • CSS变量(自定义属性)使用指南 — SitePoint

    CSS变量(自定义属性)使用指南 — SitePoint

    摘要:预处理器可以让你设置变量,并且在函数循环和数学操作等中使用。不同之处在于变量是运行在浏览器中的动态属性,而预处理器变量会被编译成普通的代码。变量提供了更多可能性但这并不是说你需要在二者之间选择其一你可以同时使用变量和预处理器变量的强大...

    yankeysyankeys 评论0 收藏0
  • 纯CSS Material Design风格按钮

    纯CSS Material Design风格按钮

    摘要:以上就是纯粹利用做出来的风格按钮,相信熟练之后就可以做出更多不错的应用啰 其实Material Design的扁平化icon按钮,这类型的按钮往往只利用几何色块的变化,就能抓住使用者的眼光,并且从几何形状中明白按钮的含意,这也是Material Design非常强调的...

    lsxiaolsxiao 评论0 收藏0
  • 响应式布局【flex】

    响应式布局【flex】

    摘要:它的所有子元素称为项目,简称项目。注意,设为布局以后,子元素的和属性将失效。详细主轴和交叉轴的理解请看分钟彻底弄懂布局布局练习链接 响应式布局【flex】 来源于 响应式方法汇总 了解了以上响应式布局,下面重点介绍一下 flex弹性布局 ,非常有用...

    LoftySoulLoftySoul 评论0 收藏0
  • 前端拼音模糊搜索

    前端拼音模糊搜索

    摘要:前端实现拼音模糊搜索曾经沧海难为水除却巫山不是云曾我爱你中国我爱你中国爱你中 前端实现拼音模糊搜索pinyin-match[https://github.com/xmflswood/...[1] const PinyinMatch = require("pinyin-match");let test = "123曾经沧海难为水除却巫山不是云...

    ApolloApollo 评论0 收藏0
  • 重学前端学习笔记(四)--div和span不是够用吗?

    重学前端学习笔记(四)--div和span不是够用吗?

    摘要:笔记说明重学前端是程劭非前手机淘宝前端负责人在极客时间开的一个专栏,每天分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入的专栏学习原文有的语音,如有侵权请联系我,邮箱。 笔记说明 重学前端是程劭非...

    KnewOneKnewOne 评论0 收藏0
  • TypeScript 、React、 Redux和Ant-Design的最佳实践

    TypeScript 、React、 Redux和Ant-Design的最佳实践

    摘要:使用官方的的另外一种版本和一起使用自动配置了一个项目支持。需要的依赖都在文件中。带静态类型检验,现在的第三方包基本上源码都是,方便查看调试。大型项目首选和结合,代码调试维护起来极其方便。 showImg("https://segmentfault.com/img/bVbrTKz?...

    codeKKcodeKK 评论0 收藏0
  • 2019前端最全面试题

    2019前端最全面试题

    摘要:把标签恰好放在之前脚本在下载和执行期间会阻止解析。表示引用资源,替换当前元素,用在,,上,是页面内容不可缺少的一部分。声明是用来指示浏览器关于页面使用哪个版本进行编写的指令。声明必须是文档的第一行,位于标签之前。 项目地址 HTML问题 HT...

    cnTomatocnTomato 评论0 收藏0
  • react配置less,并使用less module(webpack.config.js配置)

    react配置less,并使用less module(webpack.config.js配置)

    摘要:网上看了很多配置,最后才发现后就不用就可以使用特性,那么仿照的配置即可的使用将文件名为配置暴露配置文件安装依赖修改文件配置,一共修改三处第一处增加定义变量第二处仿照配置第三处修改函数内部,增加图片描述测试是否安装成功 网上看了很多配置...

    sPengsPeng 评论0 收藏0
  • 'align-items: center/flex-end '  breaks

    'align-items: center/flex-end ' breaks

    摘要:实例结果左侧区域的不见了。而且滚动也不会出现。这是因为只会对下方或右侧超出的部分滚动,对左侧和上方无效左侧可以尝试设置超出。也是横向无滚动解决方案中间再包一层实例结果 实例 content content .slid...

    codergardencodergarden 评论0 收藏0
  • 三种方式实现平滑滚动页面到顶部的功能

    三种方式实现平滑滚动页面到顶部的功能

    摘要:背景最近开发公司的公众号,做了一个点击滚动到顶部的功能。但是作为一个攻城狮,怎么可能对自己要求这么低,所以我给自己加了个需求,实现平滑滚动页面到顶部的功能。使用我们都知道,通过传入文档中的,轴坐标来实现滚动到页面某个位置的功能。 背景...

    seanlookseanlook 评论0 收藏0
  • reset.css

    reset.css

    摘要:显示省略号 html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, s...

    CristicCristic 评论0 收藏0
  • daily-question-02(前端每日一题02)

    daily-question-02(前端每日一题02)

    摘要:静态作用域与动态作用域静态作用域函数的作用域基于函数创建的位置。采用的是词法作用域,也称为静态作用域。可以劫持整个对象,并返回一个新的对象。防误触延缓执行立即执行节流所谓节流,就是指连续触发事件但是在秒中只执行一次函数。 在这里记录着...

    30e8336b822930e8336b8229 评论0 收藏0
  • 前端必懂之Sticky Footer(粘性页脚)

    前端必懂之Sticky Footer(粘性页脚)

    摘要:写在最前是的一种布局场景。页脚永远固定在页面的底部,页面内容不够长的时候页脚黏在视窗底部,内容足够长时会被向下移动。老式门户网站由于内容过短常常版权页脚前移,移动端特定布局也需要来解决这些问题。 showImg("https://segmentfault.com/img/...

    jifeijifei 评论0 收藏0
  • 挖财 / 有赞电话面试 题目分享

    挖财 / 有赞电话面试 题目分享

    摘要:动画相关参考案例可能会变,主要考察动画相关的知识点浏览器内核相关浏览器浏览器内核差异渲染机制不同参考搜索引擎找了一波,分享内容不多,特别是针对差异的文章。。。 动画相关 //html //css .btn { width: 100px; height: 20...

    _ipo_ipo 评论0 收藏0
  • 一些今天看的要点

    一些今天看的要点

    摘要:弹性盒子是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式弹性容器通过设置属性的值为或将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素,一行显示设置排列方式待补充 1、css3弹性盒子:是一种当页面需...

    546669204546669204 评论0 收藏0
  • 程序员如何在996之外获得收入

    程序员如何在996之外获得收入

    摘要:因为网站建设一般项目比较小,我一个人是可以完成前后端开发的,如果做成成品当然得加上小苏设计师。关键词选择因为面向的是单个城市业务,在城市选择上犹豫了不少时间,首先得是一个大城市,客户量足,当时我在北京,小苏是在一个省会城市。 我技术之...

    YFanYFan 评论0 收藏0
  • CSS动画优雅降级的简单总结

    CSS动画优雅降级的简单总结

    摘要:转载自动画相关属性兼容性兼容性兼容性可以看到动画在这里主要讨论及以下完全不支持,由于只支持非优雅降级初始化元素动画前样式及加入动画现代浏览器下移开元素下移开元素透明元素,是元素不透明主要功臣自然是因为不支持自然会忽略掉,所以也在 转载...

    archieyangarchieyang 评论0 收藏0
  • 一批面试记录

    一批面试记录

    摘要:关于虚拟生命周期布局的排列方式块级作用域的描述箭头函数和普通函数的区别多一些布局的原理服务端渲染原理路由怎么匹配页面这里改过哪些的配置各种垂直居中伪类跨域去掉字符串头尾的空格 关于vue虚拟dom 生命周期 flex布局的排列方式 块级作用域的描...

    pf_milespf_miles 评论0 收藏0
  • rem适配移动设备

    rem适配移动设备

    摘要:前言移动端适配方案回顾总结如何使用单位的计算参考的根节点进行计算,根节点的字体变化,布局参考的页面也会相应进行缩放,此为布局的本质。动态改变的值几乎在每个浏览器都将的初始化为,我们动态改变的话可以暂时将设置为适配的根节点初始值。 前言...

    韩冰韩冰 评论0 收藏0

热门文章

<