文章库ARTICLE COLUMN

  • 如何优雅监听容器高度变化

    如何优雅监听容器高度变化

    摘要:哈哈哈哈,以上纯属虚构,不过在最近项目中还真遇到过对容器监听高宽变化在使用或滚动插件,如果容器内部元素有高度变化要去及时更新外部包裹容器,即调用方法。处理很简单,只需在动画停止事件触发时监听高宽变化即可。 前言 老鸟:怎样去监听 DOM 元...

    jackwangjackwang 评论0 收藏0
  • post与get区别

    post与get区别

    摘要:与区别本文参考简单介绍和是与服务器交互的方式,说到方式,有。他们的作用分别是对服务器资源的增删改查。区别分析把请求的数据放在上,即协议头上,其格式为以分割和传输数据,参数之间以相连。请求只能进行编码,而支持多种编码方式。 post与get区...

    BmobBmob 评论0 收藏0
  • 关于css margin,你需要知道的一切

    关于css margin,你需要知道的一切

    摘要:前两个元素之间的是,因为较小的顶部与较大的底部相结合。这是由于两个重叠造成的。同样,这种行为也有一定的逻辑。这意味着在使用百分比时,元素周围的大小都是相同的。 为了保证的可读性,本文采用意译而非直译。 当我们学习CSS时,我们大多数人学到...

    FreeZinGFreeZinG 评论0 收藏0
  • 前端面试每日3+1——第106天

    前端面试每日3+1——第106天

    摘要:前端面试每日题,以面试题来驱动学习,每天进步一点让努力成为一种习惯,让奋斗成为一种享受相信坚持的力量学习不打烊,充电加油只为遇到更好的自己,天无节假日,每天早上点纯手工发布面试题死磕自己,愉悦大家。 今天的知识点 (2019.07.31) —— 第1...

    alaegealaege 评论0 收藏0
  • 从一个内联元素布局引发对line-height的探讨

    从一个内联元素布局引发对line-height的探讨

    摘要:从一个内联元素布局引发对的探讨一前言这个属性对于各位前端的小伙伴来说并不陌生。对于块级元素,它指定元素行盒的最小高度。对于非替代的元素,它用于计算行盒的高度。如存在属性的六总结以上就是本人对行内布局以及的一些思考总结。 从一个内联元素...

    henry14henry14 评论0 收藏0
  • 一张图 搞懂Flex布局

    一张图 搞懂Flex布局

    摘要:现如今布局变得越来越重要,比如微信小程序,也都是主推用它来写页面。 现如今Flex布局变得越来越重要,比如:微信小程序,uni-app也都是主推用它来写页面。如果你还不知道flex布局是啥玩意? 推荐大家看一下阮一峰老师的这篇文章,或者别的一些相关文...

    defcondefcon 评论0 收藏0
  • 为什么我们要熟悉这些通信协议? 【精读】

    为什么我们要熟悉这些通信协议? 【精读】

    摘要:服务器端收到报文,回应一个报文,进入状态。接收到这个的对端执行被动关闭,这个由确认。在连接建立后,我们可以有多种协议的方式通信交换数据最古老的方式一早先的版本,是一种无状态无连接的应用层协议。 打个广告,欢迎加入我们的前端开发交流群:...

    svttersvtter 评论0 收藏0
  • 前端性能优化(1)-内存管理

    前端性能优化(1)-内存管理

    摘要:什么是内存泄漏不再用到的内存,没有及时释放,就叫做内存泄漏。否则,内存占用越来越高,轻则影响系统性能,重则导致进程崩溃。提供自动内存管理,减轻程序员的负担,这被称为垃圾回收机制现在各大浏览器通常用采用的垃圾回收有两种方法标记清除引用计...

    linkFlylinkFly 评论0 收藏0
  • 前端面试每日3+1——第102天

    前端面试每日3+1——第102天

    摘要:前端面试每日题,以面试题来驱动学习,每天进步一点让努力成为一种习惯,让奋斗成为一种享受相信坚持的力量学习不打烊,充电加油只为遇到更好的自己,天无节假日,每天早上点纯手工发布面试题死磕自己,愉悦大家。 今天的知识点 (2019.07.27) —— 第1...

    xiyangxiyang 评论0 收藏0
  • CSS之flexbox指南

    CSS之flexbox指南

    摘要:图中最右侧的的边距是之前设置的的右边距。属性可以取的值如下比如,当取时,有这些属性值与之前提到的功能一致,不再赘述。 控制对齐方式需要用到的的属性 为了控制对齐,会用到以下属性:justify-content——控制主轴(main axis)上所有item的对...

    TravisTravis 评论0 收藏0
  • Canvas绘制动态进度条圆环

    Canvas绘制动态进度条圆环

    摘要:最终效果一定义初始变量外环半径圆环厚度内环半径开始角度结束角度圆心坐标圆心坐标将绘图原点移到画布中央将画布旋转度初始填充颜色二工具方法计算圆环上点的坐标弧度转角度角度转弧度三渲染方法渲染函数绘制外环计算外环与内环第一个连接处的中心坐标...

    quietinquietin 评论0 收藏0
  • 浮动定位之三列布局问题与发现(上)

    浮动定位之三列布局问题与发现(上)

    摘要:理想的三列布局效果应该是这样的但是现实中的情况是侧边栏跑到下一列的右边去了。源代码如下源代码如下错误发生在中的安放位置,我们将安置在之后,正确的做法是将放置在之前。为什么调换了位置就好了呢背后的原理是什么呢参考浮动定位之三列布局下 理...

    oujieoujie 评论0 收藏0
  • 浮动定位之三列布局问题与发现(下)

    浮动定位之三列布局问题与发现(下)

    摘要:代码如下,分别左浮动和右浮动,是块级元素。注意,浮动元素脱离了文档流,块级元素独占一行。将放置在之后的后果就是所在的那一行已经被独占了,只能顺流到下一行,并在下一行往右浮动。 HTML代码如下: nav,aside分别左...

    Cruise_ChanCruise_Chan 评论0 收藏0
  • 网页的响应式布局

    网页的响应式布局

    摘要:响应式布局解决了什么问题解决不同屏幕之间的分辨率问题。解决问题的思维方式,看问题的思维方式可以留下来,跨域时间和空间。响应式布局的先决条件是什么响应式布局的依赖是什么的顶层样式表有两个规则构成。所以响应式布局依赖于顶层样表的两个规则。...

    shadajinshadajin 评论0 收藏0
  • 前端面试每日3+1——第104天

    前端面试每日3+1——第104天

    摘要:前端面试每日题,以面试题来驱动学习,每天进步一点让努力成为一种习惯,让奋斗成为一种享受相信坚持的力量学习不打烊,充电加油只为遇到更好的自己,天无节假日,每天早上点纯手工发布面试题死磕自己,愉悦大家。 今天的知识点 (2019.07.29) —— 第1...

    I_AmI_Am 评论0 收藏0
  • 如何优化你的超大型React应用    【原创精读】

    如何优化你的超大型React应用 【原创精读】

    摘要:往往纯的单页面应用一般不会太复杂,所以这里不引入和等等,在后面复杂的跨平台应用中我会将那些技术一拥而上。构建极度复杂,超大数据的应用。 showImg("https://segmentfault.com/img/bVbvphv?w=1328&h=768"); React为了大型应用而生,Electron和Re...

    xiguadadaxiguadada 评论0 收藏0
  • 前端面试每日3+1——第103天

    前端面试每日3+1——第103天

    摘要:前端面试每日题,以面试题来驱动学习,每天进步一点让努力成为一种习惯,让奋斗成为一种享受相信坚持的力量学习不打烊,充电加油只为遇到更好的自己,天无节假日,每天早上点纯手工发布面试题死磕自己,愉悦大家。 今天的知识点 (2019.07.28) —— 第1...

    zlyBearzlyBear 评论0 收藏0
  • 模仿webpack实现简单的打包工具

    模仿webpack实现简单的打包工具

    摘要:模仿实现简单的打包工具是一款前端项目构建工具,随着现在前端生态的发展,已经成为前端开发人员必备的技能之一,很多开发人员开始使用和的时候,都会使用默认的单页应该创建指令来创建一个工程化项目,实际上,这些工程化的项目都是基于来搭建的当我们...

    SimonSimon 评论0 收藏0
  • 实现垂直居中的五种方法

    实现垂直居中的五种方法

    摘要:实现垂直居中的几种方法分场景介绍包裹行内元素效果图包裹行内块级元素效果图结构效果图注容器若设置了再设置的无效,即会自动填满的高宽若未设置,则自适应的实际宽高 实现垂直居中的几种方法(分场景介绍) line-height (包裹行内元素) 123...

    qylostqylost 评论0 收藏0
  • 2019.7.15 - 7.21 我们 36人都学了些什么?

    2019.7.15 - 7.21 我们 36人都学了些什么?

    摘要:作者陈大鱼头如果不希望职业生涯过早结束,持续学习对于开发者来说是必不可少的。最近前端面试之道的作者为了让一些人能在这块地方记录自己学习到的内容而建立起了一个学习仓库。例子如下我们首先定义一个文件叫,一个文件叫。 作者:陈大鱼头 github...

    legendaryedulegendaryedu 评论0 收藏0
  • 收藏 | 产品经理不可不知的 7 种技术思维

    收藏 | 产品经理不可不知的 7 种技术思维

    摘要:互联网的产品人员,可能整个职业生涯都要与技术人员打交道。还有开房信息泄露那次,是由于被黑客攻击。关于黑客攻击的问题,作为产品人员甚至普通的开发人员,都是没有办法的事情,要有极其专业的安全团队才可能应付。 我们常说,作为技术人员要有产品...

    dmllllldmlllll 评论0 收藏0
  • 前端每日实战 2018年10月至2019年6月项目汇总(共 20 个项目)

    前端每日实战 2018年10月至2019年6月项目汇总(共 20 个项目)

    摘要:过往项目年月份项目汇总共个项目年月份项目汇总共个项目年月份项目汇总共个项目年月份项目汇总共个项目年月份项目汇总共个项目年月份项目汇总共个项目年月至年月发布的项目前端每日实战专栏每天分解一个前端项目,用视频记录编码过程,再配合详细的代码...

    muddywaymuddyway 评论0 收藏0
  • 移动端兼容问题总结(3)

    移动端兼容问题总结(3)

    摘要:发布于蒙层点击滚动穿透问题描述移动端浮层内部滚动的时候,会导致浮层覆盖的下面内容也会滚动解决方式蒙层出现的时候,给底部被覆盖的滚动容器并设置。 发布于:https://www.luoyangfu.com/art... 蒙层点击滚动穿透问题 描述: 移动端浮层内部滚动的...

    siberiawolfsiberiawolf 评论0 收藏0
  • CSS那些事儿

    CSS那些事儿

    摘要:利用实现居中对齐首先需要父元素有固定的或者。比如如果想要让实现横向居中对齐,首先应该设置其父元素的,然后在文件中设置的值为被父元素包裹着的子元素可能会占据空间过大而超过父元素的容纳范围,此时可以通过设置的值来进行调整。 多个class: css...

    sarvasarva 评论0 收藏0
  • 关于vertical-align

    关于vertical-align

    摘要:内联元素的外边缘与该行高的顶部和底部边缘对齐。如果行高小于字体的高度,不会受影响,但会对齐文本边界。红线表示边界,蓝线表示,黄色为,白色为区域,绿色为区域。的确定规则元素的是它的第一行的。 前言 为什么写这篇总结?最近在文字图标垂直对...

    kumfokumfo 评论0 收藏0

热门文章

<