文章库ARTICLE COLUMN

  • 关于在一段文本上加修饰划线的效果

    关于在一段文本上加修饰划线的效果

    摘要:最近遇到一个需求,要在一段文字上面加上一条背景色。类似于上学时候用的记号笔做笔记一样的效果。第二种和第一种类似还是依靠渐变效果,不过是从左到右的实现。元素相对定位,伪类绝对定位,设置来实现覆盖住文字的效果。 最近遇到一个需求,要在一段...

    mzloginmzlogin 评论0 收藏0
  • 利用CSS中input制作开关、轮播图

    利用CSS中input制作开关、轮播图

    摘要:开关效果,里面不仅有效果图,也有代码,左上角的和可以点击查看喔利用制作轮播图男女以上是常用的单选框用法。我们可以利用单选框只能选中其中一个制作轮播图。超出部分隐藏让横着排放超出利用不占位过渡执行时间为设置每个圆圈的位置选中移动 1.利用...

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

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

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 有动画的天气卡片https://codepen.io/steveg3003... 纯 css 画的基因螺旋结构https://codepen.io/...

    lijy91lijy91 评论0 收藏0
  • promise以及async、await学习总结

    promise以及async、await学习总结

    Promise/async、await帮我们解决了什么 它给我们提供了一种新的异步编程解决方案,同时避免了困扰已久的回调地狱 // 异步的处理可能会产生这样的回调地狱(第二个异步操作和第一个异步的结果有关系) let Ajax = function(data, success, error){ $.ajax(...

    fuchenxuanfuchenxuan 评论0 收藏0
  • CSS中+ ,  >  , ~ 傻傻分不清

    CSS中+ , > , ~ 傻傻分不清

    摘要:选择器相邻兄弟选择器作用于紧跟其后的兄弟节点。注意事项有共同的父级必须紧跟其后,中间隔个啥都不行。注意事项要有共同的父级点击查看大气的,作用的范围广,限制少选择器后代选择器注意事项只作用于第一层后代点击查看只作用于第一层后代 +选择器...

    joyqijoyqi 评论0 收藏0
  • css-选择器

    css-选择器

    摘要:作为一个前端码农,不少接触,懂各种选择器以及权重值计算很重要,想当然的觉得选择器没什么难点的,就像我这样的,反正一层一层加,肯定能覆盖我之前写的,那最后的代码后期维护起来想想都怕怕哦。 作为一个前端码农,不少接触CSS,懂CSS各种选择器以...

    jlanglangjlanglang 评论0 收藏0
  • CSS3中哪些新属性—阴影、文本省略(1)

    CSS3中哪些新属性—阴影、文本省略(1)

    摘要:中的阴影,我知道的就是盒阴影和文字阴影。两者使用大同小异。超出边框会溢出。所以要配合强制不换行溢出隐藏三个共同使用才有效果 CSS3中的阴影,我知道的就是盒阴影和文字阴影。两者使用大同小异。 1.文字阴影 不知道为啥阴影会被开发出来,觉得这没...

    魏宪会魏宪会 评论0 收藏0
  • cssfloat布局以及其他小技巧

    cssfloat布局以及其他小技巧

    摘要:如果里有多行,那么就把每一行的行高加起来算。姓名怎么和联系方式对齐其他的方法直接用可以的,不过会受到字体的影响。字体一变,加的就会变。代码解释代码如果是内联元素要被改变宽度的话,一定要先写上。 css float 布局以及其他小技巧总结 这篇博...

    HackerShellHackerShell 评论0 收藏0
  • 前端资源分享-只为更好前端

    前端资源分享-只为更好前端

    摘要:一团队组织网站说明腾讯团队腾讯前端团队,代表作品,致力于前端技术的研究腾讯社交用户体验设计,简称,腾讯设计团队网站腾讯用户研究与体验设计部百度前端研发部出品淘宝前端团队用技术为体验提供无限可能凹凸实验室京东用户体验设计部出品奇舞团奇虎...

    vslamvslam 评论0 收藏0
  • 你可能不了解的动画神器之requestAnimationFrame及其兼容写法

    你可能不了解的动画神器之requestAnimationFrame及其兼容写法

    摘要:就是为动画而生的,用于改变样式或。例如同时进行的如下任务基于的动画动画。而且,当正在执行动画的标签页不可见时,浏览器并不会一直运行它,这就意味着更少的和内存的使用,从而延长电池寿命。我同时也修正了方法名称内核的浏览器已更改过。 介绍 ...

    xiangzhihongxiangzhihong 评论0 收藏0
  • 茴字的四种写法—移动适配方案的进化

    茴字的四种写法—移动适配方案的进化

    摘要:是阿里团队开发的前端适配方案,也是用的的方法。那么第一种方法其实已经能解决前端适配问题了,为什么阿里还要开发一个呢在第一种方法中,时没有任何问题,但是在或者更高的手机屏幕上,因为物理像素的增加,存在小于的显示空间。 话说我刚工作的时候...

    MockingBirdMockingBird 评论0 收藏0
  • 翻译 | 关键CSS和Webpack: 减少阻塞渲染的CSS的自动化解决方案

    翻译 | 关键CSS和Webpack: 减少阻塞渲染的CSS的自动化解决方案

    摘要:我们可以做很多事情来减少阻塞渲染的,例如,缓存等。但是如何减少阻塞渲染的为此,可以拆分并优先加载首次渲染所需要的关键,然后再加载其它。请注意,文件在标签里引入,因此将会阻塞渲染。 showImg("https://segmentfault.com/img/remote/146000001...

    BackacheBackache 评论0 收藏0
  • Vue全局API总结

    Vue全局API总结

    摘要:带图原文链接地址用于创建一个子类用来挂载在下次更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的。而则是在引入组件之后,则是将组件内部的内容如等方法等属性与父组件相应内容进行合并。只在独立构建时有效 带图原文链...

    lightlight 评论0 收藏0
  • 解决各种情况下的iframe高度自适应内容

    解决各种情况下的iframe高度自适应内容

    摘要:自适应高度,其实就是设置的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。这个时候又有几种情况了。我们使用下的另一个页面来做代理,通过它获取页面的高度,并设定元素的高度。 JS自适应高度,其实就是设置iframe的高度,使其等于内...

    xialongxialong 评论0 收藏0
  • iKcamp出品|全网最新|微信小程序|基于最新版1.0开发者工具之初中级培训教程分享

    iKcamp出品|全网最新|微信小程序|基于最新版1.0开发者工具之初中级培训教程分享

    摘要:微信小程序课程,面向所有具备前端基础知识的同学官网访问官网更快阅读全部免费分享课程出品全网最新微信小程序基于最新版开发者工具之初中级培训教程分享。 ?? 微信小程序课程,面向所有具备前端基础知识的同学 ?? iKcamp官网:http://www.ikcamp.co...

    李昌杰李昌杰 评论0 收藏0
  • 深入CSS之外边距折叠(margin collapse)详解

    深入CSS之外边距折叠(margin collapse)详解

    摘要:发生外边距折叠的条件是什么垂直方向上相邻的两个元素这种情况很好理解,就是上面的例子中给出的情况。外边距折叠后的大小两个相同大小的正数取某个外边距的值。即与发生折叠,折叠后的值为。根据块级格式化上下文来阻止外边距折叠。 什么是外边距折叠...

    ctriptechctriptech 评论0 收藏0
  • Issues with position fixed & scroll(移动端 fixed

    Issues with position fixed & scroll(移动端 fixed

    摘要:同时,请在其他移动端浏览器也这么处理,不要只对苹果做这些处理。苹果对于虎头蛇尾的做法真让人头疼,这作风跟巨硬真像。 转载请注明英文原文及译文出处 原文地址:Issues with position fixed & scrolling on iOS 原文作者:Remy Sharp译文地址:移...

    ZoomQuietZoomQuiet 评论0 收藏0
  • 《慕课React入门》总结

    《慕课React入门》总结

    摘要:入门与实战组件虚拟的概念这是性能高效的核心算法为此引入了虚拟的机制。这个过程是自动完成的。实际上是改变了样式文件中类的名称,使其唯一。如果希望使用达到的效果,则需要做件事情服务器支持。 React 入门与实战 react组件 虚拟DOM的概念 这是Rea...

    zhigoozhigoo 评论0 收藏0
  • inline、inline-block、block 的 margin 和 padding 表现

    inline、inline-block、block 的 margin 和 padding 表现

    摘要:的和表现概述属性表现在垂直方向上不生效设置本身生效,但是没有把父级元素撑开盒宽度默认为内容宽度,设置和都生效盒宽度默认为父元素宽度,设置和都生效测试结果图测试代码 inline、inline-block、block 的 margin 和 padding 表现 概述 display ...

    missoncemissonce 评论0 收藏0
  • CSS box model 盒模型

    CSS box model 盒模型

    摘要:盒模型是中的一个重要概念,它是元素大小的呈现方式。背景被裁剪到内边距框。 box model 盒模型(box model)是CSS中的一个重要概念,它是元素大小的呈现方式。需要记住的是:"every element in web design is a rectangular box"。如图: showImg("http...

    bovensonbovenson 评论0 收藏0
  • 带你了解css计数器——counters

    带你了解css计数器——counters

    摘要:语法格式,中的是和中元素所支持的的值,也就是你可以将显示为罗马数字则是表示可以使用指定的字符串将计数器连接起来。 第一次了解到这个css是因为代码高亮-prismj中行号显示的实现。 showImg("https://segmentfault.com/img/remote/1460000011457180...

    fuyi501fuyi501 评论0 收藏0
  • Chrome浏览器你可以选择知道的知识

    Chrome浏览器你可以选择知道的知识

    摘要:当做一些性能测试时,同样可以在这里很方便地进行。前者返回传入对象所有属性名组成的数据,后者返回所有属性值组成的数组。而便是用来停止这一监听。而则是解除该断点。 Chrome浏览器我想是每一个前端er必用工具之一吧,一部分原因是它速度快,体积不...

    NullNull 评论0 收藏0
  • 网页保存为图片及高清截图的优化 | canvas跨域图片配置

    网页保存为图片及高清截图的优化 | canvas跨域图片配置

    摘要:本次技术调研来源于项目中的一个重要功能需求实现微信长按网页保存为截图。以下主要解决两类跨域的图片资源包括已配置过的中的图片资源和微信用户头像图片资源。 本次技术调研来源于H5项目中的一个重要功能需求:实现微信长按网页保存为截图。 这里有...

    GalenceGalence 评论0 收藏0
  • less学习

    less学习

    摘要:是什么里边的可以使用多种编译环境将转换为我是用的是安装文件依程序员的角度去编写的出现兼容性写法使用更容易等使用的混合写法更加方便中的变量在使用的时候中的类混合在没有之前想让一个有两个类得到效果只能是给这个加两个类从而达到两个类的 less...

    desdikdesdik 评论0 收藏0
  • 看Zepto如何实现增删改查DOM

    看Zepto如何实现增删改查DOM

    摘要:先看下图,我们以删除元素,插入元素复制元素,包裹元素和替换元素几个模块分别探究如何一一将其实现。遍历当前集合中的元素,当该元素的父节点存在的时候,使用删除该元素。接下来我们来看如何将中创建好的节点插入到目标位置。 前言 dom也就是文档对...

    VioletJackVioletJack 评论0 收藏0

热门文章

<