form1.cn
Make a little progress every day
24th of August 2020 Javascript Node.js 2221

vue2与vue3的安装创建运行与打包发布

1,需要用到npm,需要先安装nodejs,在百度搜索安装最新版nodejsnpm作为包管理器来说相对来说比较好用,但是由于服务器不在国内所以有的时候速度会慢一点,所以安装一下淘宝团队的cnpm,这个就是npm在国内的镜像。2,安装cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.org#-g代表全局安装3,...
25th of August 2018 Javascript Node.js 2164

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 2721

使用$.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 2661

node.js中npm的常用命令

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

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 20986

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 3060

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 3325

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 2936

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 2497

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 2553

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 2466

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

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

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 2266

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 2435

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 3463

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 3707

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 2629

js中使用getElementsByClassName获取class对象

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

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

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

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

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

设置手机端文本超出行高显示省略号

1.给DIV设置属性:width:200px;text-overflow:ellipsis;overflow:hidden;当div里面的内容总宽度找过200PX的时候,超出的部分会以“...”的形式显示。2.这个案例《CSS超出使用text-overflow显示省略号》适用于单行文本的现实,才会有效。但当div里面的内容出现多行的时候则不能达到预期的效果。下面是解决多行...
28th of February 2017 Javascript JS 2079

CSS超出使用text-overflow显示省略号

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...
27th of February 2017 Javascript JS 2109

HTML5中meta常用标签属性说明

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...
13th of February 2017 Javascript JS 1969

bootstrap下拉菜单的鼠标放上显示与去掉点击事件

bootstrap去掉下拉菜单自带点击事件,第一次点击时展开菜单,第二次点击时收起菜单,有的时候我们不需要它提供的点击事件,比如我们在做鼠标放上显示展开菜单的功能时,当鼠标放上菜单展开此时在进行单击菜单会收起,这样感觉很别扭,以下方法实现了鼠标放上显示菜单且去掉点击事件html代码<liclass="active"...
18th of November 2016 Javascript JS 2064

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 1952

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 2586

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 1854

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...