JavaScript面向对象 1.面向对象编程 两大编程思想： 面向过程编程(POP) - Process-oriented Programming 这种编程思想需要分析出解决问题所需的步骤，然后利用函数将每一步实现，在使用时依次调用。 面向对象编程(OOP) - Object-oriented Programming 这种编程思想需要把事务分解成一个个对象，然后由对象之间分工与合作。

ECharts项目-可视化展板 1. 用到的技术栈 基于flexible.js + rem智能大屏适配 flex布局 less - 使用easy less插件直接将less转换为css引入 基于Echarts数据可视化展示 Echarts柱状图、饼状图 Echarts地图 2. 适配方案 - flexible.js + rem 2.1 flexible.js flexible.js是专

JQuery项目-todolist 1. 布局 body里主要分三个部分：header头部，footer底部和中间部分我用section包裹。 1.1 header结构 我希望可以将ToDoList和后面的输入框绑定， 所以选择使用label包围ToDoList， 这样就可以点击文字的时候同时选中输入框。 对于输入框input，需要注意id要和label的for的值一样才能绑定；对于想要默认

JQuery事件 1. 事件注册 element.事件(function() {xxx}) e.g. $(‘div’).click(function() {xxx}) 2. 事件处理on()绑定事件 事件处理on()方法在匹配元素上绑定一个或多个事件的事件处理函数 element.on(events, [selector], fn) [on()的优势]： 可以绑定多个事件，多个处理事

JQuery动画效果 JQuery中封装了很多动画效果，如显示隐藏、滑动、淡入淡出、自定义动画等。 1. 显示隐藏 一般用的时候都很少带参数，直接显示或者隐藏即可。 show([speed, [easing], [fn]]) hide([speed, [easing], [fn]]) toggle([speed, [easing], [fn]]) 2. 滑动效果 下滑slideD

jQuery常用API 1. jQuery选择器 ID选择器 $(“id”) 全选选择器 $(“*”) 类选择器 $(“.class”) 标签选择器 $(“div”) 并集选择器 $(“div,p,li”) 交集选择器 $(“li.current”) 子代选择器 $(“ul>li”) 后代选择器 $(“ul li”) 2.隐式迭代

JQuery入门 JQuery是一个JavaScript库，封装了javascript常用的功能代码，为了更快速方便的操作DOM。 1. jQuery基本使用 原生js如果想把script标签写到div的上面，需要通过窗口加载事件load或者DOMContentLoaded，那么JQuery呢？ 2. JQuery入口函数 就相当于原生js的DOMContentLoaded，等DOM结构渲

本地存储 HTML5规范提出了需要本地存储大量数据的相关解决方案。 1. window.sessionStorage [特点]： 生命周期为关闭浏览器窗口 在同一个窗口（页面）下数据可以共享 以键值对的形式存储 [语法]： 存储：sessionStorage.setItem(key, value) 获取：sessionStorage.getItem(key) 删除: sessionS

触屏事件touch touch对象代表一个触摸点，触屏事件可相应用户对屏幕或者触控板的操作。 1. 常见的touch事件 touchstart - 手指触摸到一个DOM元素时触发 touchmove - 手指在一个DOM元素上滑动时触发 touchend - 手指从一个DOM元素上移开时触发 2. 触摸事件对象 TouchEvent是一类描述手指在触摸平面状态变化的事件。常见的触摸事件

offsetX 偏移量offsetX - 相对offsetParent偏移了多少？ 注意offsetParent是指带有定位的父级节点 offsetWidth和offsetHeight指包含border，padding，content的宽高。 scrollX 滚动量scrollX - 文档相对于当前浏览器视口滚动了多少？ clientX 这个属性描述自身位置。 clientTop就是bord