摘要:
一、npm的文件结构 npm的安装: 本地安装 1. 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。 2. 可以通过 require() 来引入本地安 阅读全文
摘要:
相关概念: 包(package):可重用的代码,有时也可称为模块(一个目录、一个文件夹、一个或多个文件)。 模块(module):整个系统中一些相对对独立的程序单元,每个程序单元完成和实现一个相对独立的软件功能。解决相关业务功能问题,通常由一个或多个包/组件构成。 组件(Component)是对数据 阅读全文
摘要:
一、npm简介: npm全称为Node Package Manager,是一个基于Node.js的包管理器,也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。 npm的初衷:JavaScript开发人员更容易分享和重用代码。 npm的使用场景: 允许用户获取第三方包并使用。 允许用户 阅读全文
摘要:
一、如何高效地学习IT技能? 在线课堂学习方式: 三个一:思路一致、注意力一致、代码一致 听课方式: “三个注意”: 概念、场景、优缺点。 线下自我学习方式: 源码学习法:三个注意:分析源码思路、提取理论知识点和跟着思路敲一遍。 视频学习法:哪不会看哪里、边看边整理思路、边敲代码。 二、如何高效地I 阅读全文
摘要:
Koala是一个开源的预处理语言图形编译工具,目前已支持Less、Sass、Compass与CoffeeScript。 安装Koala 在Koala官网根据你的系统平台下载对应的版本。Linux系统要求已安装好ruby运行环境。 Koata的使用 https://github.com/oklai/k 阅读全文
摘要:
移动设备和PC本身有区别: 1、屏幕尺寸不同,屏幕大小导致显示的内容页不一样。 2、网络速度不同:手机分2G、3G、4G、WIFI等,我们要少用图片,JS、动画等等,用户打不开一样起不了作用。 3、使用习惯不同:按钮、链接大小要合适手指的点击。 4、技术层面:JS、FLASH不兼容,访问不了。 常见 阅读全文
摘要:
一、基本概念: html:超文本标记语言 (Hyper Text Markup Language) xhtml:可扩展超文本标记语言,是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。 h5:最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言,随后 阅读全文
摘要:
本人按书上的内容大致地把javaScript对象划分成“引用类型”、“基本包装类型”和“内置对象”三块内容。 我们这篇先了解下基本包装类型的详细用法吧! 一、我们先解下相关概念: 1、引用类型的值(对象)是一个引用类型的一个实例。 在ECMAScript中,引用类型是一种数据结构,用于将数据和功能组 阅读全文
摘要:
在我们生活中,常常会提到对象一词,如:你找到对象了吗?你的对象是谁呀?等等。 在我们家庭中,有男友的女青年都会说我有对象了,那么她的对象是XX(她的男友)。 夫妻间呢?都会说我的爱人是谁谁谁,现在我们应知道什么是对象了吧。 有一句谚语:万物皆对象,在我们开发者眼中,程序是反应现实生活的。那我们如何在 阅读全文
摘要:
一、meta的使用 1、<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> 强制让文档的宽度与设备 阅读全文
摘要:
相关理论概念: 直接量的概念:直接描述某个(些)存储空间的值的量,如变量的值、对象的值、数组的值。 数据类型:在数据结构中的定义是一个值的集合以及定义在这个值集上的一组操作。 1、变量的声明和使用 变量:是计算机语言中能储存计算结果或能表示值抽象概念。变量可以通过变量名访问。 语法规则: var 变 阅读全文
摘要:
-、css选择器的分类: 二、常用选择器详解: 1、标签选择器: 语法: 标签名 { 属性:属性值; } 代码示例: h1 { color: #ccc; font-size: 28px; } 2、类选择器: 语法: .类名 { 属性:属性值; } 代码示例: .top { margin-top:25 阅读全文
摘要:
目前,对于网页中一些浏览器兼容性问题,可以使用css hack(css 招数)和浏览器Bug修复的方式解决。名词解释: css Hack:针对特定浏览器编写冗余代码,这是一种欺骗浏览器的行为,预示着有更好的解决办法。 浏览器bug修复:针对浏览器本身的bug,使用css自有的属性,进行浏览器显示问题 阅读全文
摘要:
常用前端手册: http://caniuse.com/ http://www.w3school.com.cn/ http://www.runoob.com/ http://www.css88.com/ 预编译官网: http://www.1024i.com/demo/less/ http://les 阅读全文
摘要:
一、图表容器: Highcharts 实例化中绑定容器的两种方式: 1、通过 dom 调用 highcharts() 函数的方式 2、通过 chart.renderTo 来指定 二、图表样式: 其他样式代码示例: chart: { } 另外还可以通过 chart.className 来绑定 CSS 阅读全文
摘要:
一、Highchar图表的主要组成 1、图表标题(Title):图表包含标题和副表题(subTitle,可选)。 2、坐标轴(Axis):包括x轴(xAxis)和y轴(yAxis)。多个数据列可以共同使用一个坐标轴,为了对比或区分数据,Highchar提供了多轴的支持。 3、数据列(Series): 阅读全文
摘要:
一、创建条形图 1、创建div容器 <div id="container" style="min-width:800px;height:400px"></div> 2、编写图表配置代码 相关示例: <html> <head> <script type="text/javascript" src="h 阅读全文
摘要:
一、基础使用 二、功能模块的使用 功能模块是在 Highcharts 主要功能的基础做的扩展,是由官方发布的功能包,常用功能模块有: 更多图表类型扩展模块(highcharts-more.js) 3D 图表模块 (highcharts-3d.js) 导出功能模块(modules/exporting. 阅读全文
摘要:
提供完整的 Highcharts 资源包,包含实例文件、所有的 js 压缩版及源码、导出服务器文件等。 1、资源包的使用: 2、开放的CDN:http://img.hcharts.cn/ 二、Highchart的安装: 1、使用npm的安装: npm相关文档:http://www.npmjs.com 阅读全文
摘要:
一、Highchart简介: Highcharts 是一个用纯 JavaScript 编写的一个图表库, 能够很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表。 Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 阅读全文