文章库ARTICLE COLUMN

  • 一道常被人轻视的前端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
  • sass简单总结(1)

    sass简单总结(1)

    摘要:最近在看,做了一下最近的总结嵌套选择器,属性区别联合声明无参数适用和拷贝有参数适用。也请各位前辈多多补充修正。 最近在看sass,做了一下最近的总结 1、嵌套(选择器,属性) 2、区别:@extend(联合声明--无参数适用)和@mixin(拷贝--有参数适...

    xiongzenghuixiongzenghui 评论0 收藏0
  • 关于页面优化

    关于页面优化

    摘要:作为一名前端工程师,能做的优化有哪一些呢主要包括两方面页面性能与代码可维护性。 作为一名前端工程师,能做的优化有哪一些呢?主要包括两方面:页面性能与代码可维护性。 HTML篇 减少不必要的嵌套 适当且精简的id/class名称 有意义地使用id(利用...

    luckywluckyw 评论0 收藏0
  • React事件

    React事件

    摘要:在中使用原生事件在中使用原生事件级事件和。的合成事件实现中,仅仅对最外层容器进行绑定,并且依赖事件冒泡完成事件委派,避免了事件捕获的浏览器不兼容特性。 Event Handler ----React事件 React中的事件包括合成事件和原生事件,React底层对合成事...

    CciradihCciradih 评论0 收藏0
  • 前端开源项目周报0221

    前端开源项目周报0221

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

    leanoteleanote 评论0 收藏0
  • Bootstrap清除浮动的实现原理

    Bootstrap清除浮动的实现原理

    摘要:当中包含属性时,如果没有包含空格,会造成清除浮动元素的顶部底部有一个空白设置也可以解决这个问题。这样做,其一是为了和其他清除浮动的方式的效果保持一致其二,是为了与下设置后的效果一致即阻止合并的效果。 Boostrap清除浮动的css如下: .clear...

    刘德刚刘德刚 评论0 收藏0

热门文章

<