前言 在前端生涯上，经常会遇到需要容器自适应视口高度这种情况，本文将介绍我能想到的解决这个问题的方案。 基础知识 html元素的高度默认是auto（被内容自动撑开），宽度默认是100%（等于浏览器可视区域宽度），没有ma…

使用了顶点缓冲技术后，绘制效率有了较大的提升。但是还有一点不尽如人意，那就是顶点的位置坐标、法向量、纹理坐标等不同方面的数据每次使用时需要单独指定，重复了一些不必要的工作。WebGL2提供了一种专门用于解决此问题的对象—…

*注：本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导 一， webpack之css模块化 二， 组件化设计与开发 三， webpack打包并将文件加载到指定的位置 四， Pos…

单行文本溢出省略： overflow:hidden; text-overflow:ellipsis; white-space:noerap; 注：一定要给容器定义宽度； 少了overflow:hidden，文字会撑到容器…

媒介  近来在用Polymer封装纯数字的输入框，开辟过程当中发明不是坑，也有不少值得研讨的处所。本系列盘算分4篇来叙说这段可歌可泣的踩坑阅历： [《着手写个数字输入框1：input[type=number]的遗憾》](…

代码优化 这个部分仅仅将代码优化本身,不考虑性能,关于代码部分的性能优化在 页面渲染 部分 代码优化 中 HTML+CSS 符合 XHTML 规范: 小写,正确嵌套,必须关闭; 双引号,合理缩进,utf-8编码; 标签语…

Vue特点及优点 小巧，压缩后体积17KB； 渐进式，不需要一口吃成大胖子，一上来就用所有的东西，可以一步一步、有阶段的先吃成小胖子； 数据驱动，双向数据绑定，MVVM模式，详见下一段 指令，例如v-if/v-show等…

1.原理 vue的双向数据绑定的原理相信大家都十分了解；主要是通过ES5的Object对象的defineProperty属性；重写data的set和get函数来实现的 所以接下来不使用ES6进行实际的代码开发；过程中如果…

下文根据汤姆大叔的深入javascript系列文章删改，如果想深入理解请阅读汤姆大叔的系列文章。http://www.cnblogs.com/TomXu/… 变量对象 初步介绍 变量对象(缩写为VO)是一个与…

canvas 描述 HTML5 < canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。 不过,< canvas>元素本身并没有绘制能力（它仅仅是图形的容器）-必须使用脚本…

室友同为前端开发，最近在他找工作的时候，讨论到了常见的前端笔试题和面试题，今天就来总结一下之前校招和社招时频繁遇到的面试题。 iframe 有哪些缺点? 页面看起来较杂乱，不易管理，布局不佳，易分散用户注意力 搜索引擎的…

针对容器某个角对背景图片做偏移定位现在就假设想针对容器右下角右侧20px偏移，底部10px偏移有如下几种方式1、原理设置透明边框 div { background: url(../images/code-pirate.s…