- Home
- Javascript
1，需要用到npm，需要先安装nodejs，在百度搜索安装最新版nodejsnpm作为包管理器来说相对来说比较好用，但是由于服务器不在国内所以有的时候速度会慢一点，所以安装一下淘宝团队的cnpm，这个就是npm在国内的镜像。2，安装cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.org#-g代表全局安装3，...
1、去官网下载和自己系统匹配的文件：英文网址：https://nodejs.org/en/download/中文网址：http://nodejs.cn/download/通过uname-a命令查看到我的Linux系统位数是64位（备注：x86_64表示64位系统，i686i386表示32位系统）2、下载下来的tar文件上传到服务器并且解压，然后通过建立软连接变为全局；1）上传服...
一、什么是跨域？因为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.域名相同，...
npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。1、npminstallmoduleNames：安装Node模块安装完毕后会产生一个node_modules目录，其目录下就是安装的各个node模块。node的安装分为全局模式和...
创建一个对象文件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...
报错情况：在执行npminstallxxx时，出现如下：npmWARNsaveErrorENOENT:nosuchfileordirectory,open'/nodetest1/package.json'npmWARNenoentENOENT:nosuchfileordirectory,open'/nodetest1/package.json'原因：项目目录中没有package.json解决：使用npminit-f命令来生成一个package.json生成package.json在执...
Promise解决回调地狱问题，Promise的构造函数接收一个参数，参数是一个函数，并且传入两个参数：resolve，reject，resolve是将Promise的状态置为实现了，reject是将Promise的状态置为拒绝了。如果你在node.js中使用promise需要安装：npminstallpromise,functionrunAsync(){varp=newPromise(function(resolve,...
最近在学习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);//加...
我在imooc网学习node.js，其中Scott老师教了我怎么用node.js在本地评论imooc，经过学习和测试，果然成功了，确实可以被Scott老师带坏！consthttp=require('http');constqeurystring=require('querystring');//要发送的评论内容varpoststr=qeurystring.stringify({content:'我来试试用node评论！',cid:348});/...
events事件模块使用方法，直接看代码，都注释清楚了vareventMitter=require('events').EventEmitter;//事件模块，可以注册事件varlife=neweventMitter();//实例化一个eventMitter对象life.setMaxListeners(11);//设置事件最大注册数量，默认是10，Nodejs建议不要超过10个varmywho=function(who){console.log(...
循环检查替换去掉所有空格调用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...
由于“墙”的原因导致国内通过npm安装package有时候会非常慢，那么有什么办法可以傻瓜似的切换npm的源呢？答案就是nrm。nrm是一个NPM源管理器，允许你快速地在如下NPM源间切换：npmcnpmstrongloopeuropeanaustralianodejitsutaobao安装（注意，你需要在root下运行安装）npminstall-gnrm列出可选的源nrmls以上...
bootstrap模态框默认是水平居中，离上面30px，怎么让其在垂直方向也居中呢？，代码如下：$('#myModal').on('shown.bs.modal',function(e){$('#myModal').modal('show');//这是打开模态框//关键代码，如没将modal设置为block，则$modala_dialog.height()为零$(this).css('display','block');varmodalHeight=$(...
使用方法引用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...
手机网页和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...
有的时候上传mp3需要获取mp3的时长，使用php也可以读取但是得读到mp3的文件，如果文件在远程还得下载下来，以下方法在上传前就可以获取到mp3的时长信息，可以存在隐藏域中提交：<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptlanguage="JavaScript"src="http://code.jquery.com/jq...
将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...
前端开发一般不需要过多考虑性能问题，但你想在性能上追求极致的话，一定要知道jQuery性能很差。原生API选择器相比jQuery丰富很多，如document.getElementsByClassName性是$(classSelector)的50多倍。getElementsByClassName()方法返回文档中所有指定类名的元素集合，作为NodeList对象。NodeList对象代表一个...
cropper是一款使用简单且功能强大的图片剪裁jQuery插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持canvas，并且支持跨浏览器使用。cropper提供了大量的参数、方法和事件供图片的剪裁操作。安装可以通过Bower或NPM来安装该插件。bowerinstallcroppernpminstallcropper使用方法使用...
HTML5+canvas进行移动端手机照片上传时，发现iOS手机上传竖拍照片会逆时针旋转90度，横拍照片无此问题；Android手机没这个问题。因此解决这个问题的思路是：获取到照片拍摄的方向角，对非横拍的ios照片进行角度旋转修正。利用exif.js读取照片的拍摄信息，详见http://code.ciaoca.com/javascript/exif-js/这里...
1.给DIV设置属性：width:200px;text-overflow:ellipsis;overflow:hidden;当div里面的内容总宽度找过200PX的时候，超出的部分会以“...”的形式显示。2.这个案例《CSS超出使用text-overflow显示省略号》适用于单行文本的现实，才会有效。但当div里面的内容出现多行的时候则不能达到预期的效果。下面是解决多行...
text-overflow语法：text-overflow:clip//不显示省略标记（...），而是简单的裁切text-overflow:ellipsis//当对象内文本溢出时显示省略标记（...）完整css+div的html源代码，需要加入<nobr>标签：<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>text-overflow案例在线演示www.divcss...
HTML5中meta常用标签属性说明IE兼容模式，Bootstrap不支持IE古老的兼容模式。为了让IE浏览器运行最新的渲染模式下，建议将此<meta>标签加入到你的页面中：<metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-sca...
bootstrap去掉下拉菜单自带点击事件，第一次点击时展开菜单，第二次点击时收起菜单，有的时候我们不需要它提供的点击事件，比如我们在做鼠标放上显示展开菜单的功能时，当鼠标放上菜单展开此时在进行单击菜单会收起，这样感觉很别扭，以下方法实现了鼠标放上显示菜单且去掉点击事件html代码<liclass="active"...
setInterval()每隔多长时间自动执行方法，时间是以豪秒为单位的(1000ms=1s)varc=0;varcode=setInterval(function(){alert(c++);},1000);//code返回一个可以传递给Window.clearInterval()从而取消对code的周期性执行的值。setTimeout()只执行code一次。如果要多次调用，请使用setInterval()或者让code自身再次...
直接上代码<!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...
先引入相关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...
首先包含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...
