vue 使用Jade模板写html，stylus写css 日常工作都是使用vue开发页面和webApp,写的多了就想偷懒简化各种书写方式，所以使用了jade写html，stylus写css，省了很多的步骤和提高了效率。 …

前端开发常见的五种布局方式及应用场景 1.静态布局： 给页面元素设置固定的宽度和高度，单位用px，当窗口缩小，会出现滚动条，拉动滚动条显示被遮挡内容。优点：设计简单。缺点：对于不同尺寸屏幕的兼容性不好，特别是移动端。 2…

个人的口试踩坑之旅，充溢诚意的干货~ 一：本日头条 1.用css完成一个自适应的正方形细致参考：https://idiotwu.me/css-respon… <div class="placeholde…

转载：原地址 简介 该文档主要的设计目标是提高 Less 文档的团队一致性与可维护性。 Less 代码的基本规范和原则与 CSS 编码规范 保持一致。 编撰 erik、顾轶灵、黄后锦、李玉北、赵雷。 本文档由商业运营体系…

前言 首先，写这篇代码规范是为了我自己在以后的项目中方便引用，让前端人员统一标准，方便在开发中保持代码的一致性，代码规范是在bootstrap的编码规范上的基础上做的修改，下面只列举出一些不一样的地方，基本的规范参照bo…

2d变换矩阵 2d变换矩阵总共有6个可动的参数，这六个参数分别控制不同的变换 | a b 0 | | c d 0 | | tx ty 1 | a 水平缩放 b 水平拉伸 c 垂直拉伸 d 垂直缩放 tx 水平位移 ty …

表格 描述 以网格的形式来呈现数据，并且以二维数据表(有行有列)来显示数据内容 表格元素 <table>元素 – 表示定义表格 <tr>元素 – 表示定义表格中的行 <…

实现浏览器内多个标签页之间的通信 第一种方式：websocket协议.1.首先我们得了解websocket是什么？它是一种网络通信协议2.为什么会用到websocket?因为http有缺陷，通信只可以由客户端发起，服务器…

html: <div class="container"> <div class="box">green</div> </div> 第一种：定位+margin:auto .…

为什么要进行页面优化？ 更快：页面加载更快，客户感知更快; 更易于阅读：易于搜索引擎抓页面重点，易于盲人阅读; 更易于维护：易于自己和同事后期读懂、定位、修改和扩展代码. 如何进行页面优化 html 语义化 加载顺序:c…

应用场景 子元素标签使用 浮动后，会出现浮在父元素上层，脱离了。导致父元素没办法根据子元素的高度而变化，提供以下解决方案。 解决代码 把 ‘.clearfix ’ Class 样式添加到 父元素即可。 .clearfix…

前言 尝试一款新的开发框架的时候势必会遇见各种各样的问题。可能因为一开始不熟悉文档，导致配置错误，或是api使用错误。当然开发的时候我们也不能确认框架没有问题，是否存在bug。所以在某些出错的情况下，我们也许会不断怀疑自…