文章库ARTICLE COLUMN

  • 浮动  高度塌陷问题 BFC

    浮动 高度塌陷问题 BFC

    摘要:容易混淆的是,效果几乎一样,但是并没有脱离文档流,并且元素中间有空隙。讲高度塌陷问题在文档流中,默认父元素不设置高度是被子元素撑开,当子元素脱离了文档流,父元素会出现高度塌陷的问题。 58-59讲 浮动 三个块级div水平方向排列: 不脱离文档...

    parallerparaller 评论0 收藏0
  • 导航条css clear清除浮动 解决高度塌陷最终版

    导航条css clear清除浮动 解决高度塌陷最终版

    摘要:讲清除浮动属性值清除左右元素浮动对本元素造成的影响。代码导航条解决高度塌陷问题最终版利用一个占位,清除浮动对它的影响从而实现解决高度塌陷的问题,但是此方法会在页面结构中加入一个占位标签,影响源码阅读。 63讲 导航条css样式 导航条 *...

    lscholscho 评论0 收藏0
  • 使用React和Node.js制作音乐类App的一次总结

    使用React和Node.js制作音乐类App的一次总结

    摘要:在通信时,如果要将返回的数据,那么请注意的同异步场景,准确把控渲染和设置状态时间差逻辑,特别是多个请求,可以使用或者在的回调函数中发送请求,定时器把控时间。 一、技术选型 语言选择: JavaScript TypeScript 最终选择了JavaScript作为开...

    kviccnkviccn 评论0 收藏0
  • BFC与IFC

    BFC与IFC

    摘要:行内级元素与行内元素行内级元素行内级元素是那些不会为自身内容形成新的块,而让内容分布在多行中的元素。行内元素行内元素仅仅是属性值为的元素。置换和非置换元素置换元素浏览器根据元素的标签和属性,来决定元素的具体显示内容。 参考链接: https:...

    wpwwpw 评论0 收藏0
  • 年终活动h5动画总结

    年终活动h5动画总结

    摘要:年终活动动画总结戳这里采用的插件,即可满足大多数,手机的兼容性问题。人移动切换,添加类控制移动和暂停,以及切换背景人物。监听动画结束时机桥的出现配合属性实现。不添加会影响自身页数的判断动画总结别人写的真牛自己只会。 年终活动h5动画总结...

    darrydarry 评论0 收藏0
  • 常见的sticky footer布局方式

    常见的sticky footer布局方式

    摘要:什么是布局我们常见的网站页面都会把一个页面分为头部区内容区页脚区当头部区和内容区内容较少时页脚区能固定在网页底部而不是随着文档流排布。 什么是sticky footer布局 我们常见的网站页面都会把一个页面分为:头部区、内容区、页脚区,当头部区和内...

    ctriptechctriptech 评论0 收藏0
  • 淘宝css初始化代码

    淘宝css初始化代码

    body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }body, button, input, select, textarea { fo...

    gselfgself 评论0 收藏0
  • Hexo+Next集成Algolia搜索

    Hexo+Next集成Algolia搜索

    摘要:集成搜索起因现在收费了,也没有免费版本。搜索体验不好,微搜索官网上描述太少所以选择。之后若未续费会自动降级为免费账户,免费账户总共有条记录,每月有的可以操作数。接下来需要安装扩展,这个扩展的功能是搜集站点的内容并通过发送给。 集成Algo...

    OBKoro1OBKoro1 评论0 收藏0
  • Cutterman - 最好用的切图工具

    Cutterman - 最好用的切图工具

    摘要:软件描述是一款运行在中的插件,能够自动将你需要的图层进行输出,以替代传统的手工导出所用格式以及使用切片工具进行挨个切图的繁琐流程。它支持各种各样的图片尺寸格式形态输出,方便你在等端上使用。 软件描述 Cutterman是一款运行在photoshop中的...

    LinkedME2016LinkedME2016 评论0 收藏0
  • font默认行高覆盖 相对定位 绝对定位和float的区别

    font默认行高覆盖 相对定位 绝对定位和float的区别

    摘要:可以理解为真身还在原来的位置站着,魂通过进行移动,并且层级比未脱离文档流的元素高一级,移动到哪里就盖住哪个元素。 67-68讲 开班信息案例 代码只写了67讲,主要还是line-heught让文字垂直居中,font覆盖行高的问题,这些在前面都讲过。68讲没什么...

    funnyZhangfunnyZhang 评论0 收藏0
  • canvas压缩图片,canvas,css结合绘制正方形图片

    canvas压缩图片,canvas,css结合绘制正方形图片

    摘要:对图片进行压缩新建一个标签还没嵌入节点压缩后图片的大小压缩完成渲染。。。。 //------------ 对图片进行压缩 function compress(imgPath) { var image = new Image(); //新建一个img标签(还没嵌入DOM节点) image.sr...

    huaixiaozhuaixiaoz 评论0 收藏0
  • 《JavaScript DOM编程艺术(第2版)》笔记

    《JavaScript DOM编程艺术(第2版)》笔记

    摘要:编程艺术第版笔记第章简史的起源是公司和公司合作开发的。第章文档对象用户定义对象内建对象如等。宿主对象由浏览器提供的对象。伪协议非标准化的协议。结构样式行为要分离。压缩脚本第章案例研究图片库改进版共享事件函数需要多个函数都在页面加载时执...

    lentruelentrue 评论0 收藏0
  • 《CSS世界》中提到的实用技巧

    《CSS世界》中提到的实用技巧

    摘要:一部分没录入的技巧原因是部分属性将被标准废弃,如。正确的滚动底部留白方式如果使用留白,在和不会显示。正方观点观点观点反方观点观点正确的块级元素右对齐值对于来讲是占用剩余的空间。 以下技巧的具体原理和解释请支持张老师的《CSS世界》,在这...

    oliverhuangoliverhuang 评论0 收藏0
  • webpack插件 - css主题颜色提取-主题切换

    webpack插件 - css主题颜色提取-主题切换

    摘要:该插件主要用于提取主题颜色提取到的数据会挂载到下通过颜色替换再插入到,可达到动态修改主题的目的编译后会在中插入,其内容类似以下接着只要使用简单的 css-color-extract-plugin Install npm install css-color-extract-plugin yarn add css-col...

    AprilJAprilJ 评论0 收藏0
  • css实现水平垂直居中的4种方法

    css实现水平垂直居中的4种方法

    摘要:结构已知元素的宽度和高度设置为自身高度的一半这个方法可以实现自适应未知元素的高度和宽度使用的来实现注意这里需要设置高度来查看垂直居中效果 html结构: 1. 已知元素的宽度和高度: .item { position: absolute; top: 50%; le...

    hearawayhearaway 评论0 收藏0
  • vue.js实现一个会动的简历(包含底部导航功能,编辑功能,添加了用户自定义写字速度功能)

    vue.js实现一个会动的简历(包含底部导航功能,编辑功能,添加了用户自定义写字速度功能)

    摘要:好了,让我们来实现一个简单的这样打字的效果,如下你可以狠狠点击此处具体示例查看效果。接下来分析如何暂停动画和继续动画,很简单,就是清除定时器,然后重新调用即可。如何让编辑的代码生效呢,这就需要用到自定义事件事件修饰符,自行查看官网。 ...

    FleyXFleyX 评论0 收藏0
  • 简单上手CSS-Shadow

    简单上手CSS-Shadow

    摘要:的属性谁都知道,大家肯定也都用过。基本参数必需。水平阴影的位置。允许负值必需。阴影的尺寸可选。请参阅颜色值可选。将外部阴影改为内部阴影后来慢慢记住前个基本参数后才发现还有内外阴影,叠加阴影的使用。 CSS 的 Shadow属性谁都知道,大家肯定...

    Java3yJava3y 评论0 收藏0
  • Css-移动端适配总结

    Css-移动端适配总结

    摘要:这种使用简单,但是兼容性不太好。这种颜色有阴影,估计过不了设计大佬的那关。最后会把对应的编译出来,这种兼容性好,就是依赖于插件。这种兼容好,但是会和伪类冲突,也是我司采用的方式。 前言 工作以后,大部分的业务工作都是基于移动端H5的,开...

    whincwhinc 评论0 收藏0
  • 我的前端规范系列-前端专属的目录结构[解决项目中的钉子户]

    我的前端规范系列-前端专属的目录结构[解决项目中的钉子户]

    摘要:但是前端目录结构笔者认为应该对于页面和组件继续细分。举个列子当项目较大时目录里存在将会非常之多。所以,后端这种按职能划分的目录结构虽好,但用于前端也不是最合适的方案。 为什么需要前端专属的项目结构 这里说到目录结构,想必不少程序员会想...

    liuchengxuliuchengxu 评论0 收藏0
  • 前端小姿势

    前端小姿势

    摘要:文章包含学习中遇到的问题小白水平可能会包含一些错误或者还没写完或者非最佳实践仅供参考父子组件的参考官方文档点我父级不需要操作额外代码子代操作方法一这个的官方会有介绍子代操作方法二通过这个实现的看了不少文章,这种比较多以为例子先简单介绍...

    LeexMullerLeexMuller 评论0 收藏0
  • 用 CSS3 动画功能,做一个有逼格的加载动画

    用 CSS3 动画功能,做一个有逼格的加载动画

    摘要:主要用到的知识点参阅菜鸟教程动画延时实现说明用于区别四个不同点,里放通用样式重点如果了解,看这个更清晰些,如果不懂,看下面生成的定死容器的高度,不然会上下浮动横向排列子元素纵向排列子元素去掉最后一个 showImg("https://segmentfault.com/...

    canopus4ucanopus4u 评论0 收藏0
  • 内联元素的盒模型 display和visibility overflow 文档流

    内联元素的盒模型 display和visibility overflow 文档流

    摘要:笔记从尚硅谷的第讲开始的内联元素的盒模型,此套视频是第二遍看,为了以后不再看第三遍,把重要的知识做个总结。其实我们的元素天生就有这种效果。是元素的默认值,也是设置元素为隐藏,但是它隐藏后还会占用页面的布局。以上只是在正常的文档流中 笔...

    JessYanCodingJessYanCoding 评论0 收藏0
  • react学习日记第一记-webpack配置

    react学习日记第一记-webpack配置

    摘要:对于前端开发者来说,无论使用还是还是,打包工具的配置永远都是一个必须的过程,因为这决定了打包出来项目的大小,资源占用,以及运行速度。所以自己就动手尝试配置一下。 对于前端开发者来说,无论使用vue 还是react还是angular,打包工具的配置永远...

    233jl233jl 评论0 收藏0
  • 程序 + 音乐: 我的自由钢琴开发历程

    程序 + 音乐: 我的自由钢琴开发历程

    摘要:原文链接最近用做了一款钢琴类应用,名字定为自由钢琴,人生如音乐,欢快且自由。就类似于多年前开发的钢琴游戏,自由钢琴只是换了的技术,同时支持了钢琴曲的自动播放功能。目前采用的技术架构是框架。 原文链接 Hate 996? Come Here & Relax~ 最近用...

    邹立鹏邹立鹏 评论0 收藏0
  • 【周刊-1】三年大厂面试官-面试题精选及答案

    【周刊-1】三年大厂面试官-面试题精选及答案

    摘要:前言在阿里和腾讯工作了年,当了年的前端面试官,把期间我和我的同事常问的面试题和答案汇总在我的中。项目地址是我是小蝌蚪,腾讯高级前端工程师,跟着我一起每周攻克几个前端技术难点。 前言 在阿里和腾讯工作了6年,当了3年的前端面试官,把期间我...

    ThinkSNSThinkSNS 评论0 收藏0

热门文章

<