文章库ARTICLE COLUMN

  • 【译】HTML表单指南---第一个HTML表单

    【译】HTML表单指南---第一个HTML表单

    摘要:一个表单由一或多个部件组成,这些部件可以是文本框单行或多行选择框按钮复选框或单选按钮。在我们的示例里,一个文本框中用了该属性的默认值,该值表示一个基本的单行文本框,用于接收无控制或验证的任何文本。 前言 这个系列译自mdn上的一份表单指南...

    yearsjyearsj 评论0 收藏0
  • 【译】怎么样构建HTML表单

    【译】怎么样构建HTML表单

    摘要:当你构建表单时,可以试着听一下屏幕阅读器如何读取它,若听起来很奇怪,那就有必要改进你的表单结构了。该规则必须在表单头部以保证在用户找到必填元素之前,屏幕阅读器等无障碍设备能将其展示或读给用户。 系列文章说明 原文 在建立HTML表单时,最...

    hover_lewhover_lew 评论0 收藏0
  • 【译】原生表单组件

    【译】原生表单组件

    摘要:文本输入框文本输入框是最基本的表单组件,它便于用户输入各种数据。对大多数表单组件而言,表单提交后所有具有属性的组件都会被提交,即使它们没有获值。重置按钮用于重置所有表单组件为默认值。 系列文章说明 原文 HTML表单是由组件构成的,这些组...

    sunnyxdsunnyxd 评论0 收藏0
  • IOS中弹出键盘后出现fixed失效现象的解决方案

    IOS中弹出键盘后出现fixed失效现象的解决方案

    摘要:概述这个问题常出现在移动开发中聊天或者留言页面的绝对定位输入框上,页面超过屏幕大小时候输入框状态下键盘弹出绝对定位的元素失效,导致页面滚动时候把定位元素一并带走,体验十分不好,在此留下一自己的方法,让更多的人不需要再爬这样的小坑。 概...

    xcc3641xcc3641 评论0 收藏0
  • HTML Application Cache 离线应用

    HTML Application Cache 离线应用

    摘要:简称是一套针对缓存应用资源的接口,通过此套接口,可以实现网页的离线访问,或者在网速较慢的情况下也能快速打开页面。的状态为以下几种网页未缓存闲置检查中下载中更新已准备完毕更新失败内主动更新的流程 HTML Application Cache (简称 HAC)是一...

    lavnFanlavnFan 评论0 收藏0
  • 应该了解的 Web 图标解决方案

    应该了解的 Web 图标解决方案

    摘要:那么,在我们当下的前端开发中,最常见的图标解决方案有哪些呢大概是三种,图片和。 showImg("https://segmentfault.com/img/remote/1460000006774999");A picture is worth a thousand words, 一图胜千言。 没错,从 Web 诞生的那天开始,图标就成为...

    zhangwangzhangwang 评论0 收藏0
  • 浏览器渲染的那些事(三)

    浏览器渲染的那些事(三)

    摘要:浏览器会对发生变化的呈现器以及其子代标注为,表示需要进行标记分为两种和。异步和同步异步,简单来说,就是指浏览器为了尽可能减少和的操作,而将这些操作积攒起来,再统一做一次。 终于到了布局的部分了! 布局 当渲染对象被创建并添加到树中,是没...

    ralapralap 评论0 收藏0
  • js获取文档和元素的坐标

    js获取文档和元素的坐标

    摘要:例如我想知道写文章的这个页面中定时发布的按钮的尺寸和位置获取宽度,高度的另一种方式对于内联元素调用,返回的是边界矩形,因为内联元素可能跨了多行,所以可能是由多个矩形组成的。对于分为两行的内联元素,边界矩形就包含了两行的宽度。 这两天在...

    wanglu1209wanglu1209 评论0 收藏0
  • AngularJS表单验证

    AngularJS表单验证

    摘要:表单和其中的表单控件提供了验证服务,可以让用户在提交一般在点击类型为的按钮时提交表单前意识到自己有非法不符合要求,以下都将称为非法的输入。为了编写一个可靠的应用程序,服务端验证是不可或缺的。促发条件至于自定义表单验证,我会另写一篇。 ...

    shenhualongshenhualong 评论0 收藏0
  • AngularJS自定义表单验证

    AngularJS自定义表单验证

    摘要:在自定义的指令中,我们可以添加我们的验证方法到的对象上。验证码在表单不合法时禁用提交按钮提交保存成功判断手机号是否重复验证两次输入的密码是否相同的自定义验证当值为空时,通过验证,因为有 Angular实现了大部分常用的HTML5的表单控件的类型(t...

    gaomysiongaomysion 评论0 收藏0
  • 阿拉伯-汉字-数字转换

    阿拉伯-汉字-数字转换

    摘要:说明本文实现了一个从阿拉伯数字到中文数字,以及从中文数字到阿拉伯数字的转换算法。源代码在这里阿拉伯数字转中文给定一个阿拉伯数字,把它转变为汉语表示的数字。 说明 本文实现了一个从阿拉伯数字到中文数字,以及从中文数字到阿拉伯数字的转换算...

    王军王军 评论0 收藏0
  • HTML语义化

    HTML语义化

    摘要:近来看面试题的时候,经常看到一个问题语义化是什么意思里面有标签的含义。因为二者表示的含义不同。参考资料理解语义化语义化的革新语义化标签语义化标签探析 近来看面试题的时候,经常看到一个问题:HTML语义化是什么意思?w3school里面有html标签的...

    Mike617Mike617 评论0 收藏0
  • CSS实现3D切换效果

    CSS实现3D切换效果

    摘要:譬如设置值为,相对于,则元素的变形较弱一些。经过测试,其视觉效果和是一样,相当于从无限远处平面超长焦观察这个动画。其作用是当旋转过正面,设置是否显示其背面。 先上效果图和代码吧鼠标悬浮上去,蓝色的front面开始旋转 showImg("https://segme...

    QiShareQiShare 评论0 收藏0
  • DOM事件

    DOM事件

    摘要:与之间的交互是通过事件实现的。而,则将事件一直冒泡到对象。事件处理程序的名字以开头,例如。级事件处理程序通过指定事件处理程序的传统方式,就是将一个函数赋值给一个事件处理程序属性。变动事件在结构发生变化时触发,比如插入或者删除节点。 ja...

    AlphaGoooAlphaGooo 评论0 收藏0
  • 浏览器渲染的那些事(二)

    浏览器渲染的那些事(二)

    摘要:接上一篇浏览器渲染的那些事一继续说。哈希表的选择器各不相同,包括,标记名称等。例如,如果选择器是,就把规则放入的哈希表中还有一种通用哈希表,适合不属于上述类别的规则。 接上一篇浏览器渲染的那些事(一)继续说。 构建呈现树 Render Tree/Fr...

    沈建明沈建明 评论0 收藏0
  • 《JavaScript Dom编程艺术》读书笔记(一)

    《JavaScript Dom编程艺术》读书笔记(一)

    摘要:下面这条语句将导致语法错误变量名允许包含字母数字美元符号和下划线但第一个字符不允许是数字。可以把一些布尔值存入一个数组,还可以把一组数值存入一个数组甚至可以把这种数据类型混在一起存入一个数组数组元素还可以是变量这将把数组的第一个元素赋...

    lewinleelewinlee 评论0 收藏0
  • 【二次元的CSS】—— CSS3画的能换频道的电视机(合集)

    【二次元的CSS】—— CSS3画的能换频道的电视机(合集)

    摘要:帮大家回忆一下,小时候的电视机。每到星期二的下午,总是这个图案。传送门这次分步来做,先画电视机,再画没有信号的界面。这次绝笔之作中,把之前所有用画的东西都放进电视机里了。所以电视机是可以切换频道的。这次不贴代码了,有点多。 帮大家回忆...

    LeviDingLeviDing 评论0 收藏0
  • 《JavaScript Dom编程艺术》读书笔记(二)

    《JavaScript Dom编程艺术》读书笔记(二)

    摘要:逻辑非操作符只能作用于单个逻辑操作数,其结果是把那个逻辑操作数所返回的布尔值取反。如果那个逻辑操作数所返回的布尔值是,逻辑非操作符将把它取反为为了避免产生歧义,上面这条语句把逻辑操作数放在了括号里,使逻辑非操作符作用于括号里的所有内容...

    casparcaspar 评论0 收藏0
  • CSS动画:有活力的链接下划线

    CSS动画:有活力的链接下划线

    摘要:链接下划线是非常常见的一种样式,最近做了一个非常简单的视觉效果,非常不错,可以点下面链接查看。最后设置动画时间为,现在我们只需要设置元素在时显示并且大功告成这样就完成了一个很有活力的下划线动画 链接下划线是非常常见的一种样式,最近做了...

    stackfingstackfing 评论0 收藏0
  • Background背景色透明RGBA和opacity的对比实例(转载)

    Background背景色透明RGBA和opacity的对比实例(转载)

    摘要:浏览器的兼容性如果庞统说是制作透明色透明背景色透明边框色透明前景色等,大家不由会想起这个东西。 Background背景色透明RGBA时间:2013-03-16 00:44│来自: 信有UED│作者:JUN│点击:9704次RGB不用说,大家都知道是什么,但RGBA是什么呢? 1 2 backg...

    Pines_ChengPines_Cheng 评论0 收藏0
  • JQuery基础修炼-样式篇

    JQuery基础修炼-样式篇

    摘要:具有相同的父元素,并匹配过滤选择器子选择器选择所有指定元素中指定的的直接子元素。可见元素的宽度或高度,是大于零。元素的或被认为是可见的,因为他们仍然占用空间布局。 jQuery对象转化成DOM对象     jQuery库本质上还是JavaScript代码,它只是...

    _Dreams_Dreams 评论0 收藏0
  • 深入理解line-height

    深入理解line-height

    摘要:初学者也许会对这句话嗤之以鼻,但随着我学习的深入,渐渐意识这句话还是有一定道理的。然而,我们真的了解它吗又是由什么来决定的首先推荐一篇文章,深入了解的行高属性假设你已经读完了这篇文章并且已经大致理解那么这张图应该能看懂了。 HTML和CSS...

    Java3yJava3y 评论0 收藏0
  • bigSlide 插件应用

    bigSlide 插件应用

    摘要:一插件官网二基本代码侧边栏控制开关用一个标签来控制侧边栏的开关。插件初始化最后则需要在标签尾部加上初始化插件的代码。另外侧边栏并不需要随着页面的上下滚动始终显示在视口中,所以默认的这个语句并不需要。 一、 插件官网 bigSlide.js 二、 基...

    casparcaspar 评论0 收藏0
  • 兼容性总结

    兼容性总结

    摘要:写在前面的话,也不知道还要不要管,晕晕乎乎的兼容性引用在元素浮动,如果宽度需要内容撑开,就给里边的块元素都加浮动例左侧右侧给它设置显示如下解决办法在下元素要通过浮动并在同一行,就给这行元素都加浮动例样式结果解决都浮动注意标签嵌套规范例...

    _DangJin_DangJin 评论0 收藏0
  • JQuery基础修炼-事件篇

    JQuery基础修炼-事件篇

    摘要:目录第章事件介绍第章鼠标事件第章表单事件第章键盘事件第章事件的绑定和解绑第章事件对象的使用第章自定义事件与事件用交互操作中,最简单直接就是点击操作。提供了两个方法一个是方法用于监听用户单击操作,另一个方法是方法用于监听用户双击操作。 ...

    yy13818512006yy13818512006 评论0 收藏0

热门文章

<