文章库ARTICLE COLUMN

  • Vue.js 2.0 轻松入门(一)

    Vue.js 2.0 轻松入门(一)

    摘要:的官方下载地址点我进入的官方下载地址下载电脑系统对应文件,然后进行安装,安装成功之后通过命令行工具进入安装目录。注系统命令行工具通过开始菜单输入打开,系统为终端。 showImg("https://segmentfault.com/img/bVPL6q?w=200&h=200"); Vue — 渐...

    mmy123456mmy123456 评论0 收藏0
  • 给自己的Fonts教程

    给自己的Fonts教程

    摘要:书体宋体仿宋体黑体等例如自带的宋体实为中易宋体。传统上说的等线体以当代视角来看通常是较为幼细的黑体。前面的过程我们称之为编码,后面的这个过程我们称之为解码。部分浏览器比如可以选择编码自动检测功能,使用基于统计的方法判断未定编码。 准备...

    pkwendapkwenda 评论0 收藏0
  • HTML & CSS之小白初入江湖

    HTML & CSS之小白初入江湖

    摘要:之小白初入江湖超文本标记语言简称是一种用于创建网页的标准标记语言。描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。是块级元素,是行内元素。层叠样式表简称是一种用来为结构化文档如添加样式的工具。 HTML & CSS之小...

    fai1017fai1017 评论0 收藏0
  • Flexbox布局的正确使用姿势

    Flexbox布局的正确使用姿势

    摘要:分配空间原理影响布局分配空间的属性有三个,分别是和。伸缩项目扩展宽度项目容器宽度项目宽度或项目设置的总和对应的比例拉伸后伸缩项目宽度原伸缩项目宽度扩展宽度我们来计算一下上面栗子中第一个伸缩项目拉伸后的宽度。 在项目中,我们还会大量使用...

    GitCafeGitCafe 评论0 收藏0
  • CSS Animations vs Web Animations API

    CSS Animations vs Web Animations API

    摘要:方法接受两个参数关键帧和持续时间。第一个参数,关键帧,是一个对象数组,每个对象都是动画中的一个关键帧。为我们提供了两种不同的方式设置缓动在我们的关键帧数组或我们的选项对象内。实际上,这些缓动应用在关键帧之间,而不是整个动画。 作者:O...

    25012079502501207950 评论0 收藏0
  • 自定义表单自动填充的样式

    自定义表单自动填充的样式

    摘要:而我们需要自定义的样式就是图中黄色的部分注意到上图的邮件的表单字段了么自动填充之后,它就有了一个黄色的背景,这在很多情况下会与我们原来的网页配色格格不入。所以,我们来自定义一下这个自动填充的样式。 原文:https://www.codecasts.com/blo....

    tianyutianyu 评论0 收藏0
  • 学习实践 - 收藏集 - 掘金

    学习实践 - 收藏集 - 掘金

    摘要:官网地址聊天机器人插件开发实例教程一创建插件在系统技巧使你的更加专业前端掘金一个帮你提升技巧的收藏集。我会简单基于的简洁视频播放器组件前端掘金使用和实现购物车场景前端掘金本文是上篇文章的序章,一直想有机会再次实践下。 2道面试题:输入U...

    mikyoumikyou 评论0 收藏0
  • CSS编码规范建议

    CSS编码规范建议

    摘要:建议尽量不使用声明。示例建议颜色值中的英文字符采用小写。字体单位建议使用作为定义的度量单位。示例建议需要添加时应尽可能考虑是否可以采用其他方式解决。建议尽量使用选择器处理兼容性,而非属性。 CSS 作为网页样式的描述语言。本文档的目标是使...

    jindongjindong 评论0 收藏0
  • flex布局

    flex布局

    摘要:利用写一个自适应布局代码来自文档结构我是我是我是我是恢复到文档内的自然顺序 利用flex写一个自适应布局,代码来自MDN文档 HTML结构 我是article 我是nav 我是aside 我是footer CSS body{ font-...

    happyhuangjinjinhappyhuangjinjin 评论0 收藏0
  • CSS规范--BEM入门

    CSS规范--BEM入门

    摘要:一开始,公司推出的,包括了规范以及其配套构建工具。代表的不同状态或不同版本。再来看一个之前用常规方式命名的的例子这些类名真是太不精确了,并不能告诉我们足够的信息。 这段时间在整理前端部分的代码规范,前面提到的CSS规范里面会涉及到选择器...

    li21li21 评论0 收藏0
  • Chromium 新的弹窗机制以及 HTML 的 <dialog> 元素

    Chromium 新的弹窗机制以及 HTML 的 <dialog> 元素

    摘要:在随后的版本中,团队一直在修改原生弹窗的表现。所以这种原生弹窗的最大用处不是用来提示用户信息,而是伤害用户。团队在中移除了对弹窗的支持。获取用户输入可以用中的元素。作为的元素,目前除了和以外,其它浏览器均未支持。 自 1995 年 JavaScrip...

    philadelphiaphiladelphia 评论0 收藏0
  • 终于找到一种有效的垂直居中方法

    终于找到一种有效的垂直居中方法

    摘要:今天终于发现了一种有效的垂直居中方法块级元素里面的块级元素居中,写了个试了一下。不过此方法要求父级元素和自己元素都有定位,且自己元素要有明确的高宽。另外,也求其他的好方法,希望大家分享 今天终于发现了一种有效的垂直居中方法(块级元素里...

    mtuniquemtunique 评论0 收藏0
  • 高度不固定时垂直居中

    高度不固定时垂直居中

    摘要:语言表达能力有限,直接上图。我想做的效果就是左侧是导航标题,右侧是对应的内容条目。但是右侧内容条目数目不固定,因此对应的高度也不固定。这效果看似简单,但本人半天没想出来,苦读一天文档,终于找到解决方案写的。 showImg("https://segmentfa...

    VEIGHTZVEIGHTZ 评论0 收藏0
  • 【译】统一样式语言

    【译】统一样式语言

    摘要:原文地址原文作者译文出自掘金翻译计划译者校对者统一样式语言在过去几年中,我们见证了的兴起,尤其是在社区。根本上来说,纯粹用于只是一个命名规范,它要求样式的类名要遵守的模式。 原文地址:A Unified Styling Language 原文作者:Mark Dalglei...

    fjcgreatfjcgreat 评论0 收藏0
  • canvas.toDataURL('image/png')报错处理方法

    canvas.toDataURL('image/png')报错处理方法

    摘要:前段时间做一个项目,需求是对每个视频添加预览图,这个问题最终选择方案是用来做转换获取视频的一个截图,添加到页面中,达到自动添加预览图的目的。 前段时间做一个项目,需求是对每个视频添加预览图,这个问题最终选择方案是:用canvas.toDataYRL()...

    vpantsvpants 评论0 收藏0
  • 推荐一款右键菜单

    推荐一款右键菜单

    摘要:先上图连接安装运行使用接口一览显示菜单隐藏菜单绑定事件提供了事件解除绑定提供了事件 先上图 showImg("https://segmentfault.com/img/bVPznC?w=557&h=402"); github连接 安装 yarn install / npm install 运行 npm run dev 使用 .icon-table{ ...

    tyheisttyheist 评论0 收藏0
  • 【译】怎样创建定制表单组件

    【译】怎样创建定制表单组件

    摘要:若你想在诸如元素的组件上应用高级样式或者想定制组件的行为,你就只能选择创建自己的表单组件。我们将通过本文学习如何构建一个表单组件。 系列文章说明 原文 在许多情况下,[可用的HTML表单组件]()是不够的。若你想在诸如元素的组件上[应用高级样...

    William_SangWilliam_Sang 评论0 收藏0
  • CSS处理文本过长或超出部分(解说一)

    CSS处理文本过长或超出部分(解说一)

    摘要:在网页开发中,经常会遇到文本超出了限定的范围,尤其是屏幕尺寸的大小导致的,着实影响美观,这个时候,就需要用对其进行处理。再补充一条,比如想让内容在第二行的时候,超出部分隐藏这个处理方式的目前只兼容内核的浏览器其他方法见解说二 在网页开...

    BamboyBamboy 评论0 收藏0
  • canvas画动态时钟

    canvas画动态时钟

    摘要:用画动态时钟代码代码保存当前画布样式切换中心点画外圆画数字画时刻画时针,分针,秒针将分,秒换算成小时返回上一个画布样式将秒换算成分画圆心将所有事件封装在一个函数中,为制作成动态时钟做准备清空整个画布初始化 用canvas画动态时钟 showImg("...

    shadajinshadajin 评论0 收藏0
  • 垂直居中

    垂直居中

    1.line-height html : div.parent div.child css : .parent height 736px line-height @height 2.display: table html : div.parent div.child css : .parent display table .child displa...

    sarvasarva 评论0 收藏0
  • 初探flex布局

    初探flex布局

    摘要:一布局概述布局是一种较新盒子模型,在布局模型中,弹性容器的子元素的排布可以比较灵活,可以根据容器的大小自动扩展或收缩其大小。下面我们来看用布局怎么解决这些问题。所以学会使用布局是非常有必要的。想详细了解布局请点击这里。 一 flex布局 1....

    JeffrreyJeffrrey 评论0 收藏0
  • 说说我的web前端之路,分享些前端的好书

    说说我的web前端之路,分享些前端的好书

    摘要:推荐高性能网站建设指南高性能网站建设进阶指南理由在读完前几本书之后我们对前端的性能和自己的代码的效率已经达到相当的高度了,然后我们在接触一些前端工程师的一些精髓。   WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规...

    IntegInteg 评论0 收藏0
  • Vue2.0全家桶仿腾讯课堂(移动端)

    Vue2.0全家桶仿腾讯课堂(移动端)

    摘要:最近在学习觉得超好用,忍不住自己仿了个腾讯课堂练练手,不当之处还请大家指正持续更新中。的使用的状态存储是响应式的。需要注意类似于,不同在于提交的是,而不是直接变更状态。 最近在学习vue,觉得超好用,忍不住自己仿了个腾讯课堂练练手,不当之...

    zorrozorro 评论0 收藏0
  • 常用css3选择器

    常用css3选择器

    摘要:模糊匹配属性选择器标题选择器匹配属性值以标题指定值开头的每个元素。选择器用来匹配父元素中最后一个子元素。和和是可用于匹配下标是奇数或偶数的子元素的关键词选择器匹配同类型中的倒数第个同级兄弟元素。 1 2 3 4 5 p{ width:40px;...

    ytwmanytwman 评论0 收藏0
  • 浅谈逻辑运算符&&(与)和 ||(或)

    浅谈逻辑运算符&&(与)和 ||(或)

    我有一群奇形怪状的小伙伴,总会问我一些奇形怪状的问题。 昨天有一个叫周三胖(因崇拜某国领导人以及结合其个人特点所以姓周,号三胖⊙﹏⊙)的朋友,向我发了这么一张图片:showImg("https://segmentfault.com/img/bVPFiz?w=1148&h=96"); 兄弟,上面那几...

    RdouTypingRdouTyping 评论0 收藏0

热门文章

<