form1.cn
Make a little progress every day
25th of August 2018 Javascript Node.js 803

linux安装nodejs与npm的方法

1、去官网下载和自己系统匹配的文件:英文网址:https://nodejs.org/en/download/中文网址:http://nodejs.cn/download/通过uname-a命令查看到我的Linux系统位数是64位(备注:x86_64表示64位系统,i686i386表示32位系统)2、下载下来的tar文件上传到服务器并且解压,然后通过建立软连接变为全局;1)上传服...
14th of April 2018 Javascript Jquery 1415

使用$.getJSON+PHP实现跨域ajax请求

一、什么是跨域?因为javascript同源策略的限制,a.com域名下的js脚本无法操作b.com或是c.a.com域名下的对象。Ajax的应用中,由于安全的问题,浏览器默认是不支持javascript跨域调用的。1.主域相同,子域不同,如xxx.aaa.com和yyy.aaa.com2.域名相同,端口不同,如xxx.aaa.com:8000和xxx.aaa.com3.域名相同,...
11th of January 2018 Javascript Node.js 1342

node.js中npm的常用命令

npm是一个node包管理和分发工具,已经成为了非官方的发布node模块(包)的标准。有了npm,可以很快的找到特定服务要使用的包,进行下载、安装以及管理已经安装的包。1、npminstallmoduleNames:安装Node模块安装完毕后会产生一个node_modules目录,其目录下就是安装的各个node模块。node的安装分为全局模式和...
10th of January 2018 Javascript Node.js 1347

node.js中创建对象为模块,外部文件操作对象属性和方法

创建一个对象文件foo.js,里面创建一个对象,使用module.exports=foo;可被外部文件所访问//定义私有和公共的变量var_name,_age;varname='',age=0;//模块对象的构造函数varfoo=function(name,age){_name=name;_age=name;}//获取私有变量_namefoo.prototype.getName=function(){return_name;}//设置私有变理_na...
09th of January 2018 Javascript Node.js 13123

node.js用npm install 报错:npm WARN saveError ENOENT: no s..

报错情况:在执行npminstallxxx时,出现如下:npmWARNsaveErrorENOENT:nosuchfileordirectory,open'/nodetest1/package.json'npmWARNenoentENOENT:nosuchfileordirectory,open'/nodetest1/package.json'原因:项目目录中没有package.json解决:使用npminit-f命令来生成一个package.json生成package.json在执...
09th of January 2018 Javascript Node.js 1467

node.js使用Promise解决回调地狱问题

Promise解决回调地狱问题,Promise的构造函数接收一个参数,参数是一个函数,并且传入两个参数:resolve,reject,resolve是将Promise的状态置为实现了,reject是将Promise的状态置为拒绝了。如果你在node.js中使用promise需要安装:npminstallpromise,functionrunAsync(){varp=newPromise(function(resolve,...
08th of January 2018 Javascript Node.js 1911

node.js写的小爬虫程序,Scott老师教的

最近在学习node.js,在imooc网学习,Scott老师讲怎么样用node.js爬imooc网络的课程,下面是实现代码:varhttp=require('http');varcheerio=require('cheerio');//处理获取的html模块varurl='http://www.imooc.com/learn/348';/***处理获取到的html代码*/functionsetHtml(html){var$=cheerio.load(html);//加...
08th of January 2018 Javascript Node.js 1466

node.js本地向远程发起post请求,Scott老师教的

我在imooc网学习node.js,其中Scott老师教了我怎么用node.js在本地评论imooc,经过学习和测试,果然成功了,确实可以被Scott老师带坏!consthttp=require('http');constqeurystring=require('querystring');//要发送的评论内容varpoststr=qeurystring.stringify({content:'我来试试用node评论!',cid:348});/...
07th of January 2018 Javascript Node.js 1181

node.js中events事件模块简单使用

events事件模块使用方法,直接看代码,都注释清楚了vareventMitter=require('events').EventEmitter;//事件模块,可以注册事件varlife=neweventMitter();//实例化一个eventMitter对象life.setMaxListeners(11);//设置事件最大注册数量,默认是10,Nodejs建议不要超过10个varmywho=function(who){console.log(...
07th of January 2018 Javascript JS 1105

js去掉字符串中左、右或所有空白

循环检查替换去掉所有空格调用functiontrim(s){returntrimRight(trimLeft(s));}去掉左边的空白functiontrimLeft(s){if(s==null){return"";}varwhitespace=newString("\t\n\r");varstr=newString(s);if(whitespace.indexOf(str.charAt(0))!=-1){varj=0,i=str.length;while(j<i&&whitespace.indexOf(str.charAt...
07th of January 2018 Javascript Node.js 1084

node.js中使用npm的nrm源管理器进行源间切换

由于“墙”的原因导致国内通过npm安装package有时候会非常慢,那么有什么办法可以傻瓜似的切换npm的源呢?答案就是nrm。nrm是一个NPM源管理器,允许你快速地在如下NPM源间切换:npmcnpmstrongloopeuropeanaustralianodejitsutaobao安装(注意,你需要在root下运行安装)npminstall-gnrm列出可选的源nrmls以上...
05th of November 2017 Javascript JS 1003

bootstrap模态框实现垂直居中

bootstrap模态框默认是水平居中,离上面30px,怎么让其在垂直方向也居中呢?,代码如下:$('#myModal').on('shown.bs.modal',function(e){$('#myModal').modal('show');//这是打开模态框//关键代码,如没将modal设置为block,则$modala_dialog.height()为零$(this).css('display','block');varmodalHeight=$(...
29th of October 2017 Javascript Jquery 899

jQuery手机触屏滑动图片轮播效果代码

使用方法引用js插件和css样式表<linktype="text/css"href="css/style.css"rel="stylesheet"/><scriptsrc="js/jquery.min.js"></script><scripttype="text/javascript"src="js/jquery.event.drag.js"></script><scripttype="text/javascript"src="js/jquery.touchSlider.js"></script>HTML结构很简单<divclass...
28th of October 2017 Javascript Jquery 981

jQuery手机网页上拉加载更多

手机网页和PC网页都可以使用的上拉加载更多内容,其中LoadingDataFn自己改为ajax加载就可以了varpage=1,//分页码off_on=false,//分页开关(滚动加载方法1中用的)timers=null;//定时器(滚动加载方法2中用的)//加载数据varLoadingDataFn=function(){vardom='';for(vari=0;i<20;i++){dom+='<li><imgsrc="http://w...
19th of October 2017 Javascript JS 1596

MP3上传前的预览和播放时长的获取

有的时候上传mp3需要获取mp3的时长,使用php也可以读取但是得读到mp3的文件,如果文件在远程还得下载下来,以下方法在上传前就可以获取到mp3的时长信息,可以存在隐藏域中提交:<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptlanguage="JavaScript"src="http://code.jquery.com/jq...
19th of October 2017 Javascript JS 1075

js中将object对象转换为string字符串输出

将js中的对象转化为字符串类型,然后就可以打印出来了,具体代码如下:functionobj2string(o){varr=[];if(typeofo=="string"){return"\""+o.replace(/([\'\"\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\"";}if(typeofo=="object"){if(!o.sort){for(variino){r.p...
12th of June 2017 Javascript JS 643

js中使用getElementsByClassName获取class对象

前端开发一般不需要过多考虑性能问题,但你想在性能上追求极致的话,一定要知道jQuery性能很差。原生API选择器相比jQuery丰富很多,如document.getElementsByClassName性是$(classSelector)的50多倍。getElementsByClassName()方法返回文档中所有指定类名的元素集合,作为NodeList对象。NodeList对象代表一个...
03th of May 2017 Javascript Jquery 1232

cropper简单且功能强大的图片剪裁jQuery插件

cropper是一款使用简单且功能强大的图片剪裁jQuery插件。该图片剪裁插件支持图片放大缩小,支持图片旋转,支持触摸屏设备,支持canvas,并且支持跨浏览器使用。cropper提供了大量的参数、方法和事件供图片的剪裁操作。安装可以通过Bower或NPM来安装该插件。bowerinstallcroppernpminstallcropper使用方法使用...
03th of May 2017 Javascript JS 865

js解决ios手机上传竖拍照片旋转90度问题

HTML5+canvas进行移动端手机照片上传时,发现iOS手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题;Android手机没这个问题。因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正。利用exif.js读取照片的拍摄信息,详见http://code.ciaoca.com/javascript/exif-js/这里...
18th of November 2016 Javascript JS 687

setInterval与setTimeout的用法

setInterval()每隔多长时间自动执行方法,时间是以豪秒为单位的(1000ms=1s)varc=0;varcode=setInterval(function(){alert(c++);},1000);//code返回一个可以传递给Window.clearInterval()从而取消对code的周期性执行的值。setTimeout()只执行code一次。如果要多次调用,请使用setInterval()或者让code自身再次...
12th of November 2016 Javascript Jquery 631

google prettify代码高亮

直接上代码<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><!--新Bootstrap核心CSS文件--><linkrel="stylesheet"href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"><!--可选的Bootstrap主题文件(一般不用引入)--><!--<linkr...
04th of November 2016 Javascript Jquery 963

Jquery.form自动提交表单上传图片

先引入相关js文件<scripttype="text/javascript"src="jquery-1.7.2.min.js"></script><scripttype="text/javascript"src="jquery.form.js"></script>创建一个表单,表单放一个input[type=file]<formmethod="post"enctype="multipart/form-data"name="chat_form"id="chat_form"style="display:none;"><inputna...
30th of October 2016 Javascript Jquery 501

Jquery插件Jquery.cookie.js使用方法

首先包含jquery的库文件,在后面包含jquery.cookie.js的库文件。<scripttype="text/javascript"src="js/jquery-1.7.2.min.js"></script><scripttype="text/javascript"src="js/jquery.cookie.js"></script>jquery.cookie.js文件去百度找,一搜一大堆语法$.cookie(名称,值,[option]);新添加一个会话cookie$.c...