我看了下网上都是部署单个.html页面的实例。所以今天试试多个.html文件的部署。因为之前docker部署过vue.js打包的项目，所以按上次部署方式部署。结果还真行，只是这次部署的是小滴课堂上的买的教程，仿美团页面项目。 部署步骤参考上篇：https://www.cnblogs.com/longdb/p/...

例1（小米米官网）：font-family:"Arial","MicrosoftYaHei","黑体","宋体",sans-serif;例2（淘宝技术研发中心）：font:12px/1.5Tahoma,Helvetica,Arial,...

 直接上干货咯!//HTML5音频播放器lzpong2015/01/19varwavPlayer=function(){if(window.parent.wavPlayer)returnwindow.parent.wavPlayer;varCT=null;varD=null;varmover=false;va...

注：本文篇幅较长，且需要有一定的java基础，建议各位看官，备好瓜子、饮料、小板凳，摆个让自己舒服的姿势，慢慢细看^_^， 文中素材均来自互联网（末尾有给出参考文章链接)。一、JVM运行时内存布局按java8虚拟机规范的原始表达：(jvm)Run-TimeDataAreas, 暂时翻译为"jvm运行...

用Angular这些框架的时候会发现一系列的指令，如ng-app、ng-repeat等，这些都属于用户自定义属性但是HTML5规范要求所有的用户自定义属性以"data-"开头，如data-num、data-name这些所以严格来说Angular这种写法是不标准的，但是浏览器却都不一而同的认了不按data-*格式写的所有...

推荐阅读： https://juejin.im/post/5b925e616fb9a05cdd2ce70dBem是块（block）、元素（element）、修饰符（modifier）的简写，由Yandex团队提出的一种前端CSS命名方法论。-中划线：仅作为连字符使用，表示某个块或者某个子元素的多单词之间的连接...

1.三次握手、四次挥手详细查看：https://www.cnblogs.com/amiezhang/p/6703390.html2.ARQ协议　　ARQ 就是超时重传机制，分为2种：停止等待ARQ和连续ARQ停止等待ARQ：　　只要A向B发送一段报文，都要停止发送并启动一个定时器，等待对端回应，在定时器时间内...

1.vue生命周期函数（详细查看：Vue实例的生命周期（钩子函数）） 有10个钩子，对应5个动作：create（创建）mount（vdom挂载）update（数据更新导致dom需要重新渲染和打补丁）activated（keep-alive组件激活）destory（销毁）2.组件间通讯父子组件父->子：p...

html2canvas有2种模式，一种是利用foreignObject，一种是纯canvas绘制1.foreignObject到canvas步骤：　　1.把要截图的dom克隆一份，过程中把getComputedStyle附上style　　2.放到svg的foreignObject中　　3.把svg序列化成img的src...

1.css样式表模型（cssom的本体）document.styleSheets这样可以获取样式表列表每个样式表都是一堆的css规则（cssRules和rules是一样的）而每一条rule可能是以下其中一种类型CSSStyleRule（最为常见）CSSCharsetRuleCSSImportRuleCSSMediaRu...

important>内联>id>class=属性=伪类>标签=伪元素>通配符（*）important声明1,0,0,0ID选择器0,1,0,0类选择器0,0,1,0伪类选择器0,0,1,0属性选择器0,0,1,0标签选择器0,0,0,1伪元素选择器0,0,0,1通配符选择器0,0,0,0有...

1).动态伪类:link    /*链接没有被访问时/:visited /*链接被访问过后*/:hover  /*鼠标悬浮在链接上时*/:active  /*鼠标点中激活链接那一下*/:focus  /*用于元...

link标签超链接类1.canonical 多个url指向同一个页面时，这个link可以告诉搜索引擎，href的值是这个页面的主url<linkrel="canonical"href="...">2.alternate表示页面的”变形“，最典型就是页面的rss(Really...

css有一些强大的函数：1.calc可以混合多种单位来计算div{font-size:calc(100vw/5+1rem-100px)} 2.max、min、clampmax、min选最大/小的那个clamp()则是给一个值限定一个范围，超出范围外则使用范围的最大或者最小值。（现在带webkit前缀可以使用）...

1.[att]具有att属性的元素2.[att=val]具有att属性，而且属性值为val的元素。3.[att*=val]具有att属性，而且属性值中包含val的元素4.[att~=val]具有att属性，而且属性值为一用空格分隔的字词列表，其中一个等于val的元素5.[att|=val]具有att属性，而且属性值精确...