文章库ARTICLE COLUMN

  • h5单页面布局

    h5单页面布局

    摘要:前段时间做了一个端单页面应用因为项目开始的比较仓促,加上本人前端经验特别少,虽然项目大体完成了,但是页面布局确成立它的硬伤为了填补心里落差,专门做了一个的单页面布局,代码很简单,大牛请绕过。 前段时间做了一个PC端单页面应用 GitHub因为...

    wzypluswzyplus 评论0 收藏0
  • css 进度条的文字根据进度渐变

    css 进度条的文字根据进度渐变

    摘要:需求进度条里面的文字需要根据进度的长度而变化原理用两个一模一样的样式的重叠起来效果字体开始为蓝色,跟随进度条变为白色在线预览代码进度条渐变完成进度点击开始点击开始 需求 1.进度条里面的文字需要根据进度的长度而变化 原理 用两个一模一样的...

    FreelanderFreelander 评论0 收藏0
  • 前端的开发工具之实时无刷新自动加载页面

    前端的开发工具之实时无刷新自动加载页面

    摘要:和等通用代码编辑器不一样,是专门针对前端开发而生安装好软件之后打开需要调试的文件点击如下图所示的按钮就可以实现无刷新自动加载页面了 WebStorm10.0.3 live Edit与Google浏览器实时无刷新自动加载页面 Webstorm中的配置 点击: File->Settings->B...

    DevYKDevYK 评论0 收藏0
  • iOS Safari浏览器上overflow: scroll元素无法滑动bug解决方法整理

    iOS Safari浏览器上overflow: scroll元素无法滑动bug解决方法整理

    摘要:而中的网页本身就是一个大的,在脱离文档流的定位时,子元素的高度如果没有在建立之前确定,就不会触发内部滑动,而会触发外部滑动。分析父元素不脱离文档流时,无此。更新此问题的深层原因找到了,详情请见浏览器上元素无法滚动深究 描述 此bug出现需...

    kviccnkviccn 评论0 收藏0
  • 通过改变属性来实现动画

    通过改变属性来实现动画

    摘要:今天这篇文章主要简述如何通过改变属性来实现动画效果,比如通过定时器快速改变等属性,实现图形在的页面上做匀速的运动。 今天这篇文章主要简述js如何通过改变属性来实现动画效果,比如通过定时器快速改变width, height, left, top等属性,实现图形在...

    leanxileanxi 评论0 收藏0
  • 扯点:FC - Formatting Context

    扯点:FC - Formatting Context

    摘要:指页面中一个渲染区域,并且拥有一套渲染规则,他决定了其子元素如何定位,以及与其他元素的相互关系和作用。两个同胞盒间的垂直距离取决于属性。同一个块格式化上下文中的相邻块级盒的垂直外边距将折叠。 FC(Formatting Context)指页面中一个渲染区...

    notebinnotebin 评论0 收藏0
  • 《SVG精髓》笔记(二)

    《SVG精髓》笔记(二)

    摘要:元素元素会将其所有子元素作为一个组合,通常组合还会有一个唯一的作为名称。变换描述按照指定的和值移动用户坐标系统。比例值可以是小数或则负数和相同按照指定的旋转用户坐标。旋转中心由和指定根据指定的倾斜所有坐标。 3. 文档结构 在SVG中使用...

    entnerentner 评论0 收藏0
  • 重新开始学前端之浮动

    重新开始学前端之浮动

    摘要:寒假来了打算重新学习总结前端的知识要点以及前端领域出现的新东西,因此有了这个系列。在正常布局下中位于该浮动元素之下的内容此时会围绕着浮动元素。在父元素上设置属性,如果此属性设置为或者则可以达到清除浮动的效果。但要注意并不是专门用于清除...

    piapiapiapia 评论0 收藏0
  • text-decoration与color属性

    text-decoration与color属性

    摘要:而它常常会与标签用来表示要插入的内容配合使用属性属性实际控制了一个元素的前景色,包含了文本颜色和边框颜色一起,下面代码可以看到边框颜色实际也由一并控制了。不过除了,也可以额外增加属性来专门指定边框的颜色 text-decoration属性值 如果指定...

    Java_oldboyJava_oldboy 评论0 收藏0
  • UI框架收藏列表

    UI框架收藏列表

    摘要:和基于的框架基于的框架基于的框架基于的框架参考网址 bootstrap:http://www.bootcss.com/ Bootswatch:https://bootswatch.com/ semanticUI:https://semantic-ui.com/ Foundation:https://foundation.zurb.com/ Bulma:https://bulm...

    1fe1se1fe1se 评论0 收藏0
  • css中底部sticky footer

    css中底部sticky footer

    摘要:设计是最古老和最常见的效果之一,它可以概括如下如果页面内容不够长的时候,页脚块粘贴在视窗底部如果内容足够长时,页脚块会被内容向下推送。所有内容区好,方法一也比较推荐,以上就是个人对的理解 Sticky footers设计是最古老和最常见的效果之一,...

    wenziwenzi 评论0 收藏0
  • HTML-CSS

    HTML-CSS

    摘要:但是,从字体上来说雪碧图制作,使用以及相关,图文。由于采用了编译,所以能够保证在浏览器不支持标准布局的情况下,回滚到旧版本的,保证移动设备中能呈现出一样的布局效果。我不想陷入和的纷争,但是有一件事是确定的极大的提升了移动端 一劳永逸的...

    CHENGKANGCHENGKANG 评论0 收藏0
  • iOS Safari 中点击事件失效的解决方法

    iOS Safari 中点击事件失效的解决方法

    摘要:问题描述当使用委托给一个元素添加事件时,如果事件是委托到或上,并且委托的元素是默认不可点击的如等,此时事件会失效。从解决办法来看,推测在中,不可点击的元素的点击事件不会冒泡到父级元素。 问题描述 当使用委托给一个元素添加click事件时,如...

    王笑朝王笑朝 评论0 收藏0
  • BEM——前端命名规范介绍

    BEM——前端命名规范介绍

    摘要:什么是是由团队提出的一种前端命名规范。用法嵌套可以相互嵌套,并且嵌套数量任意。决定了命名空间,确保不被其他影响。何时用何时用使用创建定义和的外观状态或者行为。特征表示其表现其状态和其行为命名方法以单下划线与或者隔开。 什么是BEM? BEM(...

    JasonJason 评论0 收藏0
  • 前端小知识--为什么你写的height:100%不起作用?

    前端小知识--为什么你写的height:100%不起作用?

    摘要:所以我们要同时设置这两者的,只设置其中一个是不行的关于居中的一点误解全部代码如上,可以看到设置了为没有居中,这是为什么呢,因为这时候的是相对于字体尺寸的所以直接作用于没有绝对高度的元素是不行的。 为什么你写的height:100%不起作用? 这个...

    CoderStudyCoderStudy 评论0 收藏0
  • css3水滴效果,地图标记效果

    css3水滴效果,地图标记效果

    摘要:关键细节镂空的的背景画一个地图标记点效果参考, showImg("https://segmentfault.com/img/bV1wjr?w=681&h=687"); 关键细节:镂空的的背景 css3画一个地图标记点效果 body { height: 100vh; back...

    赵连江赵连江 评论0 收藏0
  • CSS 实现元素较宽不能被完全展示时将其隐藏

    CSS 实现元素较宽不能被完全展示时将其隐藏

    摘要:当到了某个标签不能被完全展示下时则不显示。可以看出来最后两个由于会超出的宽度,被折到了下一行,然后又被的隐藏。 首发于本人的博客 varnull.cn 遇到一个需求,需要实现的样式是固定宽度的容器里一排显示若干个标签,数量不定,每个标签的长度也不...

    张红新张红新 评论0 收藏0
  • overflow-y:auto/hidden/scroll和overflow-x:visible组合

    overflow-y:auto/hidden/scroll和overflow-x:visible组合

    摘要:但是会因为实际使用情况和逻辑上的复杂程度而变得并不好用。至于浏览器为什么会这样就只搬运了不详细解释参考资料解决方案原因 最近做项目想做一个这样的效果:就是我想要内部div x轴溢出div则显示y轴溢出div则出现滚动条于是用到了overflow-y 和 over...

    Charlie_JadeCharlie_Jade 评论0 收藏0
  • Vue style里面使用@import引入外部css, 作用域是全局的解决方案

    Vue style里面使用@import引入外部css, 作用域是全局的解决方案

    摘要:并不是引入代码到里面,而是发起新的请求获得样式资源,并且没有加我们只需把改成引入外部样式,就可以解决样式是全局的问题整体代码如下参考链接技术文档 问题描述 使用@import引入外部css,作用域却是全局的 export default { name...

    yedfyedf 评论0 收藏0
  • 关于Array.reduce的理解与拓展

    关于Array.reduce的理解与拓展

    摘要:而则从数组的最后一项开始,向前遍历到第一项。传给和的函数接收个参数前一个值当前值项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第二次,是加的结果,是数组的第三项。 2018年1月6日 首先我要感谢我的同事徒步上山...

    李世赞李世赞 评论0 收藏0
  • 你真的理解事件冒泡和事件捕获吗?

    你真的理解事件冒泡和事件捕获吗?

    摘要:事件流是事件冒泡,而的事件流就是事件捕获。所有现代浏览器都支持事件冒泡,并且会将事件一直冒泡到对象。事件捕获的用以在于事件到达预定目标之前捕获它。事件流级事件规定事件流包括三个阶段,事件捕获阶段处于目标阶段和事件冒泡阶段。 最近在复习...

    henry14henry14 评论0 收藏0
  • 前端编年史(持续更新中)

    前端编年史(持续更新中)

    摘要:由微软正式发布,矛头直指网景的,成就的同时也开启了自己声名狼藉之路。由微软正式发布,虽然很蹩脚,但是基于这个技术,我们终于可以在上完成桌面端程序的任务了。微软发布了第一个版本,提供了更加规范地书写的解决方案。 字数:1000阅读时间:10分...

    gaaragaara 评论0 收藏0
  • 【前端Talkking】CSS系列-一步一步带你认识animation动画效果

    【前端Talkking】CSS系列-一步一步带你认识animation动画效果

    摘要:是一个复合属性有以下属性可以多带带写每一个属性,也可以直接使用复合属性。用法指定动画播放方式,默认值为,支持。看例子好理解在浏览器中的运行效果如下这个例子就不详细解释了,很简单。 0、写在前面 在CSS系列——一步一步带你认识transition过...

    yexiaobaiyexiaobai 评论0 收藏0
  • 前端系列——论前端工程师增加知名度的重要性

    前端系列——论前端工程师增加知名度的重要性

    摘要:工作最后还是找到了,工作了几个月,我不断思考这个问题前端工程师要不要写博客,拉粉丝,做娱乐圈一样的事情。打开知乎一看,哇塞,这个人头衔是资深前端,粉丝这么多,大家都叫他某大某老。 话题 这篇文章就像是灌水文,扯些非技术的东西,权当话题...

    justjavacjustjavac 评论0 收藏0
  • 浏览器对css小数点的处理

    浏览器对css小数点的处理

    摘要:但是通过分析验证了问题所在,之后遇到这种情况的时候便有了解决办法合理设置百分比,使其计算结果小数点,进而四舍五入之后宽度大于实际渲染宽度 近期在开发的时候遇到一个奇怪的问题,如下图(ios系统,android暂未发现),第一个和第三个子元素中的角...

    NikoManiacNikoManiac 评论0 收藏0

热门文章

<