文章库ARTICLE COLUMN

  • 一张图 搞懂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
  • 我的页面我做主——浏览器去广告正确姿势

    我的页面我做主——浏览器去广告正确姿势

    摘要:简单高效的自定义方式对于这些情况我们可以使用一个强大的浏览器插件,简称,中文俗称为油猴,支持和浏览器。简单几行代码,就可以去除大部分页面广告。声明需要使用的函数。 会CSS就会去广告~ 传统去广告方法的弊端 我们浏览网页的时候经常不免会看...

    2017111220171112 评论0 收藏0
  • 利用 Canvas 绘画一个未闭合的带进度条的圆环

    利用 Canvas 绘画一个未闭合的带进度条的圆环

    摘要:最终效果图一定义变量定义半径,定义圆环厚度,定义圆心位置定义默认填充颜色二画第一个圆弧注意这个方法,生成路径的第一步。本质上,路径是由很多子路径构成,这些子路径都是在一个列表中,所有的子路径线弧形等等构成图形。 最终效果图 showImg("ht...

    JeOamJeOam 评论0 收藏0
  • 封装一些有用的方法

    封装一些有用的方法

    摘要:输入一个值,返回其数据类型数组去重字符串去重去除连续的字符串深拷贝浅拷贝深克隆深克隆不考虑函数引用值且不为对象数组原始值或深浅克隆是针对引用值数组对象无法复制函数底层原理和扩展改变原数组圣杯模式的继承最终的原型指向找出字符串中第一 1....

    hoohackhoohack 评论0 收藏0
  • 纯CSS实现表单验证

    纯CSS实现表单验证

    摘要:例如这样以下例子来自优秀的开源库,年龄年龄不能为空年龄必须为数字值提交重置以上就是我们常规的表达验证了,基本就都是用来完成的,那么我们能不能用来实现呢答案是可以的。 作者:陈大鱼头 github: KRISACHAN 关于表单验证 在我们的日常业务中...

    sf_wangchongsf_wangchong 评论0 收藏0
  • 【Hello CSS】第九章-如何画一个体验更好的动画?

    【Hello CSS】第九章-如何画一个体验更好的动画?

    摘要:那就是重力加速度的表现以及弹力球与空气,地面所产生的摩擦力的表现。弹力球下落时,由于重力加速度的原因,所以速度会越来越大,往上跳时速度会越来越小直至。 作者:陈大鱼头 github: KRISACHAN 在上一节中, 不走心 地画了一些 CSS图案 ,本节...

    BothEyes1993BothEyes1993 评论0 收藏0

热门文章

<