摘要：
在js中，一般使用如下几种方式进行数据的输出： 1. 在浏览器的控制台输出 浏览器F12打开浏览器控制台（一般前端开发人员必备浏览器为谷歌浏览器，下面就以谷歌浏览器为例对控制台尽心解析）； 1.1 Elements : 页面中的元素都在这个里面，经常用来调式页面的样式 1.2 Network : 包 阅读全文
摘要：
页面效果： CSS实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 阅读全文
摘要：
函数节流与函数防抖是我们解决频繁触发DOM事件的两种常用解决方案，但是经常傻傻分不清楚。本章内容对两者区别展开描述： 首先思考三个问题： 1. 函数节流和函数防抖是什么东东？ 2. 为什么要使用函数节流和函数防抖？ 3. 如何实现函数节流和函数防抖？ 基本思想：某些代码不可以在没有间断的情况连续重复 阅读全文
摘要：
前提在 jQuery 里，我们要获取一个标签元素的属性，可以用 attr()方法或者 prop()方法 ，那么两者有什么区别呢？ jQuery attr() 方法 和 prop() 方法 attr() 方法设置或返回被选元素的属性值。 prop() 方法设置或返回被选元素的属性和值。 注：单纯从定义 阅读全文
摘要：
Vue 是专注于构建用户界面层的渐进式 JavaScript 框架，它可以很方便地与各种中间件或者后端应用程序集成使用。Vue 为我们构建界面层提供了大量有用的工具，助我们构建复杂的单页应用。Vue 的特性包括但不限于： 响应式界面 声明式路由 数据绑定 指令 组件 事件处理 属性推断 过滤 Vue 阅读全文
摘要：
一、静态布局（Static Layout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动 阅读全文
摘要：
其实是一个很简单的东西，认真看十分钟就从一脸懵B 到完全 理解！ 先看明白下面： 例1 obj.objAge; //17 obj.myFun() //小张年龄undefined 例2 shows() //盲僧 比较一下这两者this 的差别，第一个打印里面的this 指向obj，第二个全局声明的sh 阅读全文
摘要：
我们都知道 js 是有onmousedown（鼠标按下事件）和onmouseup（鼠标抬起事件），刚开始我的思路是 鼠标抬起时间减去鼠标按下时间 这么写倒是也能实现 但是 必须要 鼠标抬起才能触发（鼠标按住10秒不松开，也不会出现效果。。。实际测试效果很不爽，感觉特别扭）。这个跟咱们安卓的使用感觉是 阅读全文
摘要：
转自 淘宝 npm 地址： http://npm.taobao.org/ 如何使用 有很多方法来配置npm的registry地址，下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例： 1.临时使用 2.持久使用 配置后可通过下面方式来验证是否成功 安装nodejs 后运行 npm 命令无响 阅读全文
摘要：
像淘宝网站等，页面中有着大量图片，一次性全部加载这些图片会使浏览器发送大量请求和造成浪费。采用懒加载技术，即用户浏览到哪儿，就加载该处的图片。这样节省网络资源、提升用户体验、减少服务器压力。 方法1：使用scrollTop/innerHeight/offsetTop 基本知识点： window.innerHeight：浏览器可视区域高度 document.body.scrollTop || d... 阅读全文
摘要：
图片预加载的三种方法 lazyload插件 lazyload是jquer下的一个实现预加载的插件，cdn为： http://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.js jquery的cdn： http://apps.bdi 阅读全文