文章库ARTICLE COLUMN

  • CSS学习(二)

    CSS学习(二)

    摘要:学习二一三大模型之盒子模型盒子模型每个矩形元素都由元素的内容,内边距,边框,和外边距边框盒子的厚度,如手机包装盒的厚度内边距内容与边框之间的距离,如填充泡沫的厚度外边距与其他盒子的距离边框样式格式单实线用的最多虚线点线双实线边框综合写...

    Near_LiNear_Li 评论0 收藏0
  • 计算机网络篇(前端、HTTP)

    计算机网络篇(前端、HTTP)

    摘要:状态行通过提供一个状态码来说明所请求的资源情况。请求出现语法错误。服务器端暂时无法处理请求可能是过载或维护。 全端工程师需知道的计算机网络知识 一、网络篇—http报文详解 1. 分类 请求报文 响应报文 2. 报文结构 (一)、请求报文 一个HTTP...

    ixleiixlei 评论0 收藏0
  • 【CSS3】自定义设置可编辑元素闪烁光标的颜色

    【CSS3】自定义设置可编辑元素闪烁光标的颜色

    摘要:解决方案使用伪元素使用和使用修改元素原理一般来说,设置框的属性会修改文本内容的颜色,同时顺带改变光标的颜色。和原理先利用设置文本和光标的颜色然后利用设置文本阴影覆盖文本颜色最后使用将文本颜色置为透明。 前言 因为业务需求, 要求我们的inp...

    curriedcurried 评论0 收藏0
  • 前端性能优化之--页面渲染优化全面解析

    前端性能优化之--页面渲染优化全面解析

    摘要:下面我们撇开网络方面的优化,只分析静态资源方面的优化。不过,也会阻止的构建和延缓网页渲染。未优化正常加载优化后异步加载根据上面的分析,我们可以清楚的认识到,非必要优先加载的,选择异步加载是最优选择。 为什么做优化 经典问题:白屏时间过...

    MadPeckerMadPecker 评论0 收藏0
  • CSS 1-选择器

    CSS 1-选择器

    摘要:当两个规则的权值相同时,谁更具体用谁,也就是权值高的选择器作用的越具体优先级越高。 CSS选择器 1.id选择器 #id{ } ,#id选中元素2.类选择器 .class{ } ,.类名称选中元素3.标签选择器 div{ } ,标签名选中元素4.通配符选择器 { } ,""选中...

    yhaolpzyhaolpz 评论0 收藏0
  • pointer-events: none 在 SegmentFault 中的两个应用场景

    pointer-events: none 在 SegmentFault 中的两个应用场景

    摘要:值得一提的是,仅仅是鼠标事件失效,用键还是可以选中该链接的,然后打开,这个时候可以去掉标签的属性,就不能让键选中了实践一今天改了一个众审中心的。 简介 pointer-events: none 真是个神奇的属性。 该属性有什么用?借用 CSS3 pointer-events:no...

    jasperyangjasperyang 评论0 收藏0
  • 前端基础之CSS(1)

    前端基础之CSS(1)

    摘要:而使用预处理器,提供缺失的样式层复用机制减少冗余代码,提高样式代码的可维护性。所以我们在实际项目中衡量预编译方案时,还是得想想,比起带来的额外维护开销,预处理器有没有解决更大的麻烦。 1.css3的新特性有哪些 (1)CSS3选择器(基本、属性、...

    caohaoyucaohaoyu 评论0 收藏0
  • 前端每日实战:29# 视频演示如何不用 transition 和 animation 也能做网页动画

    前端每日实战:29# 视频演示如何不用 transition 和 animation 也能做网页动画

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

    MAX_zuoMAX_zuo 评论0 收藏0
  • 如何优雅的使用vue+Dcloud(Hbuild)开发混合app

    如何优雅的使用vue+Dcloud(Hbuild)开发混合app

    摘要:而是不会生成文件夹以及那些静态文件的,也就是说没有生成物理文件,而是放在了内存中,我们是没有办法拿到这些静态文件的。首先现在项目中安装一下该插件,。这时如果打开项目进行开发,比如修改了,只需要保存一下,就会在手机上看到更改后的效果。 ...

    zhaofeihaozhaofeihao 评论0 收藏0
  • 挖掘margin属性的内涵

    挖掘margin属性的内涵

    摘要:合并问题块级元素的上边距和下边距有时会合并或者折叠为一个外边距捕获到的重要信息只发生在块级元素,但不包括浮动元素和绝对定位元素只发生在和当前文档流方向的相垂直的方向上由于默认文档流是水平流,因此发生合并的就是垂直方向会出现外边距合并的...

    alanoddsoffalanoddsoff 评论0 收藏0
  • 每个 JavaScript 工程师都应当知道的 10 个面试题

    每个 JavaScript 工程师都应当知道的 10 个面试题

    摘要:所支持的面向对象编程包括原型继承。发明于年的就是首批支持函数式编程的语言之一,而演算则可以说是孕育了这门语言。即使在今天,这个家族的编程语言应用范围依然很广。 1. 能说出来两种对于 JavaScript 工程师很重要的编程范式么? JavaScript 是一...

    jone5679jone5679 评论0 收藏0
  • JS基础入门篇(十)—字符串方法

    JS基础入门篇(十)—字符串方法

    摘要:方法阅读说明返回值类型对象方法名称参数参数二解释返回值类型指的是函数调用结束后返回的值的类型。返回值返回字符串对应位置的字符的数值。截取的字符串长度,默认为字符长度。作用把字符串全部转成大写语法返回值返回转成大写的字符串。 1.方法阅读...

    zsirfszsirfs 评论0 收藏0
  • 几个CSS技巧的分享

    几个CSS技巧的分享

    摘要:创建剪切动画对于剪切动画,使用代替,避免重排导致性能过低。其中属于万金油,大多数场景可以直接用它,但还是有些特殊的场景不能用子元素需要文字截断,为了兼容的浏览器,必须使用其他方式一般是子元素需要多行布局,的不支持,不能多行布局 创建剪...

    itvincentitvincent 评论0 收藏0
  • JS基础入门篇(十)— 数组方法

    JS基础入门篇(十)— 数组方法

    摘要:返回值拼接后的字符串。返回值新数组的。语法返回值被删除的那一个元素。返回值排序后的数组当什么都不传入的时候,默认由小到大排列。传入的时候,内的返回值小于或者等于,数组序列不变。 1.join 作用: 将数组通过指定字符拼接成字符串。语法: str...

    zerozero 评论0 收藏0
  • 行内元素的padding和margin是否有效

    行内元素的padding和margin是否有效

    摘要:行内元素的纵向和都是不考虑的,这是规范定义的。元素确实可以设置垂直方向的和值,但是元素的和的垂直方向上不产生边距效果,即不影响布局。首先行内元素是否具有盒子模型答行内元素同样具有盒子模型。 行内元素的纵向padding和margin都是不考虑的,...

    yangrdyangrd 评论0 收藏0
  • vue-cli项目根据线上环境打出测试包和生产包

    vue-cli项目根据线上环境打出测试包和生产包

    摘要:最近用搭建了项目,准备上线时发现脚手架自带的只能打出请求生产接口的生产包,但是项目肯定要先上测试环境,怎么用命令行打出请求测试接口的测试包呢中新增命令行脚本命令并指向文件夹下的。可以在中查看是否打包成功。 最近用vue-cli搭建了项目,准...

    JellyBoolJellyBool 评论0 收藏0
  • 马克当指南

    马克当指南

    摘要:马克当可以做什么代码高亮制作待办事项高效绘制流程图序列图甘特图表格流程图序列图甘特图表格书写数学公式有道云笔记简明版使用指南标题标题是每篇文章必备而且最常用的格式。 马克当可以做什么? ① 代码高亮 showImg("https://segmentfault.com/img...

    CaizhenhaoCaizhenhao 评论0 收藏0
  • css样式

    css样式

    摘要:注意换行默认值上对齐下对齐垂直居中文本基线对齐设置所有的其他去除苹果点击事件的灰色阴影有些元素需要设置背景色。 居中 布局中居中是很重要的技术,掌握居中的技巧,对布局相当重要 /* flex 垂直 居中 */ *{ margin: 0; pad...

    cppprimercppprimer 评论0 收藏0
  • 前端每日实战:30# 视频演示如何用纯 CSS 创作一个晃动的公告板

    前端每日实战:30# 视频演示如何用纯 CSS 创作一个晃动的公告板

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

    crosseacrossea 评论0 收藏0
  • HTML 3-列表、表单、语义化

    HTML 3-列表、表单、语义化

    摘要:有序列表无序列表自定义列表在语义上的区别有序列表列表有顺序编号默认列表前加,,,编号,适用于有逻辑顺序的排列项目,而且次序不能乱。另外,在类型中,一致时代表选项为一组。提交是表单的提交按钮,将表单中的数据发送给后台服务器 有序列表、无...

    gaaragaara 评论0 收藏0
  • 前端每日实战:28# 视频演示如何用纯 CSS 绘制一个世界上不存在的彭罗斯三角形

    前端每日实战:28# 视频演示如何用纯 CSS 绘制一个世界上不存在的彭罗斯三角形

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,一个容器中包含个居中显示定义容器尺寸画出包含条边的容器为条边所属的容器上色用遮罩切出每一条边,组成彭罗斯三角形定义旋转动画效果最后,增加旋转时变色的效果大功告成 showImg("htt...

    shiguibiaoshiguibiao 评论0 收藏0
  • HTML 1-样式引入、路径、尺寸单位

    HTML 1-样式引入、路径、尺寸单位

    摘要:样式的引入方式样式的引入有三种方式内联式,可直接写在标签内,一般不建议这种写法。调试介绍主要用于对程序调试,相比于,仅在控制台中打印相关信息,不会阻断程序的执行。 CSS样式的引入方式 css样式的引入有三种方式:1.css内联式,可直接写在html...

    ShihiraShihira 评论0 收藏0
  • 你对CSS权重真的足够了解吗?

    你对CSS权重真的足够了解吗?

    摘要:如果两个权重不同的选择器作用在同一元素上,权重值高的规则生效选择器可能会包含一个或者多个与权重相关的计算点,若经过权重值计算得到的权重值越大,则认为这个选择器的权重高。 前言 css权重很多人都听过,也了解一些,但是很多人对具体的规则或者...

    xioquaxioqua 评论0 收藏0
  • HTML 2-行高、a标签

    HTML 2-行高、a标签

    摘要:行高是指上下文本行的基线间的垂直距离,即图中两条红线间垂直距离。等于包裹文字的元素本身的高度时,文字垂直居中。仅在属性存在时使用。但标签字体大小属性受父元素影响。 line-height line-height设置文本的行高,行高即文本行基线之前的距离,行高...

    lx1036lx1036 评论0 收藏0
  • CSS 布局方式

    CSS 布局方式

    摘要:中间左栏右栏清除浮动如下图缺点结构不正确多了一层标签布局左栏中间右栏如下图缺点兼容性问题参考文章 W3C标准 由万维网联盟制定的一系列标准,包括: 结构化标准语言(HTML和XML) 表现标准语言(CSS) 行为标准语言(DOM和ECMAScript) CSS中的定...

    LancerCometLancerComet 评论0 收藏0

热门文章

<