文章库ARTICLE COLUMN

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

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

    摘要:分别具体介绍几个常用的状态码二成功的响应结果表明请求被正常处理了。状态码返回时,不包含任何响应的主体部分。该状态码表示发送的请求需要有通过认证认证认证的认证信息。该状态码表明服务器端在执行请求时发生了错误。六总结状态码和状况的不一致。...

    boredreamboredream 评论0 收藏0
  • CSS之div嵌套问题及高度自适应问题的五种实现--个人总结

    CSS之div嵌套问题及高度自适应问题的五种实现--个人总结

    摘要:以下是在自己实习生面试的时候遇到的一个问题,事后自己也去总结了一下。 以下是在自己实习生面试的时候遇到的一个问题,事后自己也去总结了一下。问题描述如下:一个外层div里面嵌套两个内部div,外层div高度固定(假设未知),内层上面的div高度固定...

    JadenJaden 评论0 收藏0
  • DOM层级顺序与z-index

    DOM层级顺序与z-index

    摘要:为了调整层级顺序,我们想到的往往就是用的属性来控制。规则顺序规则在不设置属性或设置成的情况下,文档流后面的节点会覆盖前面的节点。层级树规则定位节点,且有整数值的不包括,会被放置到一个与节点不一样的层级树里。 前言 DOM层级顺序,大概来说...

    AmioAmio 评论0 收藏0
  • 基于ES6的tinyJquery

    基于ES6的tinyJquery

    摘要:但它操作的便利性无出其右。我用写了一个基于简化版的,包含基础操作,支持链式操作,仅供日常使用。功能基于基本选择器构造,包括基于原生构造,将原生对象转化为对象。为支持批量操作,构造器应包含复数的。 原文地址:Bougie的博客 jQuery作为曾经W...

    魏宪会魏宪会 评论0 收藏0
  • Codepen 每日精选(2018-4-14)

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

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 写的蛋糕落在纸盘上的动画https://codepen.io/YusukeNaka... 色环https://codepen.io/thep...

    honhonhonhon 评论0 收藏0
  • 关于在一段文本上加修饰划线的效果

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

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

    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

热门文章

<