文章库ARTICLE COLUMN

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

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

    摘要:而我们需要自定义的样式就是图中黄色的部分注意到上图的邮件的表单字段了么自动填充之后,它就有了一个黄色的背景,这在很多情况下会与我们原来的网页配色格格不入。所以,我们来自定义一下这个自动填充的样式。 原文: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
  • 移动端开发的兼容问题

    移动端开发的兼容问题

    摘要:移动端开发的兼容问题文章已同步我的笔记,欢迎大家加,加后人生更加美好下为属性设置会出现样式文字和背景异常问题。解决方案可以使用整体放大屏幕的倍等等再使用缩放使用在移动端会模糊也需要这样的解决方案在移动端图片上传图片兼容低端机的问题。 ...

    weakishweakish 评论0 收藏0
  • 微信小程序开发由0到1开发,快速开发上线

    微信小程序开发由0到1开发,快速开发上线

    摘要:首先先注册微信小程序管理一登录微信公众平台二点击立即注册。注意这里不要用微信公众号登录,小程序账号和微信公众号是不同的。最好从项目直接入手,这里有微信小程序个例子,链接密码有可能会过期,留言或者加我,给你最新的 首先先注册微信小程序管...

    CrazyCodesCrazyCodes 评论0 收藏0
  • CSS 学习笔记——CSS Selector

    CSS 学习笔记——CSS Selector

    摘要:不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。新增属性选择器用于定义元素属性以开头的元素的样式如上所示,标记链接为绿色。可以是数字,或关键字或公式。 CSS1 中定义的选择器 类型选择器 用于选择指定类型的元素...

    edagarliedagarli 评论0 收藏0
  • 2017年五月前端面试题目的总结

    2017年五月前端面试题目的总结

    摘要:持续心累的找工作阶段算是结束了,不同公司对面试的知识侧重点不同,整体的感受就是大公司可能更偏向一些基础或者原理布局一些经典算法方面。现将我在面试过程遇到的问题总结下。目前先传题目答案整理好之后再发布出来。 持续心累的找工作阶段算是结束...

    dreamGongdreamGong 评论0 收藏0
  • 用本地运行的demo快速入门跨域

    用本地运行的demo快速入门跨域

    摘要:学习建议在学习其中一种跨域方法的时候,建议边运行项目里的,边在网上搜索博客文章学习这种跨域方法,这样有助于快速并且深入理解跨域。鉴于网上有很多文章详细讲述跨域知识,只是少了可以本地运行的,所以这里就不再赘述跨域知识。 前言 因为学习跨...

    GraphQueryGraphQuery 评论0 收藏0

热门文章

<