 

前端学习

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。

日志与技术 | html引入另一个html

想做一个纯html网址导航站，自用，不带后台的。百度脑图可以简单实现一个，但太多的话就比较凌乱了。浏览器收藏夹也可以，层级太深就要翻很久了，对于我来说多1秒的操作都嫌慢。更要命的就是不带后台，新增和编辑就很成问题。自用放在本地，总不能...

赞(0)2018-01-05

目前使用的代码高亮（语法高亮）是Google Prettify，prettify.js，而早期一直在用Syntaxhighlighter，双击代码是可以全选的。另外，使用火狐貌似不支持点击直接复制的动作，所以打算在prettify上实现Sy...

赞(0)2018-01-05

由于某些原因你可能需要隐藏盒子的滚动条但又要它保持滚动效果。百度找不到答案，谷歌或许你会找到。我就直接提供demo出来，运行代码来看效果吧。有两种方法：大体思路是加一个外层div使用overflow:hidden对内层div进行遮蔽，而...

赞(0)2018-01-05

这次为大家送上一大批漂亮的bootstrap响应式按钮样式。扁平化的样式以及色彩，非常适合用在你的主题上，可以作为短代码加入编辑器随时调用。效果如下图：按钮样式在下载的html中有注释字样–按钮css ，图标调用的是font...

赞(0)2018-01-05

这个单页模板经常见到，非常适合拿来做成个人首页进行展示，效果为横向无限滚动动态背景。高端大气！演示页面：https://usaircam.com/

赞(0)2018-01-05

今天突然想看看自己混淆后的js用console.log输出后是什么样子，发现了一个小问题。 chrome下是这样的 Object value at left was snapshotted when logged, value below ...

赞(0)2018-01-05

常规字符截断的方式为： <div style="width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;"> 任意长度的字符串 </...

赞(0)2018-01-05

偶尔会遇到这种情况：当首页文章很少，打开文章后BODY,HTML高度变化时，HTML网页的高度刚好够一个屏幕，但是又没有超出屏幕的边缘，这时候，如果一个元素多了1px，那么就会出现网页无缘无故的抖动，很是影响用户体验。可以使用以下CSS代...

赞(0)2018-01-05

时间轴式的效果在众多网页前端上都有呈现，运用得当会给人眼前一亮的感觉。如果把它使用在我们网站的评论列表上更是恰到好处，老外称之为 Timeline-Style Comments ，使用一种洁净并且简单的技巧来展示时间轴类型的评论留言方式，...

赞(1)2018-01-05

当我们需要给一个页面设置内阴影效果时，一般都是先设置一个高度和宽度的100%的div盒子，然后给这个盒子设置内部阴影，但是若使用CSS3的伪类before，采用以下的代码，我们可以更轻松地给body标签设置内阴影的样式。效果 CSS代码 ...

赞(0)2018-01-05