2：Hammer.js:http://hammerjs.github.io/ Hammer.js是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件。...支持精确的触摸移动操作，而且还可以设置自动播放、等比例缩放等等实用性的功能。支持触摸移动，支持响应式页面。最近的一个项目中使用到了swipe.js这个插件 感觉非常的好用的，五颗星好评。...图片发自简书App kendoui.io 提供KendoUI官方最新示例、文档的国内镜像,提供大量实际使用案例,提供开源库下载地址，KendoUI是一套很棒的HTML5开发控件，它的优点是控件齐全，功能强...，易于学习，使用代码简练。...专业版都是压缩的JS、CSS，基本不能阅读代码如果到期基本就不可以再免费使用了。
ECMAScript 6 新增的“弱集合”（WeakSet）是一种新的集合类型，为这门语言带来了集合数据结构。WeakSet 是 Set 的“兄弟”类型，其 API 也是 Set 的子集。...WeakSet 中的“weak”（弱），描述的是 JavaScript 垃圾回收程序对待“弱集合”中值的方式。 基本API 1....创建WeakSet实例 可以使用 new 关键字实例化一个空的 WeakSet： const ws = new WeakSet(); 弱集合中的值只能是 Object 或者继承自 Object 的类型，...尝试使用非对象设置值会抛出 TypeError。...WeakSet 中的值任何时候都可能被销毁，所以没必要提供迭代其值的能力。
其实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
因此，cookie可以跨越一个域名下的多个网页，但不能跨越多个域名使用。 ③、不同浏览器对 cookie 的实现也不一样。即保存在一个浏览器中的 cookie 到另外一个浏览器是 不能获取的。...，我们可以通过读取 cookie 中的信息，恢复购物车中的物品。...然后通过查询数据库的信息来恢复购物车里的物品 ③、页面之间的传值。在实际开发中，我们往往会通过一个页面跳转到另外一个页面。后端服务器我们可以通过数据库，session 等来传递页面所需要的值。...3、怎么使用 cookie？ ...比如： document.cookie="name=中文"; //为了防止中文乱码，我们可以使用encodeURIComponent()编码；decodeURIComponent()解码 document.cookie
return new Promise((resolve, reject)=> { // 假设此处是异步请求某个数据 $.ajax({ url...
Script标签解析 xxx这组标签（不可使用单标签），是用于在html页面中插入js的主要方法。...它有多个属性，但多数已经废弃或者极少使用，下面只说明两个 type：必需。可以看作是language的替代品。表示代码使用的脚本语言的内容类型。...表示包含要执行代码的外部文件。... 注意：如果现在你使用了外部调用的方法加载js，在中间则不能再写入js语句 例：<script...的弹框 如果你想弹出一个标签的字符串，那么浏览器会误解成JS代码已经结束了。 解决的方法，就是把字符串分成两个部分，通过连接符‘+’来连接。
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) => {
js自带函数和jquery中的append方法相似 insertAdjacentHTML是一个非常酷的DOM方法，我们可以调用任何DOM元素来向页面添加新内容。...这是插入新内容的一种很方便且灵活的方法。 对元素调用该方法并接受两个参数：位置和包含HTML的字符串。...这代表我们将HTML添加到容器中的位置。...我们有四种选项可以设置它的位置： beforebegin 在元素之前 afterbegin 在元素的第一个子元素之后 beforeend 在元素的最后一个子元素之后 afterend 在元素之后 下面的示例代码展示了
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触发时调用
介绍 SweetAlter是一个可以美化的alter，他可以是适应所有设备【电脑，手机，平板】，自动全屏覆盖，位置在屏幕最中间。 可以自定配置一些参数，到达最好使用效果。...并且，是全js操作，也即不用再html写任何标签。...Npm npm install sweetalert 浏览器 使用 最简单的使用 ?...，使用axios传输数据。
以下内容参考中国台湾的黑老大的文章：在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
vertexAttr); gl.vertexAttribPointer(vertexAttr, 2, gl.FLOAT, false, 0, 0); return true; }; webkit html渲染使用...webkit，v8是chrome的js脚本引擎，webgl包含在webkit中
本文来讲下 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 大家可以自行根据网上教程下载 基本使用到这里为止...，由于篇幅太长，下一篇记录下大文件：包括图片等的上传和测试
在写自己博客的时候，因为后端使用了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。...您将根据您的用例发现它们.
{//异步操作成功 resolve("success"); } else { reject("error"); } }); 二、链式调用-then方法 使用...，相当于同步的方式执行了 如果不使用then调用，会发生什么情况？...一般来说，不要在then方法里面定义 Reject 状态的回调函数（即then的第二个参数），总是使用catch方法。...reject，第一个执行reject方法的返回值会传递给p的回调函数 race 类似all，也将多个promise实例包装成一个新的promise实例 不同的是，要p1、p2、p3之中有一个实例发生改变...，最先改变的 Promise 实例的返回值会传递给p的回调函数。
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__ 、 原型链 这些概念没有讲到，如果感兴趣，可以再通过书籍及视频来交叉理解。
定制的组件基于 Web Component 标准构建，可以在现在浏览器上使用，也可以和任意与 HTML 交互的 JavaScript 库和框架配合使用。...它赋予了仅仅使用纯粹的JS/HTML/CSS就可以创建可重用组件的能力。如果 HTML 不能满足需求，我们可以创建一个可以满足需求的 Web Component。...现在可以在我们的 HTML 里使用 元素了。 我们会用到 的 API 来创建我们的用户卡片。下面是数据的样例: 创建模板 现在，让我们创建一个将在屏幕上渲染的模板。...为了继续教程，我们需要创建一个 文件，然后写入下面的代码: 因为并不是所有浏览器都支持 Web Component，我们需要引入 webcomponents.js 这个文件。...你可以在这里阅读第二部分的教程：使用纯粹的JS构建 Web Component - Part 2! 关注我们
/模块文件名') 每个模块可以使用exports对象向外导出/公开一些自己内部的成员供其它模块使用 exports.成员名= 成员值; 5....Node.js预定义模块 － Global模块，提供的可以直接使用，而无需require('global') (1). exports：用于向外部导出当前模块内部的成员 (2). module：用于指代当前模块...Node.js官方提供的原生模块－util工具模块 (1). format(“名称:%s，价格:%d，%j”,obj.name，obj.price，obj) 使用带占位符的方式格式化字符串(%s代表字符串...Node.js官方提供的原生模块 －Buffer缓冲区，本质是一块内存区域，用于暂存以后要用到的数据（可能是数字、字符串、二进制图片/音视频等），该区域就称为“缓存”，Buffer是global成员，使用时无须...使用Node.js访问MySQL数据库 为了精简Node.js解释器，官方没有提供访问任何数据库相关模块，使用npm工具下载mysql模块：npm i mysql ，连接方法有以下三种： (1).
NextJs是React的服务器渲染框架，区别于官方SSRNext最大的特点是可以渲染出Ajax异步请求渲染出来的结果，本网站目前使用的前端框架就是NextJs 本文章默认你已将学会了React，如果你不会...），状态管理（redex），或者css（css in js、scss）方案都由社区提供，而Next和React最大的区别就是路由以及成果物的渲染方式，核心库基本没有区别因为在NextJs官网声明了NextJs...也可以使用*路由 在对应的文件夹中使用[...all].tsx 在本项目我使用了 image.png 这样就相当于注册了article中的所有路由在访问blogweb.cn/article/* 中凡是...，相当于为你的字元素添加了一个onclick事件，相当于Vue中router-link的tag属性 CSS解决方案 想React一样NextJs支持CSS in Js和CSS模块化引入，但是与React.../index.css'必须在_app.js中引入 使用@代替src文件夹 原本Next.js创建之后是不会有src文件夹的但是我们可以创一个（相关文档），然后将样式、模块、组件路由等文件放进去（总之就是关于项目配置的不要放
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
