书籍 《JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript框架设计》《JavaScript专家编程》《JavaScript Ninjia》《JavaScript语言精粹（修订版…
分类：html
内部元素横向&&垂直居中的15种常见写法
非常简洁易懂，排名不分先后，开整！HTML: <div class="main"> <div class="content"></div> </div> 第一种：常见的ma…
webpack里的externals
最近在用webpack做一些是sdk相关的东西，有几个概念总结一下： 1、library要做sdk，一定要做的一个配置，用于说明最终的SDK暴露给调用者的一个名称例如：library: ‘HelloJS…
Element-UI中Upload上传文件前端缓存处理
Element-UI对于文件上传组件的功能点着重于文件传递到后台处理，所以要求action为必填属性。但是如果需要读取本地文件并在前端直接处理，文件就没有必要传递到后台，比如在本地打开一个JSON文件，利用JSON文件在…
让一排图片水平居中对齐
先来理解一下 块级元素：独占一行，可以理解为是一个方块面，有宽高。常见的块级元素有：div p h1…h6 ul ol form table address……. 行级元素：可以与其他…
基于Web Notification的前端桌面弹窗
最近在和阿里云客服进行备案沟通的过程中，时常看到阿里云能够在桌面上实现消息推送，感觉很是神奇，因此就进行了下搜索学习；发现主要用到了Web Notification 来实现桌面消息的推送具体原理如下： Notificat…
bootstrap解析-排版
标题 <h1>36px .h1 <h2>30px .h2 <h3>24px .h3 <h4>18px .h4 <h5>14px .h5 <h6>12…
什么是编程的基本功？
作者：caoglish原文链接：http://t.cn/RKcyGX3来源：知乎 查询和阅读文档能力 原因：你使用编程来解决问题的时候，基本上最终的东西是代码，但是编程的知识太广，总有你不会的，总有你不了解的，总有你记不…
es5-Array
es5_Array 迭代方法： forEach： let arr = [1,4,2,3,4,5]; arr.forEach(function(value,index){ console.log(index); conso…
前端面试（知识点）整理（一）
一、页面布局 1.问题：假设高度已知，请写出三栏布局 ，其中左栏、右栏宽度各为300px，中间自适应。 解决方案一：使用浮动布局` <!DOCTYPE html> <html lang="en">…
跨浏览器tab页的通信解决方案尝试
目标 当前页面需要与当前浏览器已打开的的某个tab页通信，完成某些交互。其中，与当前页面待通信的tab页可以是与当前页面同域（相同的协议、域名和端口），也可以是跨域的。 要实现这个特殊的功能，单单使用HTML5的相关特性…
函数节流和图片懒加载
导读 这篇文章中主要介绍一下函数节流，然后给了一个图片懒加载的例子，说图片懒加载的时候顺带提了下怎么使用JS获取页面的宽高，卷上去的长度等。参考来源主要是《JavaScript高级程序设计》。 函数节流 浏览器的DOM操…
