文章库ARTICLE COLUMN

  • 面试前端时遇到的CSS题目

    面试前端时遇到的CSS题目

    摘要:昨天面试了本地的一家公司,面试的前端。行内元素,不可设置宽高其实正确答案应该是设置无效,单行显示直到一行排列不下,才会换新一行。头部有固定的高度像素,内容容器是像素而侧边栏是像素。它根据条件告诉浏览器如何为指定视图宽度渲染页面。 昨天...

    kycoolkycool 评论0 收藏0
  • 渐进增强与优雅降级

    渐进增强与优雅降级

    摘要:代码展示渐进增强优雅降级带前缀的个满足了大部分浏览器,而不带前缀的只有最新的一部分浏览器才支持。如何选择渐进增强观点认为应关注于内容本身。优雅降级观点则认为应该针对那些最高级最完善的浏览器来设计网站。 1.代码展示 /*渐进增强*/ ...

    only_doonly_do 评论0 收藏0
  • 前端开源项目周报0328

    前端开源项目周报0328

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

    novonovo 评论0 收藏0
  • HTML 邮件兼容问题与解决方案

    HTML 邮件兼容问题与解决方案

    摘要:因为微软一向地特立独行,使得成为了最难啃的骨头。这就意味着邮件中几乎只有这几个元素,尽量避免使用或是其他标签。 HTML 邮件内容虽然也是 HTML,但是和我们在网页上使用的 HTML 不同,因为安全原因,各大邮箱服务商及邮件客户端都会对邮件内容进行...

    CheriselalalaCheriselalala 评论0 收藏0
  • 干掉F5,无需配置轻松实现浏览器页面自动刷新

    干掉F5,无需配置轻松实现浏览器页面自动刷新

    摘要:摘要在写页面的时候大家肯定都干过这种事情先在编辑器里改一个属性,保存再切回浏览器刷新页面看效果。本文介绍了一种让检测文件变化让浏览器自动刷新的办法,无需配置,操作简单。 摘要 在写web页面的时候大家肯定都干过这种事情:先在编辑器里改一个...

    yangrdyangrd 评论0 收藏0
  • 前端入门教程——纯css制作二级菜单

    前端入门教程——纯css制作二级菜单

    摘要:首先,需要声明的是本教程是写给初级者参考的,如果您已经有一定的基础请直接忽略吧二级菜单是网站开发中很常见的功能模块,但是对于初级者来说却还是有些困难,下面我就拿几个常见的案例来讲好了。 首先,需要声明的是本教程是写给初级者参考的,如果...

    freecodefreecode 评论0 收藏0
  • 两种优雅的CSS3垂直居中方法

    两种优雅的CSS3垂直居中方法

    摘要:摘要面向现代浏览器,已经提供了很好的方法实现垂直居中,本文介绍了其中两种常用的方法,无需借助额外的结构或代码,纯实现垂直居中,并且在国内的设备上都可以兼容。 摘要 面向现代浏览器,CSS3已经提供了很好的方法实现垂直居中,本文介绍了其中两...

    toddmarktoddmark 评论0 收藏0
  • webkit内核浏览器自定义滚动条样式

    webkit内核浏览器自定义滚动条样式

    摘要:滚动条两端的按钮。内层轨道,滚动条中间部分除去。有如下功能若是水平滚动条,则属性不起作用,属性用来控制滚动条相应部分竖直方向高度若是竖直滚动条,则属性不起作用,属性用来控制相应部分的宽度。 CSS ::-webkit-scrollbar { /...

    testbirdtestbird 评论0 收藏0
  • 如何摆脱项目命名困难的尴尬局面

    如何摆脱项目命名困难的尴尬局面

    摘要:如何高效的命名你的项目。在做一个项目的时候,我们往往遭遇命名问题的困惑,当看到一些非专业人的代码,看到他们凌乱的码法,有时候真的苦不堪言。深刻知道一个良好的命名规范的重要性,同时在项目中也会遇到一些命名的瓶颈。当命名的构造函数和类使用...

    RockoRocko 评论0 收藏0
  • 前端开源项目周报0321

    前端开源项目周报0321

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

    Lemon_95Lemon_95 评论0 收藏0
  • css

    css

    摘要:此处为,因此宽高均为如果为其他颜色,则红色区域为。文字单行显示并且超出时结尾显示需要三个属性一起使用来达到以上效果清除浮动在需要清除浮动的元素上面添加类 background-color属性 .a.b{ border-color:transparent; } .a{ width:100px; height:...

    alinalin 评论0 收藏0
  • 神经病啊!——微信同层播放器接(踩)入(坑)总结

    神经病啊!——微信同层播放器接(踩)入(坑)总结

    摘要:估计踩过微信视频这个坑的,内心都想说上一句神经病啊而微信也终于出了个同层播放器接入规范,算是正常点了好了闲话不说,下边进入正题标签里的内联播放相关属性微信在标签上新增了一些的私有属性,分别是启用同层播放。 估计踩过微信视频这个坑的,内...

    wzypluswzyplus 评论0 收藏0
  • ios页面overflow:scroll;滚动不流畅及手机web页面,软键盘弹出,输入框被遮住

    ios页面overflow:scroll;滚动不流畅及手机web页面,软键盘弹出,输入框被遮住

    摘要:如果是安卓手机则执行这个功能当点击框之后,视口高度发生变化,则软键盘弹出了,这时,调用函数,让顶上去。 在移动端的web开发中,大家会发现,当给一个元素设置overflow:sroll;属性时,在ios端滑动页面,页面滚动的反应很慢,有种卡顿的感觉,但是...

    zhishengzhisheng 评论0 收藏0
  • CSS布局十八般武艺都在这里了

    CSS布局十八般武艺都在这里了

    摘要:清单一些说明注意文档的书写顺序,先写两侧栏,再写主面板,更换后则侧栏会被挤到下一列圣杯布局和双飞翼布局都会用到。可以通过设置的属性或使用双飞翼布局避免问题。双飞翼布局不用设置相对布局,以及对应的和值。 本文首发于知乎专栏:前端指南 CSS...

    includecmathincludecmath 评论0 收藏0
  • 扯点:Box Modal - 盒模型

    扯点:Box Modal - 盒模型

    摘要:在文档中,元素被表示为一个矩形的盒子。在中,使用盒模型描述这些矩形盒子中的每一个。规定以具体单位计的内边距值,比如像素厘米等。但不允许使用负值。实际测试的百分比,测试结果并不是等于,而是近似等于。 在文档中,元素被表示为一个矩形的盒子...

    TonyTony 评论0 收藏0
  • js 获取和设置css3 属性值的实现方法

    js 获取和设置css3 属性值的实现方法

    摘要:众多周知增加了很多属性,在读写的时候就没有原先那么方便了。如只考虑行间样式的话,只需就可获取,设置的时候也只需要即可。设置的时候很简单遵循驼峰式的写法即可。获取的时候的值为字符串如何获取想要的值呢搜索半天没有找到简单办法。 众多周知 C...

    Harpsichord1207Harpsichord1207 评论0 收藏0
  • 弹出层完美禁止页面滚动

    弹出层完美禁止页面滚动

    摘要:页面中经常会遇到弹出层的部件,当弹出层激活时覆盖整个页面,且背景部分不能滚动。 页面中经常会遇到弹出层的部件,当弹出层激活时覆盖整个页面,且背景部分不能滚动。实现起来有以下要点: 弹出层position设置为fixed,四个定位锚点均设为0; 激活...

    CntChenCntChen 评论0 收藏0
  • 原生js实现简单的Ripple按钮

    原生js实现简单的Ripple按钮

    摘要:原生实现简单的按钮效果如图准备食材部分首页我的更多典型的菜单布局,里面的表示的是触摸弹出的小圆圈。 原生js实现简单的Ripple按钮 效果如图 showImg("https://segmentfault.com/img/remote/1460000008807822?w=600&h=82"); 准备食材(html部分) ...

    CoXieCoXie 评论0 收藏0
  • 动态组件使用

    动态组件使用

    摘要:动态组件使用动态组件官网解释通过使用保留的元素,动态地绑定到它的特性,我们让多个组件可以使用同一个挂载点,并动态切换组件在变化时改变也可以直接绑定到组件对象上实际项目开发中引入组件动态组件绑定参数显示组件审批拒绝请填写拒绝的原 动态组...

    宠来也宠来也 评论0 收藏0
  • 解决onKeypress中文输入不触发问题

    解决onKeypress中文输入不触发问题

    摘要:在对文本绑定时,输入数字字母特殊符号是都会触发事件,但唯独输入中文时,事件是不会触发的我觉得可以使用事件代替是的标准事件,对于检测和这几个元素通过用户界面发生的内容变化非常有用,在内容修改后立即被触发,不像事件需要失去焦点才触发。 on...

    sewergangersewerganger 评论0 收藏0
  • 【面试篇】event对象中offsetX,clientX,pageX,screenX,layerX,

    【面试篇】event对象中offsetX,clientX,pageX,screenX,layerX,

    摘要:指鼠标指针相对于触发事件元素的左上角的偏移,在,中指外边缘,即将该元素边框的宽度计算在内,则不包含边框值,如下图所示和是相对文档窗口左上角的距离,不会随滚动条移动和是相对于浏览器可视窗口左上角的距离,参照点会随滚动条滚动而移动当可视窗...

    darryrzhongdarryrzhong 评论0 收藏0
  • 2017年最新基于hexo搭建个人免费博客——自定义页面样式一

    2017年最新基于hexo搭建个人免费博客——自定义页面样式一

    摘要:添加你修改的代码找到你主题文件夹里的对应位置以我的路径为例子里面有个文件夹和一个文件,主要用于打包代码输出成样式的文件分析下其源代码。注意本人不提倡去修改除了下的其他个文件里的源代码,可能后面出问题不好还原。 showImg("https://segment...

    curriedcurried 评论0 收藏0
  • CSS || 响应式网格

    CSS || 响应式网格

    摘要:响应式网格系统网格布局的作用在于更有效控制元素在网页中所占比例的大小。使用清除浮动的方式确保每个行元素保持在行元素中确保元素内的元素不会溢出到其他行是网格系统中最复杂的部分,包括列元素定位方式,列元素宽度和响应式设计需要。 响应式网格...

    warmchengwarmcheng 评论0 收藏0
  • CSS || @media媒体查询

    CSS || @media媒体查询

    摘要:并且不能使用绝对单位的其他元素。注意绝对定位的使用,小心引入不同样式响应式设计的核心是引入的模块。利用清除浮动的方式实现设置列宽容器宽列数这里定义列使用浮动进行定位,避免容器内没有内容,为容器设置一个最小高度设置列间距使用。 media实...

    hedzrhedzr 评论0 收藏0
  • CSS || flex笔记

    CSS || flex笔记

    摘要:五个取值与主轴方向有关默认值左对齐右对齐居中两端对其,间的间隔距离相等每个两侧的间隔相等,相当于设置左右值相等。默认值为即使存在剩余空间宽度,也不放大。默认值为,表示本来的大小。 Flex布局 Flex是flexible box的简称,纯粹用来布局的属性 ...

    huhudhuhud 评论0 收藏0

热门文章

<