文章库ARTICLE COLUMN

  • H5仿手Q左滑删除功能组件

    H5仿手Q左滑删除功能组件

    摘要:背景前不久遇到一个需求,列表页实现左滑删除功能。首先对下文有关滑块的指代标识做出统一规定体验了一下手原生滑动功能,在此之前对于滑块的具体动效提出了几个问题。最终效果组件源码后话同事反馈没有给滑动开始或完成时暴露一个自定义事件的接口。。...

    laznrbfelaznrbfe 评论0 收藏0
  • 六位字符密码输入器

    六位字符密码输入器

    摘要:另外,我们需要把顶层的真是输入框设为,这样其实呈现在用户面前的就是这一组伪造的输入框啦。然后在用户输入时分别将用户输入输入到伪造输入框中最后我们输入密码当然是要获取的啦,来一个获取最终值的方法 老规矩~ 上DEMO,过过瘾先:六位字符密码输...

    Codeing_lsCodeing_ls 评论0 收藏0
  • 关于touch和web端的CSS说明

    关于touch和web端的CSS说明

    摘要:内容不会被修剪,会呈现在元素框之外。内容会被修剪,并且其余内容是不可见的。内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。规定应该从父元素继承属性的值。 什么是Viewport 手机浏览器是把页面放在一个虚拟的窗口(viewport)中,...

    BamboyBamboy 评论0 收藏0
  • CSS Selectors from CSS4 till CSS1

    CSS Selectors from CSS4 till CSS1

    摘要:此文只会举例常见的选择器从到的进阶注意是选择器噢,对做详解具体所有的选择器规范可在查看全是英文,但有例子跟演示结果,易懂懒的编辑了,贴一下我的订阅号地址吧链接描述 此文只会举例常见的css选择器从1到4的进阶注意是选择器噢,对css4做详解具...

    CaizhenhaoCaizhenhao 评论0 收藏0
  • 移动前端知识总结

    移动前端知识总结

    摘要:基础知识页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对的版本以后,上已看不到效果将网站添加到主屏幕快 meta基础知识H5页面窗口...

    gothamgotham 评论0 收藏0
  • sass基础

    sass基础

    摘要:基础之前在项目中用的最多的就是嵌套省事好多,其他功能没怎么用,今日重拾,想用得漂亮点,所以再去啃啃,当巩固下基础。,记录下自己对的理解。假如两个元素在某些样式上一致,可以用继承。在某个程度上和有点像,定义一段公共函数,再通过调用。 sa...

    TANKINGTANKING 评论0 收藏0
  • Chrome 53 Beta一些有意思的改动

    Chrome 53 Beta一些有意思的改动

    摘要:那些嵌入了第三方内容的站点需要确保引入的样式不会影响到已有的应用。这项技术提高了那些大型或者有很多组件站点的可维护性。相较于有一些重大变化,并且已经得到主要的浏览器厂商的认可。为支持添加了响应头支持的而被废弃。 原文链接: http://blog...

    lifefriend_007lifefriend_007 评论0 收藏0
  • 字体显示方案

    字体显示方案

    摘要:浏览器默认方案浏览器加载字体完成之前,文本默认是不显示的,这种情况通常叫做。具体浏览器是怎么弄的,参考在指定字体加载完成前用字体先为相应的元素设置字体然后用监听字体加载,在加载完成的时候可以为相应的元素添加新的解决方案相关阅读使用 此...

    codeGooglecodeGoogle 评论0 收藏0
  • 聊聊Ajax那些事

    聊聊Ajax那些事

    摘要:年初,许多事件使得被大众所接受。这使得应用程序更为迅捷地响应用户交互,并避免了在网络上发送那些没有改变的信息,减少用户等待时间,带来非常好的用户体验。调用方法后立即触发,若未被调用则不会触发此事件。 了解Ajax的起源、概念及特点 起源 ...

    v1v1 评论0 收藏0
  • 简单的  js控制逐步显示文字输出

    简单的 js控制逐步显示文字输出

    摘要:恶趣味发作,写篇博客压压惊今天清理书签,突然就点到了一个关于知乎五周年的网页,这帮程序员的脑子真有趣,就算是保存一年后再看也还是觉得好有趣,下边是一个截图这个网页展示了一个类似接口的小窗口,文字逐步输入,并且还伴随一些有点炫的动画,为...

    nanchen2251nanchen2251 评论0 收藏0
  • Bootstrap 之 Metronic 模板的学习之路 - (1)总览

    Bootstrap 之 Metronic 模板的学习之路 - (1)总览

    摘要:写在前面的模板非常多,上有着各种各样的免费及付费模板。概述是一个基于设计的自适应多用途的管理后台模板。下一篇之模板的学习之路源码分析之部分 写在前面 bootstrap 的模板非常多,Envato 上有着各种各样的免费及付费模板。Metronic 是我最喜欢的...

    stackfingstackfing 评论0 收藏0
  • zanshi

    zanshi

    showImg(https://segmentfault.com/img/bVAoih);

    I_AmI_Am 评论0 收藏0
  • 【译】表单组件的属性兼容性表

    【译】表单组件的属性兼容性表

    摘要:系列文章说明原文下面的兼容性表将总结出表单对的支持程度,由于和表单的复杂性,这几个表不能认为是最佳的参考对象。该属性不能生效,或者表现很不一致以至于不可靠。在表单组件上,不支持该属性。按钮属性备注该属性不会在上的浏览器上生效。 系列...

    李文鹏李文鹏 评论0 收藏0
  • JS实现轮播图思路整理

    JS实现轮播图思路整理

    摘要:结构层表现层实现原理通过改变图片的偏移量来实现图片的切换实现步骤通过获取页面需要操作的元素获取轮播图父容器获取图片列表获取图片切换圆点按钮获取向左切换箭头获取向右切换箭头实现左 html结构层 ...

    Anonymous1Anonymous1 评论0 收藏0
  • CSS 特殊性详解

    CSS 特殊性详解

    摘要:特殊性我们可以用很多种写法来定位一个元素,而选择器的特殊性值则是决定哪一个胜出的关键。选择器的特殊性值其实很简单,就是的形式。按照特殊性对应用到给定元素的所有声明排序。有较高特殊性的元素权重要大于有较低的特殊性的元素。 之前学CSS一直...

    Lucky_BoyLucky_Boy 评论0 收藏0
  • 使用CSS画三角形

    使用CSS画三角形

    摘要:说到这里,大家该明白了上面的三角形图标是怎么来的了吧元素没有下边框,而左右边框又是透明的,相当于只有上图中的上面的黑色三角形部分。所以,如果我们要做倒立三角形向右的或者向左的三角形,只需要为三角形底部设置边框,两腰边框透明即可。 原文...

    lifesimplelifesimple 评论0 收藏0
  • H5打造属于自己的视频播放器(HTML篇)

    H5打造属于自己的视频播放器(HTML篇)

    前言 众所周知,16年无疑是直播行业的春天,同时也是H5的一次高潮。so,到现在用H5技术在移动端做网页直播也是见怪不怪了,但是!!!今天我们的主角是webApp下播放视频参考文献:1)HTML5+CSS3+JQuery打造自定义视频播放器2)mui Html5 Video 实现方案3)移动...

    nevermindnevermind 评论0 收藏0
  • 恶心的兼容问题:完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的问题

    恶心的兼容问题:完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的问题

    摘要:但是此新标签在上并不能识别,需要进行处理。方式一如果是以下的浏览器将创建标签,这样非浏览器就会忽视这段代码,也就不会有无谓的请求了。 HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立...

    RaoMengRaoMeng 评论0 收藏0
  • flex布局踩过的那些坑

    flex布局踩过的那些坑

    摘要:接下来说说我踩过的那些坑布局版本兼容问题布局自提出之后,变化过好几个版本标志标志标志新增了对项的规定草案阶段兼容方案父级布局不用考虑其他属性都对应相关的版本方案,目前项目中是只写最新的方案,由自动添加兼容方案。 接触H5项目后,开始了解...

    刘玉平刘玉平 评论0 收藏0
  • 从隐藏元素谈起

    从隐藏元素谈起

    摘要:前言说起隐藏元素我想每一个前端都能说起几种,但能说全的我想就不是很多了。因此,元素依然存在原来的位置,占据空间也可响应事件。占据空间,无法点击如同属性,被隐藏的元素依然会对我们的网页布局起作用。 前言     说起隐藏元素我想每一个前...

    XanaHopperXanaHopper 评论0 收藏0
  • 让IE兼容background-size的方法_background-size ie下使用

    让IE兼容background-size的方法_background-size ie下使用

    摘要:,,下对并不支持,那么如何在下兼容呢在下把图片完整的居中显示在一定范围内在中添加如下代码图片地址下面给出完整的实例代码让兼容的方法图片地址图片地址原文地址 ie6,ie7,ie8下对css background-size并不支持,那么如何在ie下兼容background-siz...

    fox_soyoungfox_soyoung 评论0 收藏0
  • 又一篇:ie8兼容background-size?

    又一篇:ie8兼容background-size?

    摘要:方法一不能指定任意大小百分比,可用,用于单张图片不能使用图片精灵等拼图,要引用绝对路径图片,兼容,方法二这个链接直接提取下载我把这个文件放在文件夹目录下。 方法一: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="imag...

    JasonZhangJasonZhang 评论0 收藏0
  • border-radius 兼容ie

    border-radius 兼容ie

    摘要:绝对的五值一定要比周围元素的要高,否则只能说抱歉了附加一条连接让支持的种方法 IE兼容CSS3圆角border-radius的方法(同时兼容box-shadow,text-shadow)IE兼容CSS3圆角border-radius,box-shadow,text-shadow的方法 1.下载ie-css3.htc:http://www....

    gekylingekylin 评论0 收藏0
  • web开发小记1:谷歌字体

    web开发小记1:谷歌字体

    摘要:标签今天开发的时候,遇到一个问题,就是在谷歌浏览器上发现使用设置字体的大小时候,在字体小于的时候,不起作用。 标签: web 今天开发的时候,遇到一个问题,就是在谷歌浏览器上发现使用font-size设置字体的大小时候,在字体小于12px的时候,不起...

    dkzwmdkzwm 评论0 收藏0
  • web开发小记2:js触发css过渡

    web开发小记2:js触发css过渡

    标签: css 今天开发遇到了而一个问题,就是用原生的JavaScript实现jQuery的fadein效果。 fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的 我的具体思路如下: 首先解决入的问题:这个主要使用display实现就可以 淡入:使用css3的transitio...

    snowellsnowell 评论0 收藏0

热门文章

<