暑假前因为种种原因没有把百度IFE的先期课程学完，这个暑假又参加了相关项目开发，边做边学也总结了一些教训。现在打算写一个系列的文章，把这种集中学习中遇到一些令我的困扰一时的点好好再总结一番。而这些因应工程实践而生的点本身…

@extend用法剖析 提醒：建议继承那些干净的无后代写法的样式 我们经常会遇到这样的情况，当我们在开发页面时候一个class需要包含前一个class的所有样式，但是又必须有他自己特殊新增的样式。但是这两个class其实…

页面中经常会遇到弹出层的部件，当弹出层激活时覆盖整个页面，且背景部分不能滚动。实现起来有以下要点： 弹出层position设置为fixed，四个定位锚点均设为0； 激活弹出层时给html和body设置overflow: …

.product-group-div { width: 100%; overflow-y: hidden; -webkit-overflow-scrolling: touch; } 在使用overflow的的地方加上​-…

web前端开发规范的意义 提高团队的协作能力 提高代码的复用利用率 可以写出质量更高，效率更好的代码 为后期维护提供更好的支持 一、命名规则 命名使用英文语义化，禁止使用特殊字符，禁止使用拼音，禁止使用中英文混合！ 项目…

请描述一下 cookies，sessionStorage 和 localStorage 的区别？ 1.cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据 – 通常经过加密…

关于vue虚拟dom 生命周期 flex布局的排列方式 块级作用域的描述 箭头函数和普通函数的区别（多一些） rem布局的原理 nuxt.js服务端渲染原理 路由怎么匹配404页面 这里 改过哪些webpack的配置 c…

实现表头固定，tbody垂直滚动准备工作： 获取页面可是区域高度 function setIframeHeight() { var screenHeight = document.documentElement.clie…

搞第三方嵌入需要考虑很多问题，比如说页面加载速度、页面的污染、代码的嵌入位置等。较快的加载速度会提高用户的体验，提高服务的质量，对广告来说，好处更不用说，早点加载出来比没有别用户看到就被关闭的效果要好很多。而防止页面污染…

HTML 与 CSS 进阶 Img 标签 alt 属性 一定要添加 用于图片描述 给机器看的，如果图片加载失败，会显示 alt <img src="" alt=""/> 为 img 添加 图片注释 建议做法为…

结构 样式 行为分离 模板只包含html文件，模板的书写顺序相应的命名规则 html：语义化css：类名以功能或内容命名 样式复用 最好少于三级 在没有必要的情况下避免元素选择器叠加 Class、ID 使用 属行的书写顺…

这段时间在管理后台，有用到图片全屏的，我是用canvas的引入的图片，哎！也是给自己挖了一个大坑，没办法，只能踩坑走啦，所以当时想着能不能直接用canvas直接进行图片全屏查看，不过网上百度出来的也是五花八门，结合百度自…