文章库ARTICLE COLUMN

  • 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
  • 关于BFC的总结

    关于BFC的总结

    摘要:虽然工作这么多年了,但是如果让我直接解释一下什么是的时候,还是感觉有点不知道怎么准确的表达,下面就翻翻文档,总结一下,加深一下认识吧。两个兄弟盒之间的垂直距离由属性决定。最常见的有简称和简称。 虽然工作这么多年了,但是如果让我直接解释...

    chadLichadLi 评论0 收藏0
  • CSS 水平居中

    CSS 水平居中

    摘要:零散的知识不整理进入自己的知识框架太容易忘,对于脑子里零零散散的整理自勉水平居中块级元素水平居中此居中的方法前提为居中块级元素宽度必须固定才可设置自动计算左右补白可见块的设置为后实现水平居中,但是设置为确并不能垂直居中特点浏览器兼容 ...

    zhaofeihaozhaofeihao 评论0 收藏0
  • CSS 水平垂直居中

    CSS 水平垂直居中

    摘要:聚沙成塔,聚水成涓父元素高度确定的单行文本设置只是单行文本水平垂直居中,块级元素并没有实现水平垂直居中方法一使用,设置特点兼容性好,不过需固定宽高注意如果不设置为则将基于根元素定位居中实现水平垂直居中方法二同时设置特点可 聚沙成塔,聚...

    wujl596wujl596 评论0 收藏0
  • CSS 布局模型

    CSS 布局模型

    摘要:包含种基本的布局模型即为元素的中布局模型分别为流动模型标准文档流方式,元素从上至下,从左至右是默认的网页布局方式特点块状元素占据多带带的一行,从上至下排列内联元素会从左至右排列浮动模型网页元素可通过设置属性值浮动,利用浮动特性布局层模...

    tracytracy 评论0 收藏0
  • Codepen 每周精选:值得收藏的24个页面特效(2018-5-21)

    Codepen 每周精选:值得收藏的24个页面特效(2018-5-21)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 1. 像游戏一样精美的动画表单https://codepen.io/airnan/pen... 2. 纯 css 写的抽屉效果https://c...

    Forest10Forest10 评论0 收藏0

热门文章

<