按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 音乐可视化https://codepen.io/zadvorsky/… 纯 css 画的激光剑https://codepen.io/Y…

vw,vh,vmin,vmax 实现完整覆盖 #mask { height: 100vh; position: fixed; left:0; top:0; } 字体适配(横竖屏切换) font-size: 5vmin 伪…

参考链接: https://segmentfault.com/a/11…https://juejin.im/post/59b73d…面试之CSS篇 – 边距重叠与BFC 基础知识 块级…

写在前面 18年通过校招来到深圳的一家外包公司，内中曲折不在这里啰嗦，太坑了，不干了。在这里奉劝还没毕业的学弟妹们，毕业第一家千万别选外包！ 写简历这一年，我没做过什么正经项目，要做也是让你改改小样式，做做表格和测试，再…

CSS中主要的伪元素有四个：before/after/first-letter/first-line，在before/after伪元素选择器中，有一个content属性，能够实现页面中的内容插入。 插入纯文字 conte…

记录并分享自己收藏夹中的一些网页 2017-01-22 01. vue-google-map https://github.com/GuillaumeL… 这个网址陪伴了我一个月左右的时间啊，工作以来，第一块…

两栏布局,左边定宽，右边自适应 左边左浮动，右边加oveflow:hidden;变成BFC清除左侧浮动元素的影响 #left{ float: left; width: 200px; background: green; …

PC如何禁用网页在360浏览器里面禁止切换兼容模式 方法一 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 方法二 <meta name="r…

一、前端需要注意的SEO （1）合理的 title、description 和 keywords，他们的搜索权重逐个减小title 强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面 title 要有所不同；…

实现数组排序的算法很多,其中冒泡算法是比较简单的冒泡的基本原理是相邻的两个数进行比较,按照排序的条件进行互换,例如对数值从小到大排序,随着不断的互换,最大的那个值会慢慢冒泡到数组的末端基于这个原理我们就可以写冒泡排序了 …

小计： 开发中遇到子组件需要调用兄弟组件中的方法，如下写个小demo记录下心得，如果你有好的方法，请到评论区域指教 父组件示例代码： 组件功能解析： 通过$emit获取子组件事件，通过$ref调用子组件中事件，实现子组件…

提示框 代码储存在Github效果预览 初衷：很多人在初学前端的时候都会问，“如何入门前端？”同为在前端学习道路上，奋力追赶的一员，本人对于目前网络上所能看到的 “入门级” 的教材并不太满意。学习一门新知识，实例是尤其重…