文章库ARTICLE COLUMN

  • 浮动

    浮动

    摘要:浮动会导致父元素高度坍塌示例代码效果如上图所示,浮动元素脱离了文档流,并不占据文档流的位置,自然父元素也就不能被撑开,所以没了高度,导致父元素高度坍塌。 最近在学浮动的知识,下面总结了一些浮动的一些特征 1. 块级元素浮动将并排显示,不再...

    XGBCCCXGBCCC 评论0 收藏0
  • 关于HTTP那些事

    关于HTTP那些事

    摘要:写这篇文章的原因记录前端性能优化用到的关键概念简化大家对的学习大家或许面试的时候可以用得到哦是什么的应用层协议超文本传输协议。这两个程序运行在两个不同端系统,通过交换报文来实现通信。对于前端工程师常见的场景中浏览器即客户端而等就是服务...

    CastlePeaKCastlePeaK 评论0 收藏0
  • 我完善了下这个"支持拖拽"的树组件(Vue2.x)

    我完善了下这个"支持拖拽"的树组件(Vue2.x)

    摘要:和比起来差别还是挺大的至少能让别人看得下去了预览特性双击节点添加一个字节点对节点进行任意拖拽控制特定节点是否可拖是否可放置其他节点增加删除任意层级的节点待添加接口属性属性名描述类型默认值节点树的数据新生成的节点的文本属性新增节点判断哪...

    AlfredAlfred 评论0 收藏0
  • 红宝书:在html中使用script章节总结

    红宝书:在html中使用script章节总结

    摘要:在中插入的方法外部脚本,内嵌脚本属性异步脚本可选。表示应该立即下载脚本但不应妨碍页面中的其他操作比如下载其他资源或等待加载其他脚本。一定会在页面的事件前执行但可能会在事件触发之前或之后执行。不同点执行阶段不同。 浏览器解析器从上至下进...

    qiangdadaqiangdada 评论0 收藏0
  • 虽不是CSS3,但是它的寿命却不及他

    虽不是CSS3,但是它的寿命却不及他

    摘要:一个严肃又严重的话题,作为公司里面的,不说别的知识如何,最起码我的样式得过关吧,然而,最为今天的话题主义,很显然嘛,我并不合格,今天可以给自己打一个不合格的标签了话题引入由于后台数据的变更,可是我的样式并没有做了那么多的判断,故此,我...

    geekidentitygeekidentity 评论0 收藏0
  • 阿里云前端周刊 - 第 14 期

    阿里云前端周刊 - 第 14 期

    推荐 1. JavaScript 在嵌入式设备与物联网中的应用现状 https://auth0.com/blog/javasc... 随着近年来 Web 的发展与 JavaScript 的崛起,JavaScript 被应用到了许多原本不曾想象到的场景中,从服务端、工作站、数据库、桌面环境到物联网设备中,都可以见到 ...

    buildupchaobuildupchao 评论0 收藏0
  • H5移动端调试—weinre

    H5移动端调试—weinre

    摘要:可以在上调试运行在移动端上的页面。启动调试客户端在浏览器中打开即可启动调试客户端创建创建个页面,并加入以下表示从代理服务中引入。 一、背景: H5页面在PC上调试起来很方便,但是在手机上却很麻烦,此时移动端就像一个黑匣子,查看或修改DOM、CS...

    CymprosCympros 评论0 收藏0
  • 如何造一个『为移动端而生』的日历

    如何造一个『为移动端而生』的日历

    摘要:主要是为了阻止微信浏览器的默认滑动。四如何利用五个做到无限滑动其实我在写第一个版本的日历的时候,采取的解决办法是当新的月份产生之后,往中不断。如何控制的值实现滑动效果,这个问题不是这次的重点。 之前写了一篇Calendar -『为移动端而生』的...

    inaptinapt 评论0 收藏0
  • Web图片资源的加载与渲染时机

    Web图片资源的加载与渲染时机

    摘要:此文研究页面中的图片资源的加载和渲染时机,使得我们能更好的管理图片资源,避免不必要的流量和提高用户体验。原理不存在的元素不会产出到树上,构建渲染树过程中遍历树时无法遍历不存在的元素,因此不会加载图片,也不会产出到渲染树上。 此文研究页...

    BLUEBLUE 评论0 收藏0
  • 你可能不知道的前端知识点

    你可能不知道的前端知识点

    摘要:新建了一个发掘被我们忽略的前端知识点。建议关于碎片化阅读其实我是持反对意见的,碎片化阅读只能作为自己知识的补充,但是真正想学好前端,还是应该多看书,从头构建自己的完整知识体系,然后把碎片化阅读作为自己知识体系中知识点的补充。 新建了一...

    mylxswmylxsw 评论0 收藏0
  • 左右两侧宽度固定,中间自适应之【圣杯+双飞翼】实现

    左右两侧宽度固定,中间自适应之【圣杯+双飞翼】实现

    摘要:圣杯左右两侧宽度固定中间自适应一般我们在写这种三列布局时希望中间主体部分优先渲染因此在中把部分提到和前面。布局定宽设置固定像素自适应设置宽度为固定和位置以上代码因为的宽度是撑满了整个页面后面浮动的掉到了下面可以设置把和位置重排。 左右...

    loostudyloostudy 评论0 收藏0
  • 如何使用CSS创建巧妙的动画提示框

    如何使用CSS创建巧妙的动画提示框

    摘要:我们巧妙的提示框打算使用属性选择器也就是方括号表示法。相对性这是用在提示框的父元素上的。向上向下提示框要用到关键帧,而向左向右提示框使用关键帧。注意,在这些关键帧中,我们只定义了提示框所需的终止状态。 原文:https://webdesign.tutsplus...

    wmuiwmui 评论0 收藏0
  • PC如何禁用网页在360浏览器里面禁止切换兼容模式

    PC如何禁用网页在360浏览器里面禁止切换兼容模式

    摘要:如何禁用网页在浏览器里面禁止切换兼容模式方法一方法二注意一下斜杠前面加个空格 PC如何禁用网页在360浏览器里面禁止切换兼容模式 方法一 方法二 注意一下:斜杠前面加个空格...

    genednagenedna 评论0 收藏0
  • flex布局中父容器属性部分演示效果

    flex布局中父容器属性部分演示效果

    摘要:如图可见的属性分为父容器和子容器的属性共个。后续还会有关于子容器演示的地址更新。布局父容器属性部门效果演示地址 showImg("https://segmentfault.com/img/bVPZXH?w=539&h=535"); 如图可见flex的属性分为父容器和子容器的属性共12个。关于这些属性...

    wemallwemall 评论0 收藏0
  • 使用css完成引导用户按照流程完成任务的进度导航条

    使用css完成引导用户按照流程完成任务的进度导航条

    首先先看设计稿 showImg("https://segmentfault.com/img/bVP079?w=656&h=386"); 图中的12345便是主角进度条。 分析需求如下:线的长度不固定,适应移动端和pc端点平均地分布在一条线上点的个数不固定,可能会改变激活的点之间线的颜色是绿色的 两种种方式 ...

    curlyChengcurlyCheng 评论0 收藏0
  • 20170629-重排与重绘

    20170629-重排与重绘

    摘要:完成重排后,浏览器会重新绘制受到影响的部分到屏幕中,该过程称为重绘重绘和重排操作都是代价昂贵的操作,它们会导致应用程序的反应迟钝,所以应该尽可能减少这类过程的发生。 浏览器下载完页面中的所有内容:HTML、JavaScript、CSS、图片——之后会...

    DogeeDogee 评论0 收藏0
  • 小demo原生js同步翻译,可以玩玩儿

    小demo原生js同步翻译,可以玩玩儿

    摘要:背景平时不知道用写什么练手,这里就写了一个类似百度翻译的小。对于学生党,能进入学校实验室做项目更好。本文分享到此结束,笔者技术有限,理解有误的地方还请大家多提,大家可以共同学习。 1. 背景: 平时不知道用js写什么练手,这里就写了一个类似...

    happenhappen 评论0 收藏0
  • 新手flex布局入门篇,看这篇文章就够了

    新手flex布局入门篇,看这篇文章就够了

    摘要:提纲介绍盒子模型什么是基础项目实战视频源码链接介绍参考文档什么是层叠样式表是层叠样式表的缩写。布局简称,布局是中一种新的布局模式,用于改进传统模式中标签对齐方向以及排序等等缺陷。主要用设置在容器里面严着主轴的排列方式。 提纲 CSS介绍 ...

    Lionad-MorotarLionad-Morotar 评论0 收藏0
  • css3 loading

    css3 loading

    摘要:动画 css /*loading动画*/ #pageLoading{width: 40px;height: 40px;position: fixed;margin: auto;top: 0px;left: 0px;right: 0px;bottom: 0px;} #pageLoading div {width: 100%;height: 100%;position: absolute;...

    testbirdtestbird 评论0 收藏0
  • HTML & CSS 之小白再续前缘

    HTML & CSS 之小白再续前缘

    摘要:标准文档流的常见现象空白折叠现象。浮动浮动的特点脱离标准文档流,元素一旦脱离标准文档流脱标,后面的元素会占据浮动元素原本的位置,而且元素就不再遵守文档流中块级元素和行内元素的特性。元素浮动会脱离文档流但是不会脱离文本流,所以会产生字围...

    HeierHeier 评论0 收藏0
  • 关于CDN那些事

    关于CDN那些事

    摘要:对于前端性能优化我们不得不了解的几个知识点信息今天我就来谈谈我对的理解是什么全称是即内容分发网络。将网站内容发布到接近用户的服务器上。用户访问网站时,用户访问就近服务器,然后加载这些资源。 对于前端性能优化我们不得不了解的几个知识点:...

    韩冰韩冰 评论0 收藏0
  • css  居中

    css 居中

    摘要:居中定义和用法简写属性在一个声明中设置所有外边距属性。上诉的第二种声明并不能实现垂直居中的效果,具体可以看标准声明或看下知乎的这篇文章。该方式需要居中元素的宽高确定。 css居中1.margin:0 auto;定义和用法margin 简写属性在一个声明中设置所...

    魏明魏明 评论0 收藏0
  • 利用translate实现垂直居中

    利用translate实现垂直居中

    摘要:居中父元素需设置子元素的宽高可以是具体值,也可以是百分比,也可以是截图如下 居中 .parent{ width:100px; height:80px; /*父元素需设置position:relative/ab...

    whataawhataa 评论0 收藏0
  • Awe JavaScript [1] 基本概念

    Awe JavaScript [1] 基本概念

    摘要:年,以为蓝本的建议被提交给了欧洲计算机制造商协会,。而且给未经声明的变量赋值在严格模式下会导致抛出的错误。这也正是使用操作符检测值时会返回的原因。函数检查过程是。但是这个转换过程会导致特殊的和值应用位操作时,这两个值会被当成来处理。 ...

    zollerozollero 评论0 收藏0
  • css两栏布局、圣杯布局、双飞翼布局

    css两栏布局、圣杯布局、双飞翼布局

    摘要:两栏布局浮动两列自适应定位圣杯布局和双飞翼布局目的是我们希望先加载的是中间的部分,然后再开始加载和两个相对来说不是很重要的东西。 最近几个月一直用vue在写手机端的项目,主要写业务逻辑,在js方面投入的时间和精力也比较多。这两天写页面明显...

    winterdawnwinterdawn 评论0 收藏0

热门文章

<