2:Hammer.js:http://hammerjs.github.io/ Hammer.js是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件。...支持精确的触摸移动操作,而且还可以设置自动播放、等比例缩放等等实用性的功能。支持触摸移动,支持响应式页面。最近的一个项目中使用到了swipe.js这个插件 感觉非常的好用的,五颗星好评。...图片发自简书App kendoui.io 提供KendoUI官方最新示例、文档的国内镜像,提供大量实际使用案例,提供开源库下载地址,KendoUI是一套很棒的HTML5开发控件,它的优点是控件齐全,功能强...,易于学习,使用代码简练。...专业版都是压缩的JS、CSS,基本不能阅读代码如果到期基本就不可以再免费使用了。
因此,cookie可以跨越一个域名下的多个网页,但不能跨越多个域名使用。 ③、不同浏览器对 cookie 的实现也不一样。即保存在一个浏览器中的 cookie 到另外一个浏览器是 不能获取的。...,我们可以通过读取 cookie 中的信息,恢复购物车中的物品。...然后通过查询数据库的信息来恢复购物车里的物品 ③、页面之间的传值。在实际开发中,我们往往会通过一个页面跳转到另外一个页面。后端服务器我们可以通过数据库,session 等来传递页面所需要的值。...3、怎么使用 cookie? ...比如: document.cookie="name=中文"; //为了防止中文乱码,我们可以使用encodeURIComponent()编码;decodeURIComponent()解码 document.cookie
return new Promise((resolve, reject)=> { // 假设此处是异步请求某个数据 $.ajax({ url...
其实Javascript并没有重载函数的功能,但是Arguments对象能够模拟重载。...Javascrip中每个函数都会有一个Arguments对象实例arguments,它引用着函数的实参,可以用数组下标的方式"[]"引用arguments的元素。...可以通过下面的例子来看一下arguments的具体使用方法 function test(){ if(arguments.length>0){ for(p of arguments){ console.log...,当需要使用递归来处理问题时callee就派上了用场 function count(a){ if(a==1){ return 1; } return a + arguments.callee...(--a);//此处的调用亦可使用cont(--a)的方式 } var mm = count(10); console.log(mm);//输出结果为55
ECMAScript 6 新增的“弱集合”(WeakSet)是一种新的集合类型,为这门语言带来了集合数据结构。WeakSet 是 Set 的“兄弟”类型,其 API 也是 Set 的子集。...WeakSet 中的“weak”(弱),描述的是 JavaScript 垃圾回收程序对待“弱集合”中值的方式。 基本API 1....创建WeakSet实例 可以使用 new 关键字实例化一个空的 WeakSet: const ws = new WeakSet(); 弱集合中的值只能是 Object 或者继承自 Object 的类型,...尝试使用非对象设置值会抛出 TypeError。...WeakSet 中的值任何时候都可能被销毁,所以没必要提供迭代其值的能力。
js的sort方法的使用 简介 本文讲解,js中的sort方法的使用。 数字排序 当function(x, y)得到的返回值小于0, x会被移动到y的前面。...------------升序,从小到大(return x - y) 当function(x, y)得到的返回值大学0, x会被移动到y后面。...------------降序,从大到小(return y - x) 当function(x, y)得到的返回值等于0 x和y的位置相对不变,不是所有浏览器都遵守 unicode排序 排序的优先级是,...arr = ["不要吃", "dont't eat", "Dont't eat", 8888]; arr.sort(); console.log(arr) 运行结果 可以看出来这个运行结果是,按照上面说的规则的...数字排序 使用sort()对数组[5, 12, 0, 1, -1, 85, 6, 33, 55]进行排序,并输出结果。
以下内容参考中国台湾的黑老大的文章:在ASP.NET MVC 4中使用Kendo UI Grid 建立一个ASP.NET MVC 4专案 使用NuGet安装KendoUIWeb及KendoGridBinder...Points = rnd.Next(9999) }).ToList(); } } } 要引用Kendo UI,需要载入必要的JS...及CSS,编辑App_Start/BundleConfig.cs,加入以下程序: bundles.Add(new ScriptBundle("~/bundles/kendoUI").Include...("~/Scripts/kendo/2012.1.322/kendo.web.min.js")); //经实测,SytleBundle virtualPath参数使用"2012.1.322...modernizr") @RenderBody() @Scripts.Render("~/bundles/jquery", "~/bundles/kendoUI
Script标签解析 xxx这组标签(不可使用单标签),是用于在html页面中插入js的主要方法。...它有多个属性,但多数已经废弃或者极少使用,下面只说明两个 type:必需。可以看作是language的替代品。表示代码使用的脚本语言的内容类型。...表示包含要执行代码的外部文件。...js"> 注意:如果现在你使用了外部调用的方法加载js,在中间则不能再写入js语句 例:的弹框 如果你想弹出一个标签的字符串,那么浏览器会误解成JS代码已经结束了。 解决的方法,就是把字符串分成两个部分,通过连接符‘+’来连接。
介绍 SweetAlter是一个可以美化的alter,他可以是适应所有设备【电脑,手机,平板】,自动全屏覆盖,位置在屏幕最中间。 可以自定配置一些参数,到达最好使用效果。...并且,是全js操作,也即不用再html写任何标签。...Npm npm install sweetalert 浏览器 js..."> 使用 最简单的使用 ?...,使用axios传输数据。
Node.js的基本使用 Vscode中的Node.js代码提示插件: npm install –save-dev @types/node 1....Node客户端与服务端JS的区别: 浏览器JS部分: 变量、运算符、流程控制、数据类型、DOM、BOM 服务端node.js只有一个部分: ECMAScript 在node.js中不能执行DOM、BOM...// 使用node环境下的node命令来执行代码 tab键补全 function fn(x, y) { return x + y } console.log(fn(1, 2)) 2 .模块化开发思想...导入fs模块-fs在node.js中 let fs = require('fs') 2....创建服务器 断url 并使用fs模块读取文件 判断文件并响应文件 根据请求的url拼接读取对应文件的路径并返回 let app = http.createServer((req, res) => {
Touch 手机端的操作 基本事件: touchstart //手指刚接触屏幕时触发 touchmove //手指在屏幕上移动时触发 touchend //手指从屏幕上移开时触发 touchcancel...type事件的名称 rotation旋转角度 scale缩放比例 direction操作的方向属性 fingersCount操作的手势数量 position相关位置信息, 不同的操作产生不同的位置信息...distance swipe类两点之间的位移 distanceX, x 手势事件x方向的位移值, 向左移动时为负数 distanceY, y ...手势事件y方向的位移值, 向上移动时为负数 angle rotate事件触发时旋转的角度 duration touchstart 与 touchend...之间的时间戳 factor swipe事件加速度因子 startRotate启动单指旋转方法,在某个元素的touchstart触发时调用
js自带函数和jquery中的append方法相似 insertAdjacentHTML是一个非常酷的DOM方法,我们可以调用任何DOM元素来向页面添加新内容。...这是插入新内容的一种很方便且灵活的方法。 对元素调用该方法并接受两个参数:位置和包含HTML的字符串。...这代表我们将HTML添加到容器中的位置。...我们有四种选项可以设置它的位置: beforebegin 在元素之前 afterbegin 在元素的第一个子元素之后 beforeend 在元素的最后一个子元素之后 afterend 在元素之后 下面的示例代码展示了
vertexAttr); gl.vertexAttribPointer(vertexAttr, 2, gl.FLOAT, false, 0, 0); return true; }; webkit html渲染使用...webkit,v8是chrome的js脚本引擎,webgl包含在webkit中
在写自己博客的时候,因为后端使用了node,所以我们需要将node服务部署在服务器上,node服务是需要一直启动的,在本地可以自己使用nodemon,但是在服务器上就需要借助其他工具了,比如pm2.js...安装 最新版本的 pm2可以通过npm或者yarn安装: $ npm install pm2@latest -g # or $ yarn global add pm2 启动一个应用程序 启动、守护和监视应用程序的最简单方法是使用这个命令行...: $ pm2 start app.js 或者轻松启动任何其他应用程序: $ pm2 start bashscript.sh $ pm2 start python-app.py --watch $ pm2...# 指定 cron 用于强制重新启动 --cron # 附加到应用程序日志 --no-daemon 正如你所看到的,有许多选项可用来管理你的应用程序与 PM2。...您将根据您的用例发现它们.
本文来讲下 express 框架的使用,变异的环境是 VS Code ,这里我已经配饰了阿里的镜像,所有 npm 指令用 cnpm 代替 首先学会向 Node.js 种引入 express 非常建党只需两步...现在开始讲 express 的使用: 准备部分(包的导入) var express = require('express'); var app = express(); 最简单的一个使用: 向服务器请求时...我们再访问服务器时描绘涉及到许许多多的路由,这是我们不可能将他们都一一列举出来,所以我们就可以用 ‘ :’ 来解决,如下: var express = require('express'); var...app.listen(3000);console.log('listening to port 3000'); 关于发送数据: 这里介绍一下 Postman 大家可以自行根据网上教程下载 基本使用到这里为止...,由于篇幅太长,下一篇记录下大文件:包括图片等的上传和测试
{//异步操作成功 resolve("success"); } else { reject("error"); } }); 二、链式调用-then方法 使用...,相当于同步的方式执行了 如果不使用then调用,会发生什么情况?...一般来说,不要在then方法里面定义 Reject 状态的回调函数(即then的第二个参数),总是使用catch方法。...reject,第一个执行reject方法的返回值会传递给p的回调函数 race 类似all,也将多个promise实例包装成一个新的promise实例 不同的是,要p1、p2、p3之中有一个实例发生改变...,最先改变的 Promise 实例的返回值会传递给p的回调函数。
JAVA中有一个StringBuffer类,js中却没有下面来自己实现一个简单的js的StringBuffer类。 ...__strings__.join(''); }; StringBuffer的使用: //此实例的主要是用来拼接字符串 function GnComCard(companymsg) {
js Date 使用详解 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份...js的Date对象由于日期函数太多不能一一讲解,有兴趣的同学可以上新编程的官网去查看 Date 对象属性 属性 描述 constructor 返回对创建此对象的 Date 函数的引用。...getYear() 请使用 getFullYear() 方法代替。 getHours() 返回 Date 对象的小时 (0 ~ 23)。...setFullYear() 设置 Date 对象中的年份(四位数字)。 setYear() 请使用 setFullYear() 方法代替。...toGMTString() 请使用 toUTCString() 方法代替。 toUTCString() 根据世界时,把 Date 对象转换为字符串。
koa(扩展知识, 建议学习) koa是express超集(进阶版) 前后端分离和耦合概念介绍 面向过程 -》 面向对象 --》 面向服务 数据库 Node.js mongodb(bson json的超集...MongodDB MongoDB的存储数据的形式bson 数据库功能是用来存储数据的。...数据库分为关系系数据库和非关系型数据库(nosql) 关系型数据库是由表和表之间的关系组成的,nosql是由集合组成的,集合下面是很多的文档。...非关系型数据库文件存储格式为BSON(一种JSON的扩展)。...切换: 数据库已经存在, 我们从一个数据库切换到另一个数据库 show dbs 将我们本地的所有数据库列出来 db/db.getName() 查看当前使用的数据库 MongoDB 数据库 -》 集合
浅谈与使用js中的原型# 1 什么是原型# “ 每个函数都会创建一个 prototype 属性,这个属性是一个对象,包含应该由特定引用类型的实例 共享的属性和方法。...实际上,这个对象就是通过调用构造函数创建的对象的原型。无论何时,只要创建一个函数,就会按照特定的规则为这个函数创建一个 prototype 属性(指向 原型对象)。”...2 原型的使用# 首先我们使用设计模式中的工厂模式来实现一个Person类,可以通过new这个Person的函数来创建一个与之具有相同属性的实例,也就省的我们再次创建Person函数了。...有,那就是用原型,请看下面这份代码: // 工厂模式实现 方法2 使用原型属性 function Person(name, age, job) { this.name = name this.age...3 小结# 本文仅是对于原型有个简单的认识也使用,原型在js中是一个比较重要的模块,还有__proto__ 、 原型链 这些概念没有讲到,如果感兴趣,可以再通过书籍及视频来交叉理解。
领取专属 10元无门槛券
手把手带您无忧上云