2017年01月_蒲厷渶之戀

原创通过git命令行从github或服务器上克隆、修改和更新项目

项目开发时，为了方便版本管理，许多公司采用git来控制项目版本。简单介绍下：第一步：在本地新建一个文件夹，作为本地仓库，如“test”。打开git bash，进入到该文件夹目录下，如下图：第二步：将本地仓库初始化，命令：git init。如下图：第三步：将项目从github或者服务器上克隆下来，命令：git clone url。url为项目服务器地址或github地址，

2017-01-22 17:20:01 32893 8

原创 windows系统下git的安装

在linux系统下，可以直接在命令窗口安装和使用git。但是，在windows系统下，想要达到同样的效果，可以安装git，使用git bash到达效果。具体安装步骤如下：第一步：官网上下载git 网址：https://git-for-windows.github.io/；版本：2.11.0。第二步：双击下载好的git安装包，弹出提示框，如下图：

2017-01-22 11:22:11 63777 1

原创 MongoDB的安装与配置

一、安装mongoDB第一步：mongoDb的下载。网址：https://www.mongodb.com/download-center#community选择相应版本号：注：（1） MongoDBfor Windows 64-bit 适合 64位的Windows Server 2008 R2, Windows 7 ,及最新版本的 Window

2017-01-19 18:48:44 257

原创原生Ajax：XMLHttpRequest对象

AJAX概念：一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。用于创建快速动态网页的技术。XMLHttpRequest 是 AJAX 的基础，并且所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。AJAX工作原理：

2017-01-18 15:45:56 1463

原创 input标签动态设置只读属性及其兼容性

项目中，经常会用到input标签，有时候还会用到input标签的只读属性“readOnly”。但是，input标签的只读属性“readOnly”具有一定的局限性，它只支持谷歌浏览器，不支持火狐浏览器和IE8浏览器。如果要求考虑兼容性，让input标签的只读属性同时支持谷歌、火狐和IE，那么我们可以采用input标签的另外一个属性：disabled。动态设置只读属性的具体方法如下：HTML代码：

2017-01-16 14:57:19 8823

原创下拉加载、下拉刷新

移动端开发中，上拉加载、下拉刷新这个功能经常用到，简单介绍下：该功能采用了插件iScroll.js，下载地址如下：http://cubiq.org/iscroll-4，示例demo如下：HTML代码：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type...

2017-01-13 19:08:41 821

原创 Form表单上传文件，上传成功后获取返回数据

项目开发过程中，涉及到了图片上传和文件上传。在做"图片上传"和"文件上传"的功能时，我在项目中用的是form表单，简单示例如下：一、图片或文件上传HTML代码如下：在页面渲染效果如下：选择文件，点击提交，执行结果如下：由上面执行结果的第一张图可知，Form表单中的action已被执行；由上面执行结果的第二张图可知，所选文件及相关信息已被上传。

2017-01-11 19:39:10 34593

原创使用photoshop（ps）将图片的背景色变成透明

在前端开发过程中，经常会用到图片（图片背景色是透明色的图片）。有时候设计比较忙，自己学习了一下，总结如下：第一步，打开Photoshop（ps），并在打开要变为透明色的图片。如下图：第二步，双击右边栏里面该图片的背景，弹出一个“新建图层”的弹出框，将该框中的名称改为“图层0”（可以为其它），然后点击确定。如下图：点击确定后，Photoshop右边栏中的“背景”变成了刚才

2017-01-09 14:14:25 59254 2

原创 JS中保留N位小数，四舍五入函数

对于小数，有时候要取到小数点后面的特定几位，JS中有特定的方法：toFixed()。代码如下：上图可见，对于一个number类型的数据data，要取小数点后的特定n位，data.toFixed(n)即可，这样可以达到四舍五入的效果。并且支持性良好，各个浏览器的打印结果如下：（1）谷歌浏览器中，结果如下：（2）火狐浏览器，结果如下：（3）IE浏览器（IE8），

2017-01-09 12:11:36 2041

原创轮播图

在做项目的过程中，经常会用到轮播图，轮播图的实现主要通过“平移量”来实现。简单总结一下：HTML代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>轮播图</title> <scri...

2017-01-06 13:01:11 469 2

原创 location对象

最近项目中，Location对象用的比较多，简单总结：Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。Location 对象存储在 Window 对象的 Location 属性中，表示那个窗口中当前显示的文档的 Web 地址。除了设置 locati

2017-01-06 09:34:26 325

原创 Javascript中定时器的使用方法

项目中，经常会用到定时器来实现数据实时更新、时间等，简单总结一下：Javascript中的定时器有两种，setInterval和setTimeout，而定时器的作用就是延迟执行。一、定时器的写法setInterval(expression,milliseconds)；setTimeout(expression,milliseconds)；上式中，expression

2017-01-04 17:38:09 28975

原创将Url解析成对象

在项目中，可能会遇到这样一种需求：将获取到的“URL”解析成对象。代码如下：html:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>解析URL成Obj</title> </head>...

2017-01-03 15:02:59 1635

原创判断客户端是手机端还是PC端

项目应用中，当PC端和手机端并存时，就需要通过判断客户端是哪种类型，从而来加载相应界面。代码如下：function IsPC() { const userAgentInfo = navigator.userAgent; const Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPo...

2017-01-03 14:49:25 2232

蒲厷渶と戀的博客