文章库ARTICLE COLUMN

  • 原生js实现架子鼓特效

    原生js实现架子鼓特效

    摘要:如果当前的元素变化的属性名称不是,如果条件成立的话,并终止运行,如果条件不成立会运行下一行代码。 这是代码完成的效果,按下abcd会出现对应的架子鼓音乐的效果。 简单的介绍下代码思路,html和css部分就不多说了。 重要的是js部分。 大致是这样的...

    tain335tain335 评论0 收藏0
  • (30个原生js挑战)原生js实现钟表

    (30个原生js挑战)原生js实现钟表

    摘要:紧接着昨天的实例,第二个是原生实现钟表特效。然后根据钟表中,角度和时间的算法关系。需要注意的是,我的算法和之前的算法不一样,这个可以根据自己的想法实现,实现的效果是不一样的。首先知道钟表是,然后根据一个小时,来算出各个针的角度。 紧接...

    pcChaopcChao 评论0 收藏0
  • 技术栈的沉淀

    技术栈的沉淀

    摘要:我是一个从,,到的比较常规的技术栈过渡过程。第一授权,微信授权分为静默授权和弹皮授权目的就是获取用户信息取得用户的唯一以便业务的开发。 我也是一个经历过柴米油盐酱醋茶、尝过酸甜苦辣咸的前端程序员。知道前端的东西入门简单,有深度却很难;...

    JerryWangSAPJerryWangSAP 评论0 收藏0
  • JQuery表单验证(包括:用户名,手机号,密码,确认密码,验证码60s)

    JQuery表单验证(包括:用户名,手机号,密码,确认密码,验证码60s)

    摘要:每个项目中都会有登录注册模块的一些验证。比如说用户名我们要验证位数和是否符合用户名规则密码要验证字母开头,长度,是否包含下划线等等,这里我总结了一下常用的验证规则,用的是项目中用到的和如果自己用到的话要对名称做相应的修改。 每...

    szyskyszysky 评论0 收藏0
  • 在手机自带浏览器遇到的一个关于position的坑,absolute设置的位置没出现在预期

    在手机自带浏览器遇到的一个关于position的坑,absolute设置的位置没出现在预期

    摘要:结构是这样的样式是这样的但是发现在一些浏览器上并没有距离底边而是距离的底部我的解决方法是我觉得肯定还有其他的解决办法,一时没想到,想着向大家学习下,看看其他的解决办法 结构是这样的 something 样式是这样的 .box { position: rela...

    233jl233jl 评论0 收藏0
  • A Beginner’s Introduction to CSS Animation中文版

    A Beginner’s Introduction to CSS Animation中文版

    摘要:示例或者简写上面的代码将实现一个元素不透明度的过度,从到。接着,给添加默认的样式定义现在,我们来创建一个有五个阶段的应用动画定义完我们的动画,我们还需要将动画应用到上现在动画的状态是动画名称为。 现在越来越多的网站正在使用动画,无论是...

    _DangJin_DangJin 评论0 收藏0
  • 如何用 html 和 css 画一拳超人

    如何用 html 和 css 画一拳超人

    摘要:在绘制琦玉的头像时,最重要的一个属性就是,我们用它可以画出圆形椭圆及各种变体。以下的样式能够画出琦玉的脸部形状在调整后,可画出眼鼻嘴的形状介绍属性也是一个很强大的属性,能够对元素做各种变形。 写这篇博客的起因是我看了Medium上的这篇文章...

    wuyangchunwuyangchun 评论0 收藏0
  • 微信样式组件遇到的小坑

    微信样式组件遇到的小坑

    摘要:在引入官方的文件时,不起作用,如图然后我们来看下页面的效果然后经过一番作死之后,我把下划线改成了中隔线,上代码看看效果效果如下图纯属个人小分享,请大牛略过 在引入官方的文件时,不起作用,如图:showImg("https://segmentfault.com/img/bVMp...

    lushanlushan 评论0 收藏0
  • img之间有空隙的问题

    img之间有空隙的问题

    摘要:之间有空隙的问题在中纯放图片出现的是图片之间有的间隙给加高度也无效解决图片间有空隙方法如下直接加样式当然在某些情况下无效比如我要加三个图片上中下中间的图片是设为背景发现用此方法无效只是上和中的图片空隙没了而下与中之间还存在方法很简单把...

    cuieneycuieney 评论0 收藏0
  • DataTables表格插件使用说明

    DataTables表格插件使用说明

    摘要:简介与的作用一样,比更漂亮是一款表格插件。它是一个高度灵活的工具,可以将任何表格添加高级的交互功能。 DataTables简介 与EasyUI的Datagrid作用一样,比easyui更漂亮 Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表...

    weijweij 评论0 收藏0
  • 安卓开源项目周报0419

    安卓开源项目周报0419

    摘要:由出品的安卓开源项目周报第十七期来啦。我们的安卓开源周报集合了一周来新收录的优质的安卓开源项目,方便安卓开发人员便捷的找到自己需要的项目工具。 由OpenDigg 出品的安卓开源项目周报第十七期来啦。我们的安卓开源周报集合了OpenDigg一周来新收...

    ShihiraShihira 评论0 收藏0
  • 如何深入使用scss开发一个简单页面

    如何深入使用scss开发一个简单页面

    摘要:本文将从常规开发的角度,深入使用一些的语法。一步一步开始吧第一步有图有真相首先从设计姐姐拿到一个标记过的文件。问题移动兼容性如果使用单位,在不同的手机上会出现图标位置错位。注意这里推荐使用,而不是进行缩放。方法二中使用百分比单位。 本...

    RockoRocko 评论0 收藏0
  • 前端魔法堂:解秘FOUC

    前端魔法堂:解秘FOUC

    摘要:前言对于问题多多的,浏览器样式闪烁是一个不可忽视的话题,但对于的浏览器就不用理会了吗下面尝试较全面地解密。示例说明,不管在哪里引入,在页面的所有下载完成前,整个页面将不会被渲染。 前言  对于问题多多的IE678,FOUC(flash of unstyled con...

    DeanDean 评论0 收藏0
  • css的结构与布局

    css的结构与布局

    摘要:实际上表示视口宽度的,而不是。同样,表示视口高度的当视口宽度小于高度时,等于,否则等于。基于的方法这种应该算是最佳的解决办法实现方法当使用布局时,使用在水平和垂直方向都会居中。 1.自适应内部元素 在css中,不给元素一个height值时,元素会...

    GeekQiaQiaGeekQiaQia 评论0 收藏0
  • margin详解

    margin详解

    摘要:属性指定了盒的区的宽度。简写属性一次性设置四周的,而其它属性只设置它们各侧的。 margin属性指定了盒的margin区的宽度。margin简写属性一次性设置四周的margin,而其它margin属性只设置它们各侧的。这些属性适用于所有元素,但非替换行内元素上的竖...

    stonezhustonezhu 评论0 收藏0
  • 彻底弄懂css中单位px和em,rem的区别

    彻底弄懂css中单位px和em,rem的区别

    摘要:是相对长度单位。相对于当前对象内文本的字体尺寸。引自手册特点是新增的一个相对单位,根,这个单位引起了广泛关注。目前,除了及更早版本外,所有浏览器均已支持。对于不支持它的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。 国内的设计...

    saucxssaucxs 评论0 收藏0
  • css float的深入研究

    css float的深入研究

    摘要:去年就看到张鑫旭大神的这篇文章,看了好几遍才看懂。而对于使用脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。而这造成的显示上的差异就是文档流中的文字实体不会与浮动元素重叠,而会与绝对定位元素重叠。 去年就看到张鑫旭大神的这篇文...

    TonyTony 评论0 收藏0
  • APICloud案例源码、模块源码、考试源码、开发工具大集合!赶快收藏

    APICloud案例源码、模块源码、考试源码、开发工具大集合!赶快收藏

    摘要:认证考试往期实例源码合集认证考试往期实例源码合集,本集合内集成了的认证考试考前资源和演示的源码,供开发者参考学习。扩展模块源码合集扩展模块源码合集内含和,收集一些遵循模块扩展机制开发的扩展模块源码,包括官方模块和个人开发者的模块。 AP...

    myshellmyshell 评论0 收藏0
  • css层叠样式优先级

    css层叠样式优先级

    摘要:层叠优先级是浏览器默认样式外部样式表内部样式表内联样式而样式表的优先级又是比较同一级别的个数,数量多的优先级高,如果相同即比较下一级别的个数,至于各级别的优先级如下选择器类选择器标签选择器通配符选择器 层叠优先级是: 浏览器默认样式 < ...

    ScorpionScorpion 评论0 收藏0
  • 基于vue.js的图片预览组件2.0.1

    基于vue.js的图片预览组件2.0.1

    基于vue.js的图片预览组件 Github github 安装 npm install enlargeimg --save-dev import enlargeimg from "enlargeimg"; 基础用法 export default { name: "hello", data () { return { ...

    kelvinleekelvinlee 评论0 收藏0
  • classList属性

    classList属性

    摘要:为每个元素定义了属性,用于在元素中添加,移除及切换类。该属性是对象一个只读的类数组对象,你可以通过定义的方法对其进行修改。 HTML5为每个元素定义了classLlist属性,用于在元素中添加,移除及切换 CSS 类。该属性是 DOMTokenList 对象(一个只读...

    lewiflewif 评论0 收藏0
  • 浅谈px,em与rem

    浅谈px,em与rem

    摘要:关于表示像素计算机屏幕上的一个点,是绝对单位,不会因为其他元素的尺寸变化而变化关于任意浏览器的默认字体高都是。有如下特点的值并不是固定的会继承父级元素的字体大小。避免字体大小的重复声明。所有未经调整的浏览器都符合。 关于px px表示像素 ...

    YujiaaoYujiaao 评论0 收藏0
  • 分布式文件系统Ceph

    分布式文件系统Ceph

    摘要:特别是讨论了算法的基本理后,就更容易理解分布式文件系统中各种角色的工作原理。接下来我们使用工具在将要参与分布式文件系统的各个节点上,安装软件。注意,为了保证节点故障的情况下,整个分布式文件系统依然可以稳定工作,我们必须设置多个角色。 ...

    DobbyKimDobbyKim 评论0 收藏0
  • VUE,关于导航列表样式切换(VUE Router:router-link-active)

    VUE,关于导航列表样式切换(VUE Router:router-link-active)

    摘要:在自己入门学习的笔记中也有提及第一种中我们通常采用将当前选中的项目解除被选中的样式为选中的条目添加被选中的样式非常简便,需要,并在中配置。但学,还是用其本身的与绑定最好。第四种也是最官方,最简单的。 showImg("https://segmentfault.com/...

    figofuturefigofuture 评论0 收藏0
  • 常用CSS布局

    常用CSS布局

    摘要:此时,是不好用的,因为它只能应用于清除左侧或右侧的浮动。而是傲娇的小公举,有她自己的布局规则内部的会在垂直方向,一个接一个地放置。用来在内部元素超出时显示进度条。这样在页面高度变化,或者内部的高度变化时,都始终可以保持正常的三行布局。...

    mikasamikasa 评论0 收藏0

热门文章

<