文章库ARTICLE COLUMN

  • 构建静态页面 之 [ 列表 ]

    构建静态页面 之 [ 列表 ]

    摘要:列表描述列表可以分为有序列表无序列表有序列表元素表示定义有序列表属性有属性表示设置有序列表项目符号的样类型属性值数学大写字母小写字母大写罗马数学小写罗马数字属性表示有序列表的项目符号从什么位置开始属性值必须为数字值元素表示列表中的列 ...

    魏明魏明 评论0 收藏0
  • 【静态页面架构】CSS之表格

    【静态页面架构】CSS之表格

    摘要:架构表格元素表格的基本结构以元素建立表格元素是表格行,元素是表示表格单元格表格以行和列表示容器元素属性默认的表格和单元格都有边框表格默认是有宽度的单元格之和决定元素表示表格中的单元格单元格默认宽度由内容决定姓名年龄职业桐人 CSS架构 表...

    insteininstein 评论0 收藏0
  • 【静态页面架构】CSS之列表

    【静态页面架构】CSS之列表

    摘要:架构列表元素有序列表元素表示有序列表项,元素表示条目只能是数字,以属性名和值来表示有序列表以属性表示有序列表符号类型属性,只能用数字,表示有序符号的开始位置表示列表项以属性表示有序列表符号类型属性,只能用数字,表示列表项的值符号 CSS...

    int64int64 评论0 收藏0
  • 【静态页面架构】CSS之其它元素

    【静态页面架构】CSS之其它元素

    摘要:架构其他元素块级元素与内联元素该元素独占一行只以垂直方向排列内联元素该元素不会独占一行,只以水平方向排列不能设置宽高行内块级元素该元素不会不会独占一行,还是水平方向排列,可设置宽高块级元素元素独占一行,以垂直方向排列内联元素元素不会独...

    weakishweakish 评论0 收藏0
  • 构建静态页面 之 [ 表格 ]

    构建静态页面 之 [ 表格 ]

    摘要:表格描述以网格的形式来呈现数据,并且以二维数据表有行有列来显示数据内容表格元素元素表示定义表格元素表示定义表格中的行元素表示定义表格中的表头元素表示定义表格中的单元格元素表示定义表格中的标题元素表示定义表格的页眉元素表示定义表 表格 ...

    李昌杰李昌杰 评论0 收藏0
  • 前端每日实战:118# 视频演示如何用纯 CSS 创作一个沙漏 loader

    前端每日实战:118# 视频演示如何用纯 CSS 创作一个沙漏 loader

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

    sshesshe 评论0 收藏0
  • git 基本命令

    git 基本命令

    摘要:和远程仓库版本控制,多人协作。将最近提交到版本库的文件撤回删除命令删除暂存区文件前提是工作区已经将此文件删除删除工作区和暂存区文件删除暂存区文件工作区会保存此文件恢复命令对于指定版本中文件的恢复。 1.github和git github: 远程仓库git: ...

    hedge_hoghedge_hog 评论0 收藏0
  • 构建静态页面 之 [ 表单 ]

    构建静态页面 之 [ 表单 ]

    摘要:表单表单元素元素表示设置表单属性设置接收表单的指定服务器端的地址路径属性表示发送给服务器端的方式属性值默认值将提交的数据添加到地址栏中进行提交有限制,不安全属性值将提交的数据绑定在表单中进行提交没有限制,相对安全属性提交表单时要设 表...

    zhangwangzhangwang 评论0 收藏0
  • 构建静态页面 之 [ 定位 ]

    构建静态页面 之 [ 定位 ]

    摘要:定位属性表示设置定位绝对定位固定定位相对定位绝对定位表示设置绝对定位绝对定位的注意设置绝对定位后,当前元素脱离文档流如果指定元素的父级元素是元素该元素就是相对于当前页面的定位如果指定元素的父级元素不是元素,父级元素没有开启定位该元素就...

    bingchenbingchen 评论0 收藏0
  • 构建静态页面 之 [ 布局 ]

    构建静态页面 之 [ 布局 ]

    摘要:布局描述表示对页面中的显示效果进行一些排列水平方向居中垂直方向居中居中布局水平方向居中第一种方式水平居中行内块级元素水平居中的第一种方法该方法需作用在父子结构中为父级设置属性为子级设置属性注意的问题属性是设置文本内容对齐方式的 布局 ...

    andotandot 评论0 收藏0
  • [边学边练]用简单实例学习React

    [边学边练]用简单实例学习React

    摘要:歼轰运歼击机轰炸机运输机这里有个知识点需要知道这个一定要调用,这里相当于调用了的。下面简单实现一下歼轰运歼击机轰炸机运输机如果要修改只能使用如改变。歼击机轰炸机运输机歼击机轰炸机运输机这样一来,在页面渲染前就初始化有值了,页面也正常了...

    CrazyCodesCrazyCodes 评论0 收藏0
  • 前端每日实战:119# 视频演示如何用纯 CSS 创作一个接扎啤的动画(内含2个视频)

    前端每日实战:119# 视频演示如何用纯 CSS 创作一个接扎啤的动画(内含2个视频)

    摘要:可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。第部分第部分源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中包含一个表示酒桶的元素和表示啤酒杯的元素。 showImg("https://segmentfault.com/img/bVbfXI...

    CristicCristic 评论0 收藏0
  • 从例子来看BFC

    从例子来看BFC

    摘要:实例从实例上可以看到,元素的外边距会触碰到包含块容器的外边框,也就是元素左边与容器左边相接触,与浮动元素发生了重叠。实例此时发现高度会重新被撑开,所以计算的高度浮动元素也会参与计算 BFC 首先BFC的英文全称Block Format Context,也就是块...

    JeffJeff 评论0 收藏0
  • (...)这三个点在JavaScript中意味着什么?

    (...)这三个点在JavaScript中意味着什么?

    摘要:下面是我试图解释中三个点的作用。可以将这种传播视为逐个提取所有单个属性并将它们传递给新对象。这意味着下面的代码将导致您拥有包含重复元素的数组。这应该是您需要了解的所有内容,以便在中使用运算符。 这篇文章的标题来自我在Quora上被要求回答...

    FaremaxFaremax 评论0 收藏0
  • 花样形状 -- CSS

    花样形状 -- CSS

    摘要:只使用一个元素绘制图形,部分图形需要浏览器支持正方形长方形圆形椭圆形三角形向上三角形向下三角形向左三角形向右三角形左上角三角形右上角三角形左下角三角形右下角曲箭头梯形 只使用一个html元素绘制图形,部分图形需要浏览器支持 正方形 Square ...

    WarrenWarren 评论0 收藏0
  • 初识DOM

    初识DOM

    摘要:标识,就是将页面解析为一个文档。标识,就是中表示各个对象之间的关系。的标准由于的标准规范是由组织起草并定义的,所以对的定义是目前最权威的解释。兄弟关系具有相同父级元素的两个或几个元素之间的兄弟关系。是返回值,表示定位元素的集合,是一个...

    史占广史占广 评论0 收藏0
  • HTML与CSS中的定位个人分享

    HTML与CSS中的定位个人分享

    摘要:定位默认值几乎不用了解就可以绝对定位不为元素预留空间脱离文档流如果当前元素的父级元素是元素的话是相对于当前页面的定位如果当前元素的父级不是元素的话父级元素没有开启定位则是相对于页面的定位如果当前元素的父级不是元素的话父级元素开启定位 ...

    SillyMonkeySillyMonkey 评论0 收藏0
  • http相关知识点回顾

    http相关知识点回顾

    摘要:浏览器负责发送请求,并进一步解析返回的信息,以向用户提供明确的响应。所以是依赖于面向连接进行消息传递,但是连接不是必须的。客户端和服务器连接要保存一段时间支持代理连接还提供了与身份认证状态管理和缓存等机制相关的请求头和响应头。 一、概...

    QLQQLQ 评论0 收藏0
  • 前端每日实战:120# 视频演示如何用纯 CSS 创作锡纸撕开的文字效果

    前端每日实战:120# 视频演示如何用纯 CSS 创作锡纸撕开的文字效果

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

    邹立鹏邹立鹏 评论0 收藏0
  • 获取地图的信息到input里

    获取地图的信息到input里

    摘要:在最近项目中,我接触了百度地图的写法,对其中的代码有了一点兴趣,所以我在完成任务后,在办公室里学习了百度地图的相关引用,并申请了服务秘钥下面是我在学习中总结的对项目有帮助的代码百度地图功能启用滚轮放大缩小,默认禁用添加默 在最近项目...

    KaruruKaruru 评论0 收藏0
  • 前端每日实战:115# 视频演示如何用 CSS 和 D3 创作一组 π 数字的彩灯

    前端每日实战:115# 视频演示如何用 CSS 和 D3 创作一组 π 数字的彩灯

    摘要:可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。引入库删除掉文件中代表数字的元素,用创建代表数字的元素,并设置变量把改为位同时把网格改为的布局接下来制作循环点亮的效果。 showImg("https://segmentfault.com/img/bVbfNq...

    lauren_liulinglauren_liuling 评论0 收藏0
  • js中的各种宽高

    js中的各种宽高

    摘要:之前项目刚写了个判断触底自动加载更多的功能,发现自己对各种宽高的定义还是很模糊。嗯,就这样过程中还是有很大收获的 之前项目刚写了个判断触底自动加载更多的功能,发现自己对各种宽、高的定义还是很模糊。终于没有偷懒,写了个demo理解了一下。网...

    ThanatosThanatos 评论0 收藏0
  • [Hexo-NexT]鼠标选取文字自动提示版权信息

    [Hexo-NexT]鼠标选取文字自动提示版权信息

    摘要:详情请查看原文首先在目录下新建文件然后在文件里依次添加如下代码本文发表于分享请注明来源浏览器下返回选中的文字非浏览器下返回选中的文字设定一个事件获取鼠标相对浏览器可视区域左上角水平距离距离获取鼠标相对浏览器可视区域左上角 详情请查看原...

    leonardofedleonardofed 评论0 收藏0
  • 前端每日实战:116# 视频演示如何用 CSS 和原生 JS 开发一个监控网络连接状态的页面

    前端每日实战:116# 视频演示如何用 CSS 和原生 JS 开发一个监控网络连接状态的页面

    摘要:定义在线状态主题类似地,定义离线状态主题创建一个函数,用于根据在线离线状态显示不同的主题现在,关掉连接,然后刷新页面,页面会采用红色主题再打开连接,然后刷新页面,页面会采用绿色主题。 showImg("https://segmentfault.com/img/bVbfQmV?w=40...

    LinkedME2016LinkedME2016 评论0 收藏0
  • 【前端工程师手册】css会阻塞页面dom解析吗?javascript呢?

    【前端工程师手册】css会阻塞页面dom解析吗?javascript呢?

    摘要:设置了的外链文件,在下载文件期间不会阻塞的解析,但是下载完毕之后就会立即执行,无论现在是否正在解析。怎么优化因为的解析会阻塞页面的渲染,为了让页面尽早的呈现处理,那么就要避免一些无用的文件。 总结一下这几个经典问题。 JavaScript为什么...

    XUIXUI 评论0 收藏0

热门文章

<