Webpack是什么? 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack处理应用程序时,它会递归地构建一个依赖关系图(dependen…
分类:html
用PerformanceTiming来检测页面性能
window.performance.timing下的属性 navigationStart 当前浏览器窗口的前一个网页关闭,发生unload事件时的Unix毫秒时间戳。如果没有前一个网页,则等于fetchStart属性。…
那是我在夕阳下的code
布局何如让一个标签上下左右都居中?这有什么难的,给定子标签的宽,再让它的边距上下为0,左右为auto;如下: .child{width:10px;margin:0 auto;}//子标签 它就可以左右居中了。上下的话,就…
ajax+lazyload时lazyload失效问题及解决
最近写公司的项目的时候遇到一个关于图片加载的问题,所做的页面是一个商城的商品列表页,其中需要显示商品图片,名称等信息,因为商品列表可能会很长,所以其中图片需要滑到可以显示的区域再进行加载。 首先我的图片加载插件使用的是j…
造轮子系列(三): 一个简单快速的html虚拟语法树(AST)解析器
前言 虚拟语法树(Abstract Syntax Tree, AST)是解释器/编译器进行语法分析的基础, 也是众多前端编译工具的基础工具, 比如webpack, postcss, less等. 对于ECMAScript…
关于Array.reduce的理解与拓展
2018年1月6日 首先我要感谢我的同事徒步上山看日出在我第一份实习的时候对我的指导,现在我也开始跟他一样开始养成写博客的习惯 现在开始讨论我遇到的第一个问题,这是我在看javascript高级程序设计看的一个令像我这样…
vue绑定样式
使用三目运算符绑定样式 本来以为使用vue模版写法,在绑定单个样式,也就是一个class类名的时候可以直接书写,就像这样 <div id="app"> <div v-bind:class="{ isAc…
CSS动画之旋转魔方轮播
很久没有回头来复习CSS方面的知识了, 正好又到了月底写文章的deadline……所以这次选择了详细巩固一下CSS3动画有关的知识点,因为之前只是用过一些属性并没有深究细节。 在我自己写完这篇文章…
符合SEO的HTML布局规范
来源于:阿贤博客 少用例如iframe等标签引入内容,可以不用尽量不用,因为搜索引擎无法搜索到框架里面的内容; <!--页面注解--> <html> <head> <title&…
如何进行页面优化?
为什么要进行页面优化? 更快:页面加载更快,客户感知更快; 更易于阅读:易于搜索引擎抓页面重点,易于盲人阅读; 更易于维护:易于自己和同事后期读懂、定位、修改和扩展代码. 如何进行页面优化 html 语义化 加载顺序:c…
解决 css 浮动后 父元素高度失效问题
应用场景 子元素标签使用 浮动后,会出现浮在父元素上层,脱离了。导致父元素没办法根据子元素的高度而变化,提供以下解决方案。 解决代码 把 ‘.clearfix ’ Class 样式添加到 父元素即可。 .clearfix…
angular入门
angular2 学习入门第一课 步骤 Install Node.js 创建应用程序的项目文件夹和定义包的依赖关系和特殊项目设置 Create the app’s Angular root component Add m…