文章库ARTICLE COLUMN

  • 关于inline-block和float的对比

    关于inline-block和float的对比

    摘要:关于当把元素的属性设置为时可以是元素变成行级元素前后不换行但是还可以设置一些块级元素的属性,从而实现元素的并列。 关于inline-block 当把元素的display属性设置为inline-block时可以是元素变成行级元素(前后不换行)但是还可以设置一些块级元素...

    Paul_KingPaul_King 评论0 收藏0
  • CSS篇之巧用line-height

    CSS篇之巧用line-height

    摘要:公司一个页面中的一个样式如下,使左边文字竖直排列且水平垂直居中代码已中止一般情况,我会用如上或者用使文字竖直排放看起来居中,但是这样不够智能或显得比较冗余。 公司一个页面中的一个样式如下,使左边文字竖直排列且水平垂直居中:showImg("htt...

    dendoinkdendoink 评论0 收藏0
  • 雪碧图的生成

    雪碧图的生成

    摘要:写在开头的话最近参加了的一个任务自定义,样式,花了半天时间,摸索出了一条制作雪碧图的路径,跟大家分享,如果有更好的制作雪碧图的方法,希望告知一下,在此感谢。 写在开头的话 最近参加了2017ife的一个任务----自定义checkbox, radio样式,花了...

    zhonghanwenzhonghanwen 评论0 收藏0
  • 如何实现一个 LazyMan?

    如何实现一个 LazyMan?

    摘要:实现一个,可以按照以下方式调用输出输出等待秒输出输出等待秒以此类推。这是典型的流程控制,问题的关键是如何实现任务的顺序执行。 实现一个LazyMan,可以按照以下方式调用: LazyMan(Hank)输出: Hi! This is Hank! LazyMan(H...

    tianyutianyu 评论0 收藏0
  • 不可变数组的范围求和

    不可变数组的范围求和

    摘要:二维表二维表可以将每一对完全映射一个值,这样的话,空间复杂度变成了,记得我们前面说了,这个数组可能会很大,有个元素,如果用这样的映射表,内存就溢出了。 给定一个整数数组 nums,计算出从第 i 个元素到第 j 个元素的和 ( i ≤ j ),包括 nums[...

    BicycleWarriorBicycleWarrior 评论0 收藏0
  • 一道常被人轻视的前端JS面试题

    一道常被人轻视的前端JS面试题

    摘要:若有返回值则检查其返回值是否为引用类型。之后调用实例化对象的函数,因为在构造函数中没有为实例化对象添加任何属性,遂到当前对象的原型对象中寻找,找到了。最终实际执行为先初始化的实例化对象,然后将其原型上的函数作为构造函数再次。 此题是用...

    UCloudUCloud 评论0 收藏0
  • 一个超级诡异的 iOS Safari `position: fixed` 失效问题

    一个超级诡异的 iOS Safari `position: fixed` 失效问题

    摘要:因为组件需要全屏展示,所以我设置了如下的同时,对原本的,我给它加上,避免弹出虚拟键盘。获取输入焦点之后,虽然没有弹出虚拟键盘,但仍然是待输入状态。 首发我的博客,两边同步更新。 先说需求。东家让我做个日历组件,在手机 Web 上用。组件的样...

    robinrobin 评论0 收藏0
  • flex-box 速记表

    flex-box 速记表

    启动 flex-box: 父元素设置 display: flex; 或 display:inline-flex; flex container: 父元素显示设置 display: flex flex item:flex container 中的子元素 flex 容器属性: flex-direction:控制 flex 元素沿着 main-axis 的排列方向 row:默认值,f...

    haoguohaoguo 评论0 收藏0
  • 我眼中的Web 语义化

    我眼中的Web 语义化

    摘要:语义化的页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息,从而可以读懂网页的内容,然后将收集汇总的信息进行分析,结果为人类所用另一方面它可以让开发人员读懂结构和用户以及屏幕阅读器如果访客有视障能够读懂内容。 我眼中的Web ...

    zhichangterryzhichangterry 评论0 收藏0
  • CSS hack合集

    CSS hack合集

    摘要:本来已经抛弃了,可是最近发现要考虑兼容性的网站还是有不少的,所以这两天了解了一下,在这里简单地总结一下合集参考资料全解,最齐全的方式讲解 本来已经抛弃IE6|7|8了,可是最近发现要考虑IE兼容性的网站还是有不少的,所以这两天了解了一下CSS HAC...

    e10101e10101 评论0 收藏0
  • html中块级元素和行级元素的对比

    html中块级元素和行级元素的对比

    摘要:不能包含其他元素但是内联元素中有一些是替换元素浏览器在加载时根据属性的设置最后确定样子,可以设置宽高等属性,例如,块级元素和内联元素的转换设置设置元素浮动设置元素的 关于块级元素和行内元素(内联元素的对比) 两种元素的比较 块级元素: ...

    JiavanJiavan 评论0 收藏0
  • vue第二天

    vue第二天

    这次用vue做的是百度下拉菜单,知识总结 1、事件:事件都是通过v-on:绑定,简写就是@2、属性:都是通过v-bind:绑定,除了style和class,简写就是用冒号 :,class和style有点不同:说白了就是class里面可以扔数组也可以扔json 3、阻止冒泡: @click.stop="sho...

    rollbackrollback 评论0 收藏0
  • css 背景和渐变

    css 背景和渐变

    css 背景和渐变 background 背景 所有背景属性都不能继承 在CSS2.1里,background属性的简写方式包含五种属性值 – background-color, background-image, background-repeat, background-attachment, and background-position CSS3开始,又增加了3个新的属...

    k00baak00baa 评论0 收藏0
  • gulpJs使用总结

    gulpJs使用总结

    摘要:通常情况下我们不需要用到。为任务名请不要在名字中使用空格是当前定义的任务需要依赖的其他任务,为一个数组。为要监视的文件匹配模式,规则和用法与方法中的相同。 1.gulp安装 1.首先确保你已经正确安装了nodejs环境。然后可以全局方式安装gulp: $ ...

    chadLichadLi 评论0 收藏0
  • css 特殊属性

    css 特殊属性

    摘要:特殊属性继承可以用在任何属性中而且它总是绑定到父元素的计算值对伪元素来说则会取生成该伪元素的宿主元素颜色关键字自动地从文本颜色那里得到颜色因为本身就是很多颜色属性的初始值比如和以及和的颜色值等等。 css 特殊属性 inherit 继承 可以用在...

    pumpkin9pumpkin9 评论0 收藏0
  • css 边框

    css 边框

    摘要:创建出的假边框出现在元素的外圈,并不会响应鼠标事件比如悬停或点击。给属性加上关键字来使投影绘制在元素的内圈。图请注意此时你需要增加额外的内边距来腾出足够的空隙。 css 边框 半透明边框 border: 10px solid hsla(0,0%,100%,.5); background: ...

    cgh1999520cgh1999520 评论0 收藏0
  • 10行 JavaScript 实现文本编辑器

    10行 JavaScript 实现文本编辑器

    摘要:但是,现在我只需要一个很基本的内容输入内容编辑的功能,如粗体斜体列表对齐等。的作用相当神奇,可以让或整个网页,以及等等元素设置为可编辑。现在,事情就很简单了,我们把要执行的命令放到属性中,然后编写简单的都可以很容易地完成编辑器功能了。...

    YJNldmYJNldm 评论0 收藏0
  • 页面的缓存与不缓存设置

    页面的缓存与不缓存设置

    摘要:如果需要在页面上设置不缓存,这在标签中加入如下语句附页面中的作用是用来在文档中模拟协议的响应头报文。标签用于网页的与中,标签的用处很多。 如果需要在html页面上设置不缓存,这在标签中加入如下语句: 1 2 3 附:html页面中meta的作用   ...

    RiverLiRiverLi 评论0 收藏0
  • css选择器总结

    css选择器总结

    摘要:伪类选择器之动态伪类序号选择器名称说明版本动态伪类选择器未被访问时动态伪类选择器已被访问时动态伪类选择器鼠标以上时动态伪类选择器访问中跳转页面时动态伪类选择器获得焦点时是有顺序的,其他顺序可能无效,这是个坑。 1. 基本选择器 序号 选...

    DirtyMindDirtyMind 评论0 收藏0
  • JQ笔记

    JQ笔记

    摘要:选择器基本筛选选择器匹配第一个元素匹配最后一个元素去掉不匹配的选择器元素在匹配的集合中选择索引值为的元素选择匹配集合中所有大于给定索引值的元素选择索引值为偶数的元素,从开始计数选择索引值为奇数的元素,从开始计数选择匹配集合中所有索引值...

    yanbingyun1990yanbingyun1990 评论0 收藏0
  • css block多列同高

    css block多列同高

    摘要:在中如果分别用几个来存放内容,且内容量不同,设置同宽未设同高时,常常出现高度不同样式不美观的问题,可以统一高度来解决,还有一种办法利用和正负值抵消设置父容器设置超出隐藏,这样子父容器的高度就还是它里面的列没有设定时的高度,当它里 在cs...

    xumengerxumenger 评论0 收藏0
  • css清除浮动clearfix:after

    css清除浮动clearfix:after

    摘要:加入的这个元素转换为块级元素。清除左右两边浮动。可见度设为隐藏。注意它和是有区别的。仍然占据空间,只是看不到而已行高为高度为字体大小为这是针对于的,因为不支持伪类,这个神奇的让的元素可以清除浮动来包裹内部元素。 如果外部有一个div容器...

    wh469012917wh469012917 评论0 收藏0
  • 点击一列显示其index的三种方法

    点击一列显示其index的三种方法

    摘要:下面这个,如何点击每一列的时候其这是第一条这是第二条这是第三条第一种方式,加入属性方法二方法,使用闭包的方式 这是第一条 这是第二条 这是第三条 //第一种方...

    red_bricksred_bricks 评论0 收藏0
  • 一个简单的选项卡js插件

    一个简单的选项卡js插件

    摘要:今天写一个简单的选项卡插件,这个我也是看别人博文学习实现的,然后加一些自己的理解。一实现效果虽说有点简陋,但是可以看到在文件中,引入我们写的插件后,实现选项卡切换,就只需一行代码就可以实现了。 估计大概两三个月没有这类的关于前端的文章...

    funnyZhangfunnyZhang 评论0 收藏0
  • mobile-pull-to-refresh: 移动端下拉刷新控件

    mobile-pull-to-refresh: 移动端下拉刷新控件

    摘要:移动端下拉刷新控件体积小无依赖预览请在手机版中查看或打开版的手机模拟器样式样式样式如何使用安装引入和代码请查看例子中的文件调用许可友情鸣谢 Github: https://github.com/fenivana/p... Pull to refresh 移动端下拉刷新控件. 体积小无依赖. 预...

    ispringispring 评论0 收藏0

热门文章

<