pj_me-优快云博客

原创手写实现ajax的实现过程及ajax跨域

1、手写ajax的实现过程，不依赖任何第三方库主要考察XMLHttpRequest 对象，它用于在后台与服务器交换数据版本ie使用ActiveXObject对象，该方法没有做兼容（根据目前行情，不需要了）var xhr = new XMLHttpRequest();xhr.open("GET", url, false);xhr.onreadtstatechange = func...

2018-03-03 16:26:47 7447

原创关于form表单提交的方式和注意点

总结一下关于表单提交的几种方式：一、使用<input type="submit"> 直接提交表单<form id="form1" action="/test" method="post"> <label for="users">用户名：</label> <

2018-01-25 14:34:46 9124 1

原创 node.js连接MongoDB数据库成功之后报错：db.collection is not a function

最近在node中使用mongodb的时候，出现了一个错误，原代码如下：//引入mongodb模块，获得客户端对象var mongo = require("mongodb");//引入mongo模块var MongoClient = require("mongodb").MongoClient;//MongoClient对象var dburl = "mongodb://localhost:

2018-01-24 11:21:33 1932

原创 MongoDB增删改查等常用数据库操作封装成模块

这个模块里面封装了所有对数据库的常用操作：增删改查//在node中使用MongoClient类的connect( )方法进行数据库连接var MongoClient = require("mongodb").MongoClient;var dburl = "mongodb://localhost:27017/test";//连接数据库function _connectDB(cal

2018-01-23 10:34:29 474

转载 node.js中使用连接MongoDB数据库的方法

在node中使用mongogb数据库首先要安装mongodb模块：npm install mongodb连接MongoDB有两种方法：通过实例化mongodb模块中提供的MongoClient类，然后使用这个实例化的对象来创建和管理mongodb连接；使用字符串进行连接；一、使用MongoClient通过实例化一个MongoClient对象连接MongoDB数

2018-01-23 10:18:34 1116

转载 express框架中的express.static()和app.use()

在使用express框架的时候，会遇到设置静态文件目录，代码如下：//将静态文件目录设置为：项目根目录+/publicapp.use(express.static(__dirname + '/public'));//或者app.use(express.static(path.join(__dirname, 'public')));那么，什么是静态文件资源？以及express是怎

2017-12-28 10:35:05 39041 4

转载各种前端面试题-html/css/jquery/js/es6/ajax/json/mvvm/nodejs等

在这里总结了一下前端各种技术的面试题，所有问题均不带答案，需要自己解答。一、HTML、CSS、HTML5、CSS31、XHTML与HTML的有何异同？2、介绍一下CSS的盒子模型？弹性盒子模型是什么？3、Doctype的作用？标准模式与兼容模式各有什么区别?4、HTML5 为什么只需要写？5、行内元素有哪些？块级元素有哪些？空(void)元素有那些？6、页面导入样式时，使用link和@impor

2017-12-25 20:58:35 2008

原创关于nodejs中的回调函数理解

Node的三个特点：单线程，非阻塞I/O，事件驱动。Node的编程思维就是，所有的都是异步的，因此有了大量的回调函数。回调函数，就是放在另外一个函数（如 parent）的参数列表中，作为参数传递给这个 parent，然后在 parent 函数体的某个位置执行。举个栗子：var f1 = function(callback){ var a = 1, b = 2,

2017-12-22 11:14:33 4976 1

转载 CSS2中display:table属性的用法详解

想必大家都已经知道了css属性display的一些常见属性值，比如none，block，inline-block等等，今日我在看一个效果代码的时候，碰到一个之前从未使用过的属性值，就是它了，display：table。随后从网上以及手册中搜索了一下它的具体用法，在此总结下来分享给大家，希望能对大家有所帮助～我们都知道table是已经被W3C不再提倡使用的表格布局，所以大家

2014-12-24 11:17:42 9450

转载 CSS3 box-shadow兼容loading效果兼IE10+ CSS Hack介绍

一、称为引言的部分周一的时候，见到条转发较多的微博，是个页面链接，页面中有4个充分发挥CSS3 box-shadow潜力实现精湛的效果。有4个demo4种效果哦！比方说第三个的彩色转啊转的loading效果：是不是帅得掉渣啊！然而这种效果的实现就像是在大街上耍猴，围观人挺多，喝彩声也不少，但是，看完了，大家各回各家、各找各妈了！好比上面那个炫炫的酷酷的转转加载效果，全部

2014-12-18 17:42:10 1578

转载 JQMobile中的页面与对话框

1.关于page容器在page容器内，可以使用任何有效的html标签，但是page容器的直接子节点需要使用data-role标记属为“header”“content”“footer”的三个容器。2.关于页面之间的跳转1）.如果是外部页面的链接，那么JQmobile会自动构建AJAX驱动的站点和应用。默认情况下，当你点击了一个指向外部页面(比如：products.html)的链接，JQm

2014-11-27 14:45:42 1321

转载 HTML5中的各种事件

标准事件属性HTML 4 增加了通过事件触发浏览器中行为的能力，比如当用户点击某个元素时启动一段 JavaScript。下面的表格列出了可插入 HTML 5 元素中以定义事件行为的标准事件属性。Window 事件属性 - Window Event Attributes表单事件 - Form Events 键盘事件 - Keybord Events 鼠标事件 - Mous

2014-11-25 14:41:49 4517

翻译 11 个处理触摸事件和多点触摸的 JS 库

英文原文：11 Multi-touch and Touch events Javascript libraries　　触摸屏是现在所有智能手机的标配，还包括各种平板设备，而且很多桌面也慢慢在开始支持触摸操作。要开发支持触摸屏设备的 Web 应用，我们需要借助浏览器的触摸事件来实线。　　下图是各种触摸事件说明：　　本文我们介绍 11 个用来处理触摸事件以及支持多点触摸的 JS 库：

2014-11-25 13:46:20 494

转载 html5鼠标滚轮事件mousewheel使用

html5中增加了一个新的鼠标事件onmousewheel 这个事件使用的时候要注意使用方法，不然就不会起到作用，下面是一个实例

2014-11-25 11:19:35 1471

转载 CSS3中和动画有关的属性transform、transition 和 animation

CSS3中和动画有关的属性有三个 transform、 transition 和 animation。下面来一一说明: transform 从字面来看transform的释义为改变，使…变形；转换。这里我们就可以理解为变形。那都能怎么变呢？ none 表示不进行变换； rotate 旋转 transform:rotat

2014-11-25 10:42:18 729

转载快速了解HTML5

HTML5到底是什么？一般广义而言的HTML5则包含了HTML、CSS和JavaScript三个部分，而不只是第一印象仅仅HTML部分而已，在CSS 3和JavaScript层面也有许多的创新，让整个网页从布局到处理都更加给力，新囊括的技术让之前实现相当困难且安全性危机重重的功能变为了现实， HTML5好处－为什么要用HTML5 THML5

2014-11-25 10:33:23 585

原创多个优秀的HTML5和CSS3视觉差网站

响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案。 HTML5 & CSS3 制作出来的网站结构良好，有很多惊人的效果，并能够在任何设备上浏览。　　今天，我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站。在此集合中，你可以看到平面设计，网页设计，作品集和企业网站设计实例。

2014-11-21 15:20:14 5394

转载 28个最基本的HTML5特征和技术

前端的发展如此之迅猛，一不留神，大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话，可以把本文的内容作为必须了解的热身课程。一、新的Doctype//zxx:”doctype”中文意思指“文档类型”仍在使用麻烦的，不可能记得住的XHTML文档类型？如果是，为什么还在用呢？使用新的HTML5文档类型代替吧。你会活得更久的——正如Doug

2014-11-21 13:48:08 1072

转载国内最火的五款HTML5前端开发框架

本文主要为大家推荐五款国内最火的HTML5前端开发框架，它们分别是腾讯团队开发的JX、淘宝团队开发的KISSY、百度团队开发的QWrap和Tangram，以及上海康尚实验室推出的Como。1. JX（腾讯）JX 是一个类似 Google Closure Library 的 Web 前端开发框架，服役于 WebQQ 等大规模的 WebApp。JX 是模块化的非侵入式Web前端框架，开发于

2014-11-21 13:33:24 738

转载 14个支持响应式设计的流行前端开发框架

在几年前，并没有真正意义上的前端开发。随着网络技术的发展，网站和 Web 应用程序变得越来越复杂，前端部分的工作独立出来逐渐成为现在的前端开发。如今，我们可以看到越来越多的公司在招聘前端开发岗位。　　前端开发并不容易，除了掌握基本的 HTML、CSS 和 Javascript 之外，因为不同版本的浏览器和平台，你需要知道如何做一个跨浏览器的网站。而最新的发展趋势——响应式设计，它不仅使 Web

2014-11-21 12:00:24 513

转载常见的六种html5错误用法（避免）

一、不要使用section代替div人们在标签使用中最常见到的错误之一就是随意将HTML5的等价于——具体地说，就是直接用作替代品(用于样式)。在XHTML或者HTML4中，我们常看到这样的代码： My super duper page 而现在

2014-11-21 11:14:10 795

pj_me