cug-jdc的博客

随着移动开发的迅速发展，移动APP混合开发模式越来越受到欢迎，APP的开发过程也变得越来越快速、高效。这个HTML5+移动APP开发中遇到的各种代码元素的含义系列文章主要是想利用H5+开发移动APP过程给广大需要了解这方面的人以帮助，对于一些重要的JS代码、HTML代码以及CSS代码等含义进行详细的讲解说明

1、.ove_hid{overflow: hidden;}overflow 属性规定当内容溢出元素框时发生的事情。值 描述 visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 overflow 属性的值。

HTML标签包括两种，即块级元素(block)、内嵌元素（inline）（注意：具体的来说应该是三种，另外一种是行内块元素，常用的就是img和input,这里放在内嵌元素里了），块级元素：一般用来搭建网页架构、布局、承载内容……它包括右边这些标签：div、p、ul、ol、li、dl、dt、dd、fieldset、form、h1~h6、hr、table等，内嵌元素：一般用在网页内容之中的某些细节或部位，用以“强调、区分样式、上标、下标、锚点”等等

JavaScript之后端Web服务器开发Node.JS的MVVM模型学习篇MVVM单向绑定双向绑定同步DOM结构集成API在线电子表格MVVM什么是MVVM？MVVM是Model-View-ViewModel的缩写。要编写可维护的前端代码绝非易事。前面已经用MVC模式通过koa实现了后端数据、模板页面和控制器的分离，但是，对于前端来说，还不够。当用Node.js有了一整套后端开发模型后，我们对前端开发也会有新的认识。由于前端开发混合了HTML、CSS和JavaScript，而且页面众多，所以，代码的

JavaScript之后端Web服务器开发Node.JS的REST接口设计模式学习篇REST编写REST API开发REST APIREST自从REST（Representational State Transfer）风格的软件架构模式被提出来之后，REST就基本上迅速取代了复杂而笨重的SOAP，成为Web API的标准了。那什么是Web API呢？如果我们想要获取某个电商网站的某个商品，输入http://localhost:3000/products/123，就可以看到id为123的商品页面，但这

今天做web应用开发时遇到在使用非谷歌浏览器时，输入localhost:3000，显示如下：显示需要新应用打开此localhost，实在是没办法显示出网页。经过反复尝试终于发现问题其实是现在使用非Chrome浏览器，在地址栏输入不带http前缀的地址，系统会自动利用百度、或者搜狗直接对当前地址进行搜索，而不是直接进入到当前地址。而Chromeliul浏览器自动就已经将在地址栏输入的内容默认为地址进行处理了，这也是国产浏览器把握住了国产大部分用户在使用浏览器时的搜索行为，将之便利化默认为使用百度搜索等

JavaScript之后端Web服务器开发Node.JS的WebSocket协议学习篇WebSocket使用ws编写聊天室WebSocketWebSocket是HTML5新增的协议，它的目的是在浏览器和服务器之间建立一个不受限的双向通信的通道，比如说，服务器可以在任意时刻发送消息给浏览器。为什么传统的HTTP协议不能做到WebSocket实现的功能？因为HTTP协议是一个请求－响应协议，请求必须先由浏览器发给服务器，服务器才能响应这个请求，再把数据发送给浏览器。换句话说，浏览器不主动请求，服务器是没法

JavaScript之后端Web服务器开发Node.JS单元测试框架Mocha学习篇Mocha编写测试异步测试Http测试Mocha如果你听说过“测试驱动开发”（TDD：Test-Driven Development），单元测试就不陌生。单元测试是用来对一个模块、一个函数或者一个类来进行正确性检验的测试工作。比如对函数abs()，可以编写出以下几个测试用例：输入正数，比如1、1.2、0.99，期待返回值与输入相同；输入负数，比如-1、-1.2、-0.99，期待返回值与输入相反；输入0，期待返回

JavaScript之后端Web服务器开发Node.JS数据库访问学习篇访问数据库使用Sequelize建立Model访问数据库访问数据库程序运行的时候，数据都是在内存中的。当程序终止的时候，通常都需要将数据保存到磁盘上，无论是保存到本地磁盘，还是通过网络保存到服务器上，最终都会将数据写入磁盘文件。而如何定义数据的存储格式就是一个大问题。如果我们自己来定义存储格式，比如保存一个班级所有学生的成绩单：名字 成绩Michael 99Bob 85Bart 59Lisa 8

Promise对象是一个构造函数，用来生成Promise实例new 一个Promise对象 var p = new Promise(function(resolve,reject){ //做一些异步操作 setTimeout(function(){ console.log('执行完成'); resolve('成功输出'); },2000); .

JavaScript之后端Web服务器开发Node.JS框架koa学习篇web开发koakoa入门处理URL使用Nunjucks使用MVCweb开发最早的软件都是运行在大型机上的，软件使用者通过“哑终端”登陆到大型机上去运行软件。后来随着PC机的兴起，软件开始主要运行在桌面上，而数据库这样的软件运行在服务器端，这种Client/Server模式简称CS架构。随着互联网的兴起，人们发现，CS架构不适合Web，最大的原因是Web应用程序的修改和升级非常迅速，而CS架构需要每个客户端逐个升级桌面App，因此

JavaScript之后端Web服务器开发Node.JS基本模块学习篇基本模块fs文件系统模块stream支持流模块httpcrypto加密模块基本模块因为Node.js是运行在服务区端的JavaScript环境，服务器程序和浏览器程序相比，最大的特点是没有浏览器的安全限制了，而且，服务器程序必须能接收网络请求，读写文件，处理二进制内容，所以，Node.js内置的常用模块就是为了实现基本的服务器功能。这些模块在浏览器环境中是无法被执行的，因为它们的底层代码是用C/C++在Node.js运行环境中实现的。

JavaScript之后端Web服务器开发Node.JS学习篇Node.JS介绍Node.JS环境搭建与开发安装Node.js和npm第一个Node程序搭建Node开发环境模块Node.JS介绍Node.js是目前非常火热的技术，但是它的诞生经历却很奇特。在Netscape设计出JavaScript后的短短几个月，JavaScript事实上已经是前端开发的唯一标准。后来，微软通过IE击败了Netscape后一统桌面，结果几年时间，浏览器毫无进步。没有竞争就没有发展。微软认为IE6浏览器已经非常完善，几

JavaScript之第三方开源库（underscore）学习篇第三方开源库underscore分类功能数组操作高阶函数面向对象函数链式调用第三方开源库underscoreJavaScript是函数式编程语言，支持高阶函数和闭包。函数式编程非常强大，可以写出非常简洁的代码。例如Array的map()和filter()方法：'use strict';var a1 = [1, 4, 9, 16];var a2 = a1.map(Math.sqrt); // [1, 2, 3, 4]var a3 =

JavaScript之错误处理学习篇错误处理错误传播异步错误处理错误处理在执行JavaScript代码的时候，有些情况下会发生错误。错误分两种，一种是程序写的逻辑不对，导致代码执行异常。例如：var s = null;var len = s.length; // TypeError：null变量没有length属性对于这种错误，要修复程序。一种是执行过程中，程序可能遇到无法预测的异常情况而报错，例如，网络连接中断，读取不存在的文件，没有操作权限等。对于这种错误，需要处理它，并可能需要给用户反馈。

JavaScript之jQuery库学习篇选择器层级选择器查找和过滤操作DOM事件动画AJAX扩展jQuery，是JavaScript世界中使用最广泛的一个库。全世界大约有80~90%的网站直接或间接地使用了jQuery。鉴于它如此流行，又如此好用，所以每一个入门JavaScript的前端工程师都应该了解和学习它。jQuery这么流行，肯定是因为它解决了一些很重要的问题。实际上，jQuery能干这些事情：消除浏览器差异：你不需要自己写冗长的代码来针对不同的浏览器来绑定事件，编写AJAX等代码；简洁的操

JavaScript浏览器对象和JS操作学习篇浏览器对象JS操作操作DOM更新DOM插入DOM删除DOM操作表单操作文件AJAX(异步JS和XML）PromiseCanvas浏览器对象JavaScript的出现就是为了能在浏览器中运行，所以，浏览器自然是JavaScript开发者必须要关注的。目前主流的浏览器分这么几种：IE 6~11：国内用得最多的IE浏览器，历来对W3C标准支持差。从IE10开始支持ES6标准；Chrome：Google出品的基于Webkit内核浏览器，内置了非常强悍的JavaS

JavaScript的对象和面向对象编程学习篇标准对象DateRegExpJSON面向对象编程创建对象原型继承class继承标准对象在JavaScript的世界里，一切都是对象。但是某些对象还是和其他对象不太一样。为了区分对象的类型，用typeof操作符获取对象的类型，它总是返回一个字符串：typeof 123; // 'number'typeof NaN; // 'number'typeof 'str'; // 'string'typeof true; // 'boolean'typeof

JavaScript基本语法和函数学习篇基本语法语法和注释数据类型和变量字符串数组对象条件判断循环Map和Setiterable函数定义与调用作用域和解构赋值函数方法高阶函数闭包箭头函数generator基本语法JavaScript代码可以直接嵌在网页的任何地方，不过通常都把JavaScript代码放到中：<html><head> <script> alert('Hello, world'); </script></head&g

JavaScript 到底是什么？JavaScript（缩写：JS）是一门完备的 解释型动态编程语言。当应用于HTML文档时，可为网站提供动态交互特性。由布兰登·艾克（Brendan Eich，Mozilla 项目、Mozilla 基金会和 Mozilla 公司的联合创始人）发明。JavaScript 的应用场合极其广泛，简单到幻灯片、照片库、浮动布局和响应按钮点击，复杂到游戏、2D/3D 动画、大型数据库驱动程序等等。JavaScript 相当简洁，却非常灵活。开发者们基于 JavaScri..