文章库ARTICLE COLUMN

  • CSS——可视化格式模型

    CSS——可视化格式模型

    摘要:控制框块级元素和块框以及行内元素和行框相关的概念。规则在行内格式化上下文中,框一个接一个地水平排列,起点是包含块的顶部。 CSS的可视化格式模型 CSS中规定每一个元素都有自己的盒子模型(相当一规定了这个元素如何显示); 然后可视化格式模型...

    lijy91lijy91 评论0 收藏0
  • 一步步去阅读koa源码,整体架构分析

    一步步去阅读koa源码,整体架构分析

    摘要:阅读好的框架的源码有很多好处,从大神的视角去理解整个框架的设计思想。使用其实某个框架阅读源码的时候,首先我们要会去用这个框架,因为用了我们才知道,某个是怎么用,哪里有坑,哪里设计的精妙。 阅读好的框架的源码有很多好处,从大神的视角去理...

    chaos_Gchaos_G 评论0 收藏0
  • 前端每日实战:24# 视频演示如何用纯 CSS 创作出平滑的层叠海浪特效

    前端每日实战:24# 视频演示如何用纯 CSS 创作出平滑的层叠海浪特效

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中包含一行文本和条做海浪特效的居中显示设置容器样式设置文字样式制作海浪动画效果加大海浪的波动幅度,增加颜色差异最后,隐藏容器外的内容大功告成 showImg("https://segmentfaul...

    yimoyimo 评论0 收藏0
  • 文字在线中间,CSS巧妙实现分隔线的几种方法

    文字在线中间,CSS巧妙实现分隔线的几种方法

    摘要:单个标签实现分隔线优点代码简洁巧用背景色实现分隔线优点代码简洁,可自适应宽度实现分隔线点此查看实例展示优点文字可多行浮动实现分隔线优点利用字符实现分隔线小小分隔线字符来实现优点代码简洁以上简单介绍了分隔线的 showImg("https://segmentfa...

    hositionhosition 评论0 收藏0
  • HTML规范

    HTML规范

    摘要:一般是英文以外的字符出现乱码,因为都使用的第一个字节编码英文字符集。同理,如果文件保存为格式,一定在文件里添加中颜色的表示方法十六进制表示即每两位分别表示一组颜色的数值。内核代表产品,又称其为内核。是最流行的排版引擎之一,仅次于。 网...

    sixleavessixleaves 评论0 收藏0
  • Video的深入使用

    Video的深入使用

    摘要:原文阅读更好的阅读元素用于在或者文档中嵌入视频内容属性设置或返回视频是否应该显示控件比如播放暂停等设置或返回是否在就绪加载完成后自动播放视频设置是否去除去除下载按钮设置是否去除全屏显示按钮设置视频的封面设置是否静音注意移动 原文阅读:...

    zr_hebozr_hebo 评论0 收藏0
  • 补习前端(css+html)基础-1:

    补习前端(css+html)基础-1:

    摘要:标签将表单内容的一部分打包,生成一组相关表单的字段。提示和注释注释元素是空元素,它仅包含属性。注释此元素只能存在于部分,不过它可出现任何次数。属性属性规定当前文档与被链接文档之间的关系。该标签用于组合表格的主体内容。 1.HTML 标签: 实...

    douziflydouzifly 评论0 收藏0
  • SVG介绍

    SVG介绍

    摘要:简介指可伸缩矢量图形用来定义用于网络的基于矢量的图形使用格式定义图形图像在放大或改变尺寸的情况下其图形质量不会有所损失是万维网联盟的标准与诸如和之类的标准是一个整体矢量图与位图位图基于颜色的描述如矢量图基于数学的描述如基本图形和属性基...

    ClectClect 评论0 收藏0
  • JS基础入门篇( 一 )

    JS基础入门篇( 一 )

    摘要:所以,一般放在结束标签之前。申明变量变量名以分号结束。如果一定要使用点的话,需要改变成驼峰式命名法。基础篇练习看完以上的小伙伴,可以看两个例子的效果,试着做一下。 1.JS存放在代码中的位置 1.JS写在行间 hello world 优点:直接,简单 缺...

    longmonlongmon 评论0 收藏0
  • 听说你懂个J?——前端发展闲聊

    听说你懂个J?——前端发展闲聊

    摘要:移动端迅猛发展的前期,和这样的终端开发才是这个社会的主流,前端开发受限于网络速度和没有统一的标准,还是不受重视。同时,网络的普及,也让前端也正式迈入了移动端的开发。在可预见的将来,前端受益于灵活的部署和安装,在移动端开发中比例会逐渐加...

    rubyshenrubyshen 评论0 收藏0
  • 前端每日实战:21# 视频演示如何用纯 CSS 创作文本滑动特效的 UI 界面

    前端每日实战:21# 视频演示如何用纯 CSS 创作文本滑动特效的 UI 界面

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频教程此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbcWJy?w=500&h=500"); 效果预览 按下右侧的点击预...

    wtheewthee 评论0 收藏0
  • 关于input的一些问题解决方法分享

    关于input的一些问题解决方法分享

    摘要:输入框首尾清除空格在中监听键盘事件移动端底部被弹出的键盘遮挡输入框是通过一直放在页面底部,当点击进行输入的时候,就会出现如下图片情况有的机型会遮挡一些。 前言 input是我们接受来自用户的数据常用标签,在前端开发中,相信每个人都会用到这个...

    chanjarsterchanjarster 评论0 收藏0
  • JS基础入门篇( 二 )—if , 字符串拼接,数组,图片循环切换

    JS基础入门篇( 二 )—if , 字符串拼接,数组,图片循环切换

    摘要:错误,因为取到的是字符串,相加会造成字符串拼接。强制转换,将字符串类型转成数字类型。以上代码结果为解释和获取到的是字符串,当字符串相加时,会直接拼接字符串。表示数组的线长度。重新定义数组长度,后面个数组的值都为图片切换两张图片切换。 ...

    MudOnTireMudOnTire 评论0 收藏0
  • [CSS]CSS Position 详解

    [CSS]CSS Position 详解

    摘要:三生成固定定位的元素,相对于浏览器窗口定位,即浏览器窗口滚动也不会影响元素位置,元素的位置与文档流无关,因此不占据空间,可能会和其他元素发生重叠。,元素脱离文档流,相对于以外的第一个父元素定位。 一. CSS position 属性介绍 CSS中positio...

    alexnevskyalexnevsky 评论0 收藏0
  • JS基础入门篇(三)— for循环,取余,取整。

    JS基础入门篇(三)— for循环,取余,取整。

    摘要:取余这个运算符主要用来取到两数相除的余数。打印两数相除结果打印余数的重要使用总结规律后的结果,取余都会小于除数。结果为都小于,之后循环条件的判断有时候会需要。是向下取整,取到的数总比原始值小。 1.for循环 1.for的基本简介 作用: ...

    array_huangarray_huang 评论0 收藏0
  • 「ReStory」在 Markdown 中自由书写 React 组件 (Beta)

    「ReStory」在 Markdown 中自由书写 React 组件 (Beta)

    摘要:介绍先睹为快我们在开发一个小小的组件库,但是我们遇到了一个大难题,那就是为我们的组件库书写一个合理的文档。为了达到这一点,我开发一款文档构建工具。 介绍 先睹为快showImg("https://segmentfault.com/img/remote/1460000014854151"); 我们在开...

    yachengyacheng 评论0 收藏0
  • JS基础入门篇(四)—this的使用,模拟单选框,选项卡和复选框

    JS基础入门篇(四)—this的使用,模拟单选框,选项卡和复选框

    摘要:建立索引,记录每一个节点值。选项卡模拟选项卡方法一大清洗,在设置颜色之前把所有的颜色值设为空。宋体选项卡一选项卡二选项卡三内容一内容二内容三方法二点击什么,清除什么。 1.this的使用 this js中的关键字 js内部已经定义好了,可以...

    CoderDockCoderDock 评论0 收藏0
  • 前端每日实战:22# 视频演示如何用纯 CSS 创作出美丽的彩虹条纹文字

    前端每日实战:22# 视频演示如何用纯 CSS 创作出美丽的彩虹条纹文字

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频教程此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbbyt5?w=500&h=500"); 效果预览 按下右侧的点击预...

    woshicixidewoshicixide 评论0 收藏0
  • [CSS]CSS中使用span和div遇到的问题

    [CSS]CSS中使用span和div遇到的问题

    摘要:所以一般在页面中,只有一行或不到一行文字用,元素占据多行时用。设置属性将设置为,使其形成,可以使高度自动计算,从而和下面的不会发生重叠。例如,所以又发生了同样的问题,这种方法不推荐。 一. span和div的区别 1.span是行级元素,div是块级元...

    yy13818512006yy13818512006 评论0 收藏0
  • JS基础入门篇(六)— 数据类型

    JS基础入门篇(六)— 数据类型

    摘要:基础数据类型数字,字符串,空,未定义,布尔值。一般用布尔值判断真假,进行流程控制等未定义声明一个变量,并未给其赋值,那么这个变量内存储的就是一般来说不希望看到。这是报错中含有不存在故会报错。复合类型复合类型由简单和复合的数据类型组成的...

    defcondefcon 评论0 收藏0
  • JS基础入门篇(六)—数据类型转换

    JS基础入门篇(六)—数据类型转换

    摘要:数组长度为时,转化后值为。举例说明自己不等于自己自己不等于自己的使用是数据步骤会把数据先使用进行转换,转换完之后在判断是不是。但是不会把括号中的数据的类型改变。 1.数据类型转化 数据类型转换 1.把一种数据类型转换成另一种数据类型 ...

    LeoHsiunLeoHsiun 评论0 收藏0
  • 一个页面从输入URL到加载显示完成,发生了什么?

    一个页面从输入URL到加载显示完成,发生了什么?

    摘要:询问权威的服务器域名服务器会继续检查请求的下一部分,并将查询指向负责此特定域名的服务器这些权威的服务器将负责了解关于特定域的所有信息,并将信息存储在记录。 面试经典题——URL加载 一、涉及基本知识点: 1. 计算机网络 五层因特尔协议栈: ...

    LuDongWeiLuDongWei 评论0 收藏0
  • 前端每日实战:17# 视频演示如何用纯 CSS 创作炫酷的同心矩形旋转动画

    前端每日实战:17# 视频演示如何用纯 CSS 创作炫酷的同心矩形旋转动画

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频教程此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbbyrX?w=500&h=500"); 效果预览 按下右侧的点击预...

    lixianglixiang 评论0 收藏0
  • 使用MutationObserver监控dom树实现水印的不可删除属性。

    使用MutationObserver监控dom树实现水印的不可删除属性。

    摘要:有三个方法,分别是主要说方法,在实现水印不可删除的过程中主要需要应对的逻辑有两个,第一种是对水印节点的修改,第二种是对水印节点的删除。也就是说为的就是我需要监控的节点。 https://developer.mozilla.org... MutationObserver 是一个观察对象...

    matingmating 评论0 收藏0
  • HTML加载过程

    HTML加载过程

    摘要:如果我们为外部添加或属性,那么它的下载就不会阻塞其他内容的加载关于与属性的区别,请参考我的另一篇文章高级程序设计读书笔记在中使用 showImg("https://segmentfault.com/img/remote/1460000014810622"); 在地址栏输入url,返回html后,浏览器开始...

    gaomysiongaomysion 评论0 收藏0

热门文章

<