2017 年 2月随笔档案 - sjpqy

鼠标跟随运动效果

摘要：鼠标跟随运动效果展示1、使用命令创建基本结构ul.cursorPlay#cursorPlay>li*12>a>img+div>span2、给span标签添加字段3、设置基本的样式1、cursorPlay的宽度 992px，高度600px2、cursorPlay li背景为白色，内边距为8px，外边距阅读全文

posted @ 2017-02-27 16:20 sjpqy 阅读(214) 评论(0) 推荐(0) 编辑

git 命令大全

摘要：参考网址：http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000一、安装git 1、下载 2、配置 $ git config --global user.name "Your Name" $ 阅读全文

posted @ 2017-02-27 16:11 sjpqy 阅读(215) 评论(0) 推荐(0) 编辑

JavaScript 原型链

摘要：前言 JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。虽然这经常被当作是 JavaScript 的缺点被提及，其实基于原型的继承模型比传统的类继承还要强大。实现传统的类继承模型是很简单，但是实现 JavaScript 中的原型继承则要困难的多。由于 Jav 阅读全文

posted @ 2017-02-27 01:08 sjpqy 阅读(258) 评论(0) 推荐(0) 编辑

js基础---cookie存储

摘要：一、Cookie是什么Cookie是一种客户端（浏览器）把用户信息以文件形式存储到本地硬盘的技术，说白了就是一种浏览器技术二、Cookie的作用Cookie的作用很单一，就是存储客户数据。（存储数据的文件叫Cookie文件）三、Cookie与变量的区别变量：数据是存储到内存中的，是一种暂时存储（阅读全文

posted @ 2017-02-25 00:28 sjpqy 阅读(470) 评论(0) 推荐(0) 编辑

html5新增标签

摘要：html5新增标签<section></section> 表示内容区块,一般入章节、页眉、页脚或者页面中的其他部分。可以与h1-h6等元素结合起来使用，标示文档的结构 <section></section><article></article>表示页面中的一块与上下文不相关的独立内容，譬如博客中的一阅读全文

posted @ 2017-02-25 00:16 sjpqy 阅读(208) 评论(0) 推荐(0) 编辑

css清除浮动的方法

摘要：1，父级div定义 height 原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。优点：简单、代码少、容易掌握缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题建议：不推荐使用，只建议高度固定的布局时使用 2，结尾处加空di 阅读全文

posted @ 2017-02-24 23:05 sjpqy 阅读(320) 评论(0) 推荐(0) 编辑

querySelectorAll与getElementsBy对比有什么不同

摘要：querySelectorAll与getElementsBy对比有什么不同javascript中的querySelectorAll与getElementsBy都可以获取dom元素对象，但是他们又有什么不同点呢？1. W3C 标准 querySelectorAll 属于 W3C 中的 Selector 阅读全文

posted @ 2017-02-24 13:37 sjpqy 阅读(799) 评论(0) 推荐(0) 编辑

正则表达式的相关验证

摘要：JS判断只能是数字和小数点 0.不能输入中文 1） 2） 1.文本框只能输入数字代码(小数点也不能输入) 2.只能输入数字,能输小数点. 3.数字和小数点方法二 4.只能输入字母和汉字 5.只能输入英文字母和数字,不能输入中文 6.只能输入数字和英文<font color="Red">chun</f 阅读全文

posted @ 2017-02-24 13:17 sjpqy 阅读(233) 评论(0) 推荐(0) 编辑

移动端WEB开发，click,touch,tap事件浅析

摘要：一、click 和 tap 比较两者都会在点击时触发，但是在手机WEB端，click会有 200~300 ms，所以请用tap代替click作为点击事件。 singleTap和doubleTap 分别代表单次点击和双次点击。二、关于tap的点透处理在使用zepto框架的tap来移动设备浏览器内阅读全文

posted @ 2017-02-23 15:29 sjpqy 阅读(204) 评论(0) 推荐(0) 编辑

移动端click事件延迟300ms到底是怎么回事，该如何解决？

摘要：不管在移动端还是PC端，我们都需要处理用户点击，这个最常用的事件。但在touch端click事件响应速度会比较慢，在较老的手机设备上会更为明显（300ms的延迟）。问题由来这要追溯至 2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题：当时的网站都是为大屏幕设备所设计的。于是苹阅读全文

posted @ 2017-02-23 15:24 sjpqy 阅读(845) 评论(0) 推荐(0) 编辑

DIV+CSS布局命名规范

摘要：一、命名规则说明 1）、所有的命名最好都小写2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整4）、空元素要有结束的tag或于开始的tag后加上"/"5）、表现与结构完全分阅读全文

posted @ 2017-02-23 01:07 sjpqy 阅读(236) 评论(0) 推荐(0) 编辑

TCP/IP协议

摘要：一、什么是TCP/IP Transmission Control Protocol/Internet Protocol的简写，中译名为传输控制协议/因特网互联协议，又名网络通讯协议，是Internet最基本的协议、Internet国际互联网络的基础，由网络层的IP协议和传输层的TCP协议组成。TCP 阅读全文

posted @ 2017-02-22 08:47 sjpqy 阅读(198) 评论(0) 推荐(1) 编辑

js获取浏览器宽高

摘要：IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentE 阅读全文

posted @ 2017-02-21 19:20 sjpqy 阅读(636) 评论(0) 推荐(2) 编辑

Canvas绘图

摘要：一、canvas 1、概念 canvas一般就是用来绘制图像的 2、基本知识上下文对象 var canvas = doucment.getElementById("canvas"); var ctx = canvas.getContext("2d"); ctx.fillStyle = "color 阅读全文

posted @ 2017-02-21 18:16 sjpqy 阅读(219) 评论(0) 推荐(2) 编辑

JavaScript 闭包

摘要：“闭包” 一词来源于以下两者的结合：要执行的代码块（由于自由变量被包含在代码块中，这些自由变量以及它们引用的对象没有被释放）和为自由变量提供绑定的计算环境（作用域）。在PHP、Scala、Scheme、Common Lisp、Smalltalk、Groovy、JavaScript、Ruby、 Pyt 阅读全文

posted @ 2017-02-17 20:29 sjpqy 阅读(236) 评论(2) 推荐(2) 编辑

JavaScript Ajax

摘要：AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是一种用于创建快速动态网页的技术。动态网页：是指可以通过服务器语言结合数据库随时修改数据的网页。静态网页，随着html代码的生成，页面的内容和显示效果就基本上不会发生变化了——除非你修改阅读全文

posted @ 2017-02-17 20:16 sjpqy 阅读(260) 评论(1) 推荐(2) 编辑

JQuery简介

摘要：JQuery简介 jQuery是一个JavaScript工具库（类库），它通过封装原生的JavaScript函数得到一整套定义好的方法。它的作者是John Resig，于2006年创建的一个开源项目，随着越来越多开发者的加入， jQuery已经集成了JavaScript、CSS、DOM和Ajax于阅读全文

posted @ 2017-02-17 19:53 sjpqy 阅读(5935) 评论(1) 推荐(2) 编辑

AngularJS简介

摘要：AngularJS的简介阅读全文

posted @ 2017-02-17 19:15 sjpqy 阅读(237) 评论(2) 推荐(2) 编辑

JSON文件

摘要：JSON是JavaScript的一个严格的子集，利用JavaScript中的一些模式来表示结构化数据。JSON是一种结构化的数据表示方式。所以，JSON并不是JavaScript独有的数据格式，其他很多语言都可以对JSON进行解析和序列化。 JSON的语法可以表示三种类型的值： 1.简单值：可以在J 阅读全文

posted @ 2017-02-17 18:53 sjpqy 阅读(233) 评论(1) 推荐(1) 编辑

nodejs API

摘要：1、url网址解析 url.parse(urlString[, parseQueryString[, slashesDenoteHost]]) url.format(urlObject) url.resolve(from, to) ┌───────────────────────────────── 阅读全文

posted @ 2017-02-16 19:16 sjpqy 阅读(262) 评论(0) 推荐(1) 编辑

NodeJS链接MongDB

摘要：创建一个mongdb.js var mongodb = require('mongodb') // 创建数据库服务的链接 var server = new mongodb.Server( 'localhost', 27017, { auto_reconnect: true} ) // 创建数据的连接阅读全文

posted @ 2017-02-16 19:08 sjpqy 阅读(89) 评论(0) 推荐(1) 编辑

mongoDB文档操作

摘要：document文档操作 1、插入文档 db.users.save({name: 'zhangsan', age: 25, sex: 1}); db.users.insert({name: 'zhangsan', age: 25, sex: 1}); 插入单条数据 db.users.insertOn 阅读全文

posted @ 2017-02-16 18:19 sjpqy 阅读(146) 评论(0) 推荐(1) 编辑

nodejs中的异步流程序控制nsync

摘要：异步编程是指由于异步I/O等因素，无法同步获得执行结果时，在回调函数中进行下一步操作的代码编写风格,常见的如setTimeout函数、ajax请求等等 http://cnodejs.org/topic/54acfbb5ce87bace2444cbfb 并不是node中的，但是我们开发中经常使用使阅读全文

posted @ 2017-02-16 18:16 sjpqy 阅读(183) 评论(0) 推荐(1) 编辑

nodejs中的路由

posted @ 2017-02-16 18:15 sjpqy 阅读(800) 评论(0) 推荐(1) 编辑

sass、less、stylus的安装及使用

摘要：一、什么是CSS预处器 CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。通俗的说，CSS预处理器用一种专门的编程语言，进行web页面样式设计，然后再编译成正常的CSS文件，以供项阅读全文

posted @ 2017-02-16 18:10 sjpqy 阅读(389) 评论(0) 推荐(1) 编辑

mongoDB的安装配置

摘要：1.MongoDB下载地址：下载对应的版本 https://www.mongodb.org/ =>download=>window=>download 2.安装按默认或选择安装位置一步步到头 3.创建数据库数据存放文件夹比如D:/data/db 4. 启动mongodb (指定数据文件存储路径) 阅读全文

posted @ 2017-02-16 11:20 sjpqy 阅读(248) 评论(2) 推荐(1) 编辑

Fetch的使用

摘要：Fetch 的出现就是为了解决 XMLHttpRequest(简称XHR) 的问题使用 XHR 发送一个 json 请求一般是这样： var xhr = new XMLHttpRequest();xhr.open('GET', url);xhr.responseType = 'json'; xhr. 阅读全文

posted @ 2017-02-15 14:25 sjpqy 阅读(289) 评论(1) 推荐(1) 编辑

sjpqy

02 2017 档案