文章库ARTICLE COLUMN

  • JQuery干货篇之处理元素

    JQuery干货篇之处理元素

    摘要:表示要设置的属性名称,返回值就是要设置的属性值实例设置字体大小使用相对值设置属性值,在原有的基础上加上获取标签的字体同时设置多个属性方法方法设置或返回被选元素的文本内容。 JQuery干货篇之处理元素 注意这里用的还是我前两篇用的例子,详情...

    tuantuantuantuan 评论0 收藏0
  • 用hexo搭建了我的线上博客

    用hexo搭建了我的线上博客

    摘要:前言看见好多人的博客下面都有的标志,所以我就想他们是怎么有这么样的一个又精美,又简单的线上博客呢抱着这样的心理,就去了发现了是有一个的基于的开发部件。如果你也想搭建这么一个博客我们也可以聊聊吹吹牛逼 前言 看见好多人的博客下面都有hexo...

    dinferdinfer 评论0 收藏0
  • 前端之HTML学习

    前端之HTML学习

    摘要:对基础有个全面的印象因为以后的升级学习离不开基础作为支持。作为新生的你,需要学习的是究竟该要查询什么关键词。最后再啰嗦一句,学习编程语言一定要避免手懒,只看不敲。 HTML学习 请带着以下几个问题进行学习: 什么是HTML、HTML文档类型起到...

    lemanlilemanli 评论0 收藏0
  • 等比例等间距布局实例

    等比例等间距布局实例

    摘要:这是一个很常用的布局,这里给出一种实现方案代码实现效果解析子元素等分排满屏幕宽度,父元素设置子元素设置,意思是宽度自动填满剩余空间,如果有多个并列子元素,会按照数值等比分配空间子元素间隔相等,所有子元素设置,第一个子元素使用伪类设 这...

    VickyVicky 评论0 收藏0
  • Sticky Footer 粘性底部-让底部一直在页面最下面

    Sticky Footer 粘性底部-让底部一直在页面最下面

    摘要:具体实例页面请看方法一绝对定位并加一层父元素不识别页面头部页面主体内容页面底部方法二绝对定位以为父元素页面头部页面主体内容页面底部方法三加负值上边距页面头部页面主体内容页面底部 具体实例页面请看github 方法一:footer绝对定位-并加一层父...

    ethernetethernet 评论0 收藏0
  • 原生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

热门文章

<