文章库ARTICLE COLUMN

  • 前端入门教程——纯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
  • CSS再学习

    CSS再学习

    摘要:每条声明由一个属性和一个值组成。布局是什么是的缩写,意为弹性布局,用来为盒状模型提供最大的灵活性。它的所有子元素自动成为容器成员,称为项目,简称项目。 CSS 很早以前就学过了,但是最近在写前端的样式,有些概念模糊忘了,所以,这里重新梳理...

    lykopslykops 评论0 收藏0
  • Bootstrap 网格系统布局

    Bootstrap 网格系统布局

    摘要:提供了一套响应式移动设备优先的流式网格系统,随着屏幕或视口尺寸的增加,系统会自动分为最多列。三网格系统工作原理网格系统通过一系列包含内容的行和列来创建页面布局。下面列出了网格系统是如何工作的行必须放置在内,以便获得适当的对齐和内边距。...

    HelKyleHelKyle 评论0 收藏0
  • 前端学习笔记14 HTML表格和为网页添加JavaScript

    前端学习笔记14 HTML表格和为网页添加JavaScript

    摘要:表格结构化表格从基本层面看,元素是由行组成的,行又是由单元格组成的。如果认为为整个单元格添加一个标题有助于访问者理解该表格,可以提供。输入单元格的内容。表格中的每一列都应该具有相同的单元格数量。 HTML表格 结构化表格   从基本层面看,...

    CastlePeaKCastlePeaK 评论0 收藏0
  • 使用VUEJS2.0制作音乐播放器

    使用VUEJS2.0制作音乐播放器

    摘要:研究了天的成果终于得到回报了,播放器已经制作完成,但还有待于完善。我总是离不开的操作,刚开始学习,还是会经常使用到操作。做播放器的想法来源于之前本人做的开发此文章的灵感。 研究了2天的成果终于得到回报了,播放器已经制作完成,但还有待于...

    CNZPHCNZPH 评论0 收藏0
  • vue

    vue

    摘要:可以将模板中的文本转换成首字母大写,写法是模板中的字符串需要加引号,然后加一条后面写 window.onload=function(){ new Vue({ el:"#dv", data:{ } ...

    andotandot 评论0 收藏0

热门文章

<