因此，cookie可以跨越一个域名下的多个网页，但不能跨越多个域名使用。 ③、不同浏览器对 cookie 的实现也不一样。即保存在一个浏览器中的 cookie 到另外一个浏览器是 不能获取的。...，我们可以通过读取 cookie 中的信息，恢复购物车中的物品。...然后通过查询数据库的信息来恢复购物车里的物品 ③、页面之间的传值。在实际开发中，我们往往会通过一个页面跳转到另外一个页面。后端服务器我们可以通过数据库，session 等来传递页面所需要的值。...3、怎么使用 cookie？ ...比如： document.cookie="name=中文"; //为了防止中文乱码，我们可以使用encodeURIComponent()编码；decodeURIComponent()解码 document.cookie
其实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 中的值任何时候都可能被销毁，所以没必要提供迭代其值的能力。
return new Promise((resolve, reject)=> { // 假设此处是异步请求某个数据 $.ajax({ url...
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]进行排序，并输出结果。
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) => {
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触发时调用
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 大家可以自行根据网上教程下载 基本使用到这里为止...，由于篇幅太长，下一篇记录下大文件：包括图片等的上传和测试
1 延迟提示框的使用 方式一： 延迟提示框的使用1 #div1{ background:red; width:...DOCTYPE html> 延迟提示框的使用1 #div1{ background:red; width:...; } 2 定时器的使用...DOCTYPE html> 定时器的使用 function save(){ alert("aaaa"); }
通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。...微信JS-SDK使用步骤如下: 步骤一：绑定域名 登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。...步骤三：引入JS文件 在需要调用JS接口的页面引入如下JS文件:http://res.wx.qq.com/open/js/jweixin-1.2.0.js 备注：支持使用 AMD/CMD 标准模块加载方法加载...步骤四：通过config接口注入权限验证配置 所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用...api_ticket，与步骤三中config使用的签名凭证jsapi_ticket不同，开发者在调用微信卡券JS-SDK的过程中需依次完成两次不同的签名，并确保凭证的缓存。
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 对象转换为字符串。
{//异步操作成功 resolve("success"); } else { reject("error"); } }); 二、链式调用-then方法 使用...，相当于同步的方式执行了 如果不使用then调用，会发生什么情况？...一般来说，不要在then方法里面定义 Reject 状态的回调函数（即then的第二个参数），总是使用catch方法。...reject，第一个执行reject方法的返回值会传递给p的回调函数 race 类似all，也将多个promise实例包装成一个新的promise实例 不同的是，要p1、p2、p3之中有一个实例发生改变...，最先改变的 Promise 实例的返回值会传递给p的回调函数。
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文件夹的但是我们可以创一个（相关文档），然后将样式、模块、组件路由等文件放进去（总之就是关于项目配置的不要放
定制的组件基于 Web Component 标准构建，可以在现在浏览器上使用，也可以和任意与 HTML 交互的 JavaScript 库和框架配合使用。...它赋予了仅仅使用纯粹的JS/HTML/CSS就可以创建可重用组件的能力。如果 HTML 不能满足需求，我们可以创建一个可以满足需求的 Web Component。...现在可以在我们的 HTML 里使用 元素了。 我们会用到 的 API 来创建我们的用户卡片。下面是数据的样例: 创建模板 现在，让我们创建一个将在屏幕上渲染的模板。...为了继续教程，我们需要创建一个 文件，然后写入下面的代码: 因为并不是所有浏览器都支持 Web Component，我们需要引入 webcomponents.js 这个文件。...你可以在这里阅读第二部分的教程：使用纯粹的JS构建 Web Component - Part 2! 关注我们
koa(扩展知识， 建议学习) koa是express超集（进阶版） 前后端分离和耦合概念介绍 面向过程 -》 面向对象 --》 面向服务 数据库 Node.js mongodb(bson json的超集...MongodDB MongoDB的存储数据的形式bson 数据库功能是用来存储数据的。...数据库分为关系系数据库和非关系型数据库(nosql) 关系型数据库是由表和表之间的关系组成的，nosql是由集合组成的，集合下面是很多的文档。...非关系型数据库文件存储格式为BSON（一种JSON的扩展）。...切换： 数据库已经存在， 我们从一个数据库切换到另一个数据库 show dbs 将我们本地的所有数据库列出来 db/db.getName() 查看当前使用的数据库 MongoDB 数据库 -》 集合
云服务器
ICP备案
即时通信 IM
对象存储
云直播
