liujianfeng1214
liujianfeng1214

从浏览器中的Event Loop(事件循环)机制探索JavaScript异步

Event Loop不同的实现

事件(event)：事件就是由于某种外在或内在的信息状态发生的变化，从而导致出现了对应的反应。
比如说用户点击了一个按钮，就是一个事件;HTML页面完成加载，也是一个事件。
而且一个事件中会包含多个任务。

①浏览器在HTML Standard中定义了Event Loop
②Node.js使用了libuv库来实现Event Loop(本人完全不懂Node，用的是Python)

浏览器的Event Loop和Node.js的Event Loop是两个概念，本文只描述基于浏览器的Event Loop

JavaScript中,任务被分为Task(又称为MacroTask,宏任务)和MicroTask(微任务)两种

MacroTask:

MacroTask任务源非常宽泛，总结来说task任务源：
①setTimeout
②setInterval
③I/O
④UI rendering
⑤script
⑥setImmediate(Node.js API)

每一个event loop有一个或者多个task队列。
当用户代理安排一个任务，必须将该任务增加到相应的event loop的一个tsak队列中。
比如可以为鼠标、键盘事件提供一个task队列，其他事件又是一个单独的队列。

注：task也被称为MacroTask，由指定的任务源去提供任务

MicroTask:

HTML Standard没有具体指明哪些是MicroTask任务源，通常认为是MicroTask任务源有：
①promises
②MutationObserver MutationObserver API
③process.nextTick(Node.js API)
④Object.observe(已废弃)

在Promises / A +规范的Notes 3.1中提及了promise的then方法可以采用“宏任务”机制或者‘微任务’机制来实现。所以在不同浏览器的差异正源于此，有的浏览器将then放入了宏任务队列，有的放入了微任务队列

每一个event loop有一个且只有一个microtask队列

注：microtask 队列和task 队列有些相似，由指定的任务源去提供任务;

Event Loop的处理过程(Processing model)

在HTML Standard中Processing model 定义了event loop的循环过程：

一个event loop只要存在，就会不断执行下边的步骤：
1.在tasks队列中选择最先进入的task(！！！参考最下面的思考题),用户代理可以选择任何task队列，如果没有要选择的任务，则跳到下边的microtasks步骤。
2.将上边选择的task设置为currently running task。
3.Run: 运行被选择的task。
4.将event loop的currently running task设置回null。
5.从task队列中移除已经完成运行的task。
6.Microtasks: 执行microtasks checkpoint。（也就是执行microtasks队列里的任务 ）
7.更新渲染（Update the rendering）...
8.返回到第一步。

event loop会不断循环上面的步骤，概括说来：
1.event loop会不断循环的去取tasks队列中最老的一个任务推入栈中执行，并在当次循环里依次执行并清空microtask队列里的任务。
2.执行完microtask队列里的任务，有可能会渲染更新。（浏览器很聪明，在一帧以内的多次dom变动浏览器不会立即响应，而是会积攒变动以最高60HZ的频率更新视图）

执行进入microtask检查点时，用户代理会执行以下步骤：

1.将microtask checkpoint的flag设为true。
2.Microtask queue handling: 如果event loop的microtask队列为空，直接跳到第8步（Done）。
3.在microtask队列中选择最先进入队列的一个任务。
4.将上边选择的microtask设为event loop的currently running task。
5.运行被选择的任务。
6.将event loop的currently running task设置回null。
7.从microtask队列中移除已经完成运行的microtask，然后返回到第2步（Microtask queue handling）。
8.Done: 每一个environment settings object它们的 responsible event loop就是当前的event loop，会给environment settings object发一个 rejected promises 的通知。
9.清理IndexedDB的事务。
10.将microtask checkpoint的flag设为flase。

microtask checkpoint所做的就是执行microtask队列里的任务。什么时候会调用microtask checkpoint呢?
1.当上下文执行栈为空时，执行一个microtask checkpoint。
2.在event loop的第六步（Microtasks: Perform a microtask checkpoint）执行checkpoint，也就是在运行task之后，更新渲染之前。

示例

从浏览器中的Event Loop(事件循环)机制探索JavaScript异步_第1张图片

HTML Standard 8.1.4 Event loops

An event loop has one or more task queues. A task queue is an ordered list of tasks, which are algorithms that are responsible for such work as:
Parsing
The HTML parser tokenizing one or more bytes, and then processing any resulting tokens, is typically a task.
Callbacks
Calling a callback is often done by a dedicated task.
译：
事件循环具有一个或多个任务队列。任务队列是一个有序的任务列表，这些算法负责以下工作：
解析
HTML解析器标记一个或多个字节，然后处理任何生成的标记，是典型的一项任务(即我们解析和执行完

你可能感兴趣的:(JS)

  • Laravel 多图片上传 —Qeyser HtmlLaravellaraveljavascript前端
    Laravel+htmljs图片上传实现前端代码多图片上传（最多5张）.image-preview{display:flex;flex-wrap:wrap;margin-top:20px;}.image-previewimg{max-width:100px;max-height:100px;margin:5px;border:1pxsolid#ccc;border-radius:5px;}.upl
  • vue element NavMenu 导航菜单 星光君 VuevueelemntNavMenu导航菜单
    今天给大家带来一个垂直的导航菜单：点击左边的菜单栏，右边也跟着变。上代码：这是.vue文件购物指南购物流程常见问题支付方式积分支付售后服务换货流程换货政策特色栏目高端专区关于我们联系我们意见建议上路由route/index.js{path:'/goodsList/Goods_Index',name:'Goods_Index',component:GoodsIndex,meta:{title:'商品
  • 计算机毕业设计Python+uniapp今日健康饮食食谱小程序(小程序+源码+LW) Python毕设源码程序高学长 python课程设计uni-app
    计算机毕业设计Python+uniapp今日健康饮食食谱小程序(小程序+源码+LW)该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程项目运行环境配置：Pychram社区版+python3.7.7+Mysql5.7+uni+HBuilderX+listpip+Navicat11+Django+nodejs。项目技术：django+python+UNI等等组成，B/S模式+pychram
  • 第 5 章：vuex Muko_0x7d2 Vuevue.js
    1.理解vuexvuex是什么：概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。Github地址:https://github.com/vuejs/vuex什么时候使用Vuex多个组件依赖于同一状态（数据）来自不同组件的行为需要变更同一状态（数据）多个组件需要共享数据时工作
  • npm执行安装报错 Snalne 笔记vue.jsnode.jsnpm
    安装vue脚手架的过程中，遇到了npminstall-g报错的问题。具体报错信息如下npmERR!codeEPERMnpmERR!syscallmkdirnpmERR!pathD:\Develop\nodejs\node_cache_cacachenpmERR!errnoEPERMnpmERR!FetchError:Invalidresponsebodywhiletryingtofetchhttp
  • WebSocket的详解 小陆不会敲代码 网络websocket网络协议网络学习笔记node.js
    文章目录前言一、WebSocket是什么？二、WebSocket使用示例前端部分（JavaScript）后端部分（Node.js示例）三、WebSocket心跳机制前端心跳示例后端心跳检测示例（Node.js）四、WebSocket常用事件：五、WebSocket使用场景五、总结前言WebSocket是一种网络通信协议，它提供了一个全双工的通信通道，允许服务器与客户端之间进行实时数据交换。与传统的
  • PyQt5 图形标注工具开发教程（可扩展） 蜡笔小新星 PyQt5qt开发语言python经验分享学习前端
    文章目录概述核心功能解析1.智能多边形系统2.数据持久化设计3.工业级交互设计使用指南多边形标注流程矩形标注流程数据保存示例完整实现代码扩展建议概述本教程将指导您创建一个专业的图形标注工具，支持以下核心功能：智能十字准星：实时跟随鼠标的辅助对齐线多边形标注：三点自动闭合，支持实时预览矩形标注：拖拽式绘制，自动坐标标准化数据持久化：JSON格式保存标注坐标交互优化：右键清空、模式切换等功能初版界面示
  • npm下载包报错解决方案 运维天坑笔记 运维笔记npm前端node.js
    npm下载包的时候突然报错报错1：npminstall报错npmWARNtarENOENT:nosuchfileordirectory,open‘...\node_modules\.staging\...’有看到一些文章说删除package.json，然后重新npminstall安装就可以解决，亲测这个方法是不行的，依然还是会报相同的错误。正确的解决办法：删除文件package-lock.json
  • LeetCode热题100JS（37/100）第七天|排序链表|合并K个升序链表|LRU缓存|二叉树的中序遍历|二叉树的最大深度|对称二叉树 Alicesflower LeetCode热题100JSleetcode算法职场和发展
    148.排序链表题目链接：148.排序链表难度：中等刷题状态：1刷新知识：-`dic.reduceRight((t,c)=>(c.next=t,c),null)`方法从数组的末尾开始执行解题过程思考示例1：输入：head=[4,2,1,3]输出：[1,2,3,4]当然可以转成数组排序再生成链表，但我感觉这考点应该不是这个题解分析参考题解链接：240.搜索二维矩阵II（贪心，清晰图解）好吧，可以这么
  • js处理字符串、数组、对象常用方法汇总 编码七号 javascript开发语言ecmascript
    字符串（String）字符串是JavaScript中的基本数据类型之一，用于表示文本数据。以下是一些常用的字符串操作方法：charAt(index):返回指定索引处的字符。charCodeAt(index):返回指定索引处的字符的Unicode编码。concat(string2,string3,...,stringN):连接两个或多个字符串，并返回新的字符串。includes(searchStri
  • 将小程序原生异步函数promisify后，在async/await中使用 前端爱好者_ss 小程序小程序
    app.js代码：constpromisify=require('./lib/promisify.js')App({globalData:{},chooseImage:promisify(wx.chooseImage),showActionSheet:promisify(wx.showActionSheet),onLaunch:function(){},})promisify.js代码：modul
  • js逆向——webpack扣法 sin_0119 javascriptwebpack前端爬虫
    01webpack讲解webpack是个静态模块打包工具，目的是为了让前端工程师写的前端代码变成浏览器可以识别的代码，并且可以达到前端项目的模块化，也就是如何更高效地管理和维护项目中的每一个资源。但无疑是对js逆向造成了妨碍。但如果掌握了扣取webpack的一些技巧也是不难的。接下来，说一下我对扣取webpack代码的一些理解。1.1webpack组成一个最基本的webpack组成有两个部分:自执
  • 解释 HTTP 中的内容协商，如何根据客户端偏好返回合适的内容？ 程序员黄同学 前端开发JavaScriptnode.jshttp网络协议网络
    一、内容协商的本质与价值内容协商（ContentNegotiation）是HTTP协议中客户端与服务器就资源表现形式达成一致的协商机制。其核心价值在于：用同一URI提供资源的不同表现形式，同时保证客户端获得最适合自身环境的内容版本。典型应用场景：多语言站点自动适配浏览器语言根据设备类型返回移动版/桌面版页面API接口支持JSON/XML等多种数据格式图片资源按客户端支持格式自动转换二、核心协商机制
  • Linux系统（以Ubuntu为例）安装高版本nodejs 红衣大叔 javascript帮助文档linuxubuntujavascript
    运行以下命令可以下载并执行nvm（NodeVersionManager）的安装脚本。这个命令会从nvm的官方GitHub仓库下载特定版本的安装脚本并执行它，从而在你的系统上安装nvm。详细步骤打开终端：首先，打开你的终端应用程序。运行安装命令：curl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh|bash-使用
  • viewer.js插件--图片预览，放大，旋转，镜像翻转，幻灯片播放等功能 十年 lius jsweb前端javascriptviewer
    varviewer=newViewer(document.getElementById('yyzh_img'),{url:'data-original',toolbar:{zoomIn:4,zoomOut:4,oneToOne:false,reset:true,prev:false,play:{show:false,size:'large',},next:false,rotateLeft:true
  • html5 iframe实现页面预览pdf 十年 lius web前端html5
    一个可以把上传文件的绝对地址拿到的方法：//建立一个可存取到该file的urlfunctiongetObjectURL(file){varurl=null;//下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的js函数而已if(window.createObjectURL!=undefined){//basicurl=window.createObjectURL(file);}else
  • 如何使用Node.js搭建本地服务器 安静旅者 node.js服务器运维编程
    Node.js是一个基于ChromeV8引擎的JavaScript运行时环境，它提供了一种轻量级且高效的方式来构建网络应用程序。在本文中，我们将深入探讨如何使用Node.js搭建一个简单的本地服务器。步骤1：安装Node.js首先，你需要在你的计算机上安装Node.js。你可以从Node.js官方网站（https://nodejs.org）下载适合你操作系统的安装包，然后按照安装向导进行安装。步骤
  • FreeSWITCH 简单图形化界面40 - 使用mod_curl模块进行http请求 贾宝玉的玉宝贾 IPPBXfreeswitchvoipsiphttppython
    FreeSWITCH简单图形化界面40-使用mod_curl模块进行http请求0、界面预览00、简介1、编译安装1.1编辑模块配置文件2、使用2.1拨号规则GET请求POST请求JSON数据2.2Lua脚本GET请求POST请求JSON数据3、示例3.1示例1：提交CDR到第三方接口3.2示例2：提交外呼状态到第三方接口0、界面预览http://myfs.f3322.net:8020/用户名：a
  • swagger-01-swagger介绍 褚师子书 swaggerjavaspringbootrestful
    swagger1.学习目标：了解前后端分离了解Swagger的作用和概念在SpringBoot中集成Swagger1.1swagger由来前后端分离，当前流行的开发模式Vue+SpringBoot早先的后端时代：前端只用管理静态页面；后端将html用模板引擎JSP进行开发前后端分离式时代：后端：后端控制层，服务层，数据访问层【后端团队】前端：前端控制层，视图层【前端团队】mock后端数据json,
  • Nginx给Vue和Java后端做代理 入职啦 实战项目知识vue.jsnginxjava
    本文发表于入职啦(公众号:ruzhila)可以访问入职啦查看更多技术文章网站架构入职啦采用了Nuxt.js、Vue3、Go的混合架构开发，包括了官网、简历工具、职位搜索、简历搜索等功能。为三个部分：官网：采用Nuxt.js+Vue3+TailwindCSS开发，属于SSR渲染简历工具：采用Vue3+TailwindCSS开发，属于SPA渲染后端：采用Gin+Gorm+MySQL开发，提供API接口
  • 利用阿里云Atlas地区选择器与Plotly.js实现数据可视化与交互 源代码杀手 开发工具使用阿里云plotlyjavascript
    在数据科学与可视化领域，交互式图表和地图应用越来越成为数据分析和展示的重要手段。本文将介绍如何结合阿里云Atlas地区选择器与Plotly.js，创建动态交互式的数据可视化应用。一、阿里云Atlas地区选择器简介阿里云Atlas是阿里云的一款数据可视化产品，提供了强大的地图与地区选择功能。你可以使用阿里云Atlas地区选择器轻松选择需要展示的数据所在地区。阿里云Atlas的地区选择器提供了一个简洁
  • 服务器带宽堵塞会对网站访问产生哪些影响? Jtti 服务器
    服务器带宽堵塞会对网站访问产生一系列负面影响，具体包括以下几个方面：1.网站加载速度变慢页面打开时间延长：服务器带宽被占满后，网站的数据传输变慢，导致网页加载时间增加，特别是涉及图片、视频、CSS、JS文件等较大资源时更加明显。TTFB（首字节时间）增加：服务器响应延迟变大，用户在访问网站时需要更长时间才能收到服务器的第一个数据包。表现：用户打开网页时，浏览器可能会长时间停留在“正在加载...”状
  • 前端开发中如何使用ChatGPT辅助开发？ 破碎的天堂鸟 学习教程chatgpt
    以下是前端开发中使用ChatGPT辅助开发的完整指南，涵盖核心应用场景、实践方法及注意事项：一、代码生成与优化基础代码生成HTML/CSS/JS框架搭建：通过自然语言描述需求（如"生成带导航栏的响应式页面"），ChatGPT可快速生成结构清晰的代码骨架。例如，输入“用Flexbox实现垂直水平居中布局”，可得到包含justify-content和align-items属性的代码[1][32]。组件
  • Geo3D建筑材质切换+屋顶纹理 苹果园dog WebGLGIS3d材质webgl
    一、简介基于Threejs开发封装建筑渲染管线，利用简单二维建筑矢量面轮廓程序化生成3D建筑，支持材质一键切换，支持多样化建筑墙面材质和屋顶材质，支持建筑透明，支持地形高程适配，支持按空间范围裁剪挖洞等。二、效果三、代码///建筑///constbuildingPipline=newGeo3D.BuildingPipline({themeName:Geo3D.ThemeName.Theme_Rea
  • React基础之类组件 青红光硫化黑 react.js前端javascript
    类组件是基于ES6类来编写的组件，使用React.Component作为基类，并定义render方法，是一种定义组件的方式实现按钮计数import{Component}from"react";classCounterextendsComponent{//1.状态变量2.事件回调3.UI（JSX）//1.定义状态变量state={count:0}//2.定义事件回调setCount=()=>{//修
  • Vue打包后生成的文件及编程细节 心之飞翼 vue.js前端javascript编程
    Vue.js是一种流行的JavaScript框架，用于构建现代化的单页应用程序。当我们开发一个Vue应用并准备将其部署到生产环境时，我们需要对应用进行打包，以便生成最终的可执行文件。在这篇文章中，我们将详细讨论Vue打包后生成的文件，以及与之相关的编程细节。1.打包工具：Webpack在Vue项目中，常用的打包工具是Webpack。Webpack提供了强大的模块打包能力，能够将Vue应用中的各种资
  • vscode setting.json 全局设置 工作区设置 位置 优先级 AllBlue vscodevscodeide编辑器
    vscode中setting.json有两种配置权限一、全局配置：setting.json文件位于C:\Users\Administrator\AppData\Roaming\Code\User\settings.json二、工作区配置：setting.json文件位于工作区的.vscode\settings.json当两种配置同时存在时，工作区配置的优先级高于全局配置。vscode如何打开set
  • 物联网服务器搭建及部署详细说明：掌握 Node.js、MongoDB、Socket.IO 和 JWT 的实用指南 极客小张 物联网服务器node.jsmongodb数据库json运维开发
    关键知识点目录1.环境准备1.1硬件要求1.2软件要求2.搭建步骤3.数据处理与存储3.1数据存储3.2数据实时处理3.2.1安装Socket.IO3.2.2修改服务器代码4.安全性4.1身份验证与授权4.2加密通信4.2.1生成自签名证书（开发环境）4.2.2修改服务器以支持HTTPS5.数据分析和可视化5.1集成Grafana5.2.2图表数据更新6.事件处理与报警6.1事件检测7.接口与集成
  • 168. Excel表列名称（JS实现） PAT-python-zjw 剑指offer
    1题目给定一个正整数，返回它在Excel表中相对应的列名称。例如，1->A2->B3->C…26->Z27->AA28->AB…示例1:输入:1输出:“A”示例2:输入:28输出:“AB”示例3:输入:701输出:“ZY”链接：https://leetcode-cn.com/problems/excel-sheet-column-title2思路这道题看起来挺简单，但实际做的时候要好好考虑一下索引
  • 轻量级python编辑器 内存_vscode-轻量级实用编辑器 weixin_39557402 轻量级python编辑器内存
    前言：经网友推荐，下载vscode，发现速度确实快，度娘看了下，是微软抽调的一小波人做的。这样就不担心windows平台插件支持了。js，python都支持高亮，本身自带插件也都实用。自带控制台，终端，emmet格式插件，图标插件，小地图插件。占用内存少，推荐!先整理部分觉得不错的插件，体验一段时间再修改一、常用插件1.vscode-icon让vscode的文件夹目录添加上对应的图标注：安装好如果
  • html 周华华 html
    js 1，数组的排列 var arr=[1,4,234,43,52,]; for(var x=0;x<arr.length;x++){    for(var y=x-1;y<arr.length;y++){      if(arr[x]<arr[y]){     &
  • 【Struts2 四】Struts2拦截器 bit1129 struts2拦截器
    Struts2框架是基于拦截器实现的，可以对某个Action进行拦截，然后某些逻辑处理，拦截器相当于AOP里面的环绕通知，即在Action方法的执行之前和之后根据需要添加相应的逻辑。事实上，即使struts.xml没有任何关于拦截器的配置，Struts2也会为我们添加一组默认的拦截器，最常见的是，请求参数自动绑定到Action对应的字段上。   Struts2中自定义拦截器的步骤是：
  • make:cc 命令未找到解决方法 daizj linux命令未知make cc
    安装rz sz程序时，报下面错误：   [root@slave2 src]# make posix cc   -O -DPOSIX -DMD=2 rz.c -o rz make: cc：命令未找到 make: *** [posix] 错误 127   系统：centos 6.6 环境：虚拟机   错误原因：系统未安装gcc，这个是由于在安
  • Oracle之Job应用 周凡杨 oracle job
    最近写服务，服务上线后，需要写一个定时执行的SQL脚本，清理并更新数据库表里的数据，应用到了Oracle 的 Job的相关知识。在此总结一下。   一：查看相关job信息    1、相关视图  dba_jobs  all_jobs  user_jobs  dba_jobs_running 包含正在运行
  • 多线程机制 朱辉辉33 多线程
    转至http://blog.csdn.net/lj70024/archive/2010/04/06/5455790.aspx 程序、进程和线程： 程序是一段静态的代码，它是应用程序执行的蓝本。进程是程序的一次动态执行过程，它对应了从代码加载、执行至执行完毕的一个完整过程，这个过程也是进程本身从产生、发展至消亡的过程。线程是比进程更小的单位，一个进程执行过程中可以产生多个线程，每个线程有自身的
  • web报表工具FineReport使用中遇到的常见报错及解决办法（一） 老A不折腾 web报表finereportjava报表报表工具
    FineReport使用中遇到的常见报错及解决办法（一） 这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、address pool is full： 含义：地址池满，连接数超过并发数上
  • mysql rpm安装后没有my.cnf 林鹤霄 没有my.cnf
    Linux下用rpm包安装的MySQL是不会安装/etc/my.cnf文件的， 至于为什么没有这个文件而MySQL却也能正常启动和作用，在这儿有两个说法， 第一种说法，my.cnf只是MySQL启动时的一个参数文件，可以没有它，这时MySQL会用内置的默认参数启动， 第二种说法，MySQL在启动时自动使用/usr/share/mysql目录下的my-medium.cnf文件，这种说法仅限于r
  • Kindle Fire HDX root并安装谷歌服务框架之后仍无法登陆谷歌账号的问题 aigo root
    原文：http://kindlefireforkid.com/how-to-setup-a-google-account-on-amazon-fire-tablet/   Step 4: Run ADB command from your PC   On the PC, you need install Amazon Fire ADB driver and instal
  • javascript 中var提升的典型实例 alxw4616 JavaScript
    // 刚刚在书上看到的一个小问题,很有意思.大家一起思考下吧 myname = 'global'; var fn = function () { console.log(myname); // undefined var myname = 'local'; console.log(myname); // local }; fn() // 上述代码实际上等同于以下代码 m
  • 定时器和获取时间的使用 百合不是茶 时间的转换定时器
    定时器:定时创建任务在游戏设计的时候用的比较多   Timer();定时器 TImerTask();Timer的子类  由 Timer 安排为一次执行或重复执行的任务。       定时器类Timer在java.util包中。使用时，先实例化，然后使用实例的schedule(TimerTask task, long delay)方法，设定
  • JDK1.5 Queue bijian1013 javathreadjava多线程Queue
    JDK1.5 Queue LinkedList： LinkedList不是同步的。如果多个线程同时访问列表，而其中至少一个线程从结构上修改了该列表，则它必须 保持外部同步。（结构修改指添加或删除一个或多个元素的任何操作；仅设置元素的值不是结构修改。）这一般通过对自然封装该列表的对象进行同步操作来完成。如果不存在这样的对象，则应该使用 Collections.synchronizedList 方
  • http认证原理和https bijian1013 httphttps
    一.基础介绍         在URL前加https://前缀表明是用SSL加密的。 你的电脑与服务器之间收发的信息传输将更加安全。         Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式，用的端口也不一样,前者是80，后
  • 【Java范型五】范型继承 bit1129 java
    定义如下一个抽象的范型类，其中定义了两个范型参数，T1，T2   package com.tom.lang.generics; public abstract class SuperGenerics<T1, T2> { private T1 t1; private T2 t2; public abstract void doIt(T
  • 【Nginx六】nginx.conf常用指令(Directive) bit1129 Directive
    1. worker_processes    8; 表示Nginx将启动8个工作者进程，通过ps -ef|grep nginx,会发现有8个Nginx Worker Process在运行   nobody 53879 118449 0 Apr22 ? 00:26:15 nginx: worker process
  • lua 遍历Header头部 ronin47 lua header 遍历　
    local headers = ngx.req.get_headers()   ngx.say("headers begin", "<br/>")   ngx.say("Host : ", he
  • java-32.通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小(两数组的差最小)。 bylijinnan java
    import java.util.Arrays; public class MinSumASumB { /** * Q32.有两个序列a,b，大小都为n,序列元素的值任意整数，无序. * * 要求：通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小。 * 例如: * int[] a = {100,99,98,1,2,3
  • redis 开窍的石头 redis
    在redis的redis.conf配置文件中找到# requirepass foobared 把它替换成requirepass 12356789 后边的12356789就是你的密码 打开redis客户端输入config get requirepass 返回 redis 127.0.0.1:6379> config get requirepass 1) "require
  • [JAVA图像与图形]现有的GPU架构支持JAVA语言吗？ comsci java语言
          无论是opengl还是cuda，都是建立在C语言体系架构基础上的，在未来，图像图形处理业务快速发展，相关领域市场不断扩大的情况下，我们JAVA语言系统怎么从这么庞大，且还在不断扩大的市场上分到一块蛋糕，是值得每个JAVAER认真思考和行动的事情       
  • 安装ubuntu14.04登录后花屏了怎么办 cuiyadll ubuntu
    这个情况，一般属于显卡驱动问题。 可以先尝试安装显卡的官方闭源驱动。 按键盘三个键：CTRL + ALT  +  F1 进入终端，输入用户名和密码登录终端： 安装amd的显卡驱动 sudo  apt-get  install  fglrx 安装nvidia显卡驱动 sudo  ap
  • SSL 与 数字证书 的基本概念和工作原理 darrenzhu 加密ssl证书密钥签名
    SSL 与 数字证书 的基本概念和工作原理 http://www.linuxde.net/2012/03/8301.html SSL握手协议的目的是或最终结果是让客户端和服务器拥有一个共同的密钥，握手协议本身是基于非对称加密机制的，之后就使用共同的密钥基于对称加密机制进行信息交换。 http://www.ibm.com/developerworks/cn/webspher
  • Ubuntu设置ip的步骤 dcj3sjt126com ubuntu
    在单位的一台机器完全装了Ubuntu Server，但回家只能在XP上VM一个，装的时候网卡是DHCP的，用ifconfig查了一下ip是192.168.92.128,可以ping通。 转载不是错： Ubuntu命令行修改网络配置方法 /etc/network/interfaces打开后里面可设置DHCP或手动设置静态ip。前面auto eth0，让网卡开机自动挂载. 1. 以D
  • php包管理工具推荐 dcj3sjt126com PHPComposer
    http://www.phpcomposer.com/   Composer是 PHP 用来管理依赖（dependency）关系的工具。你可以在自己的项目中声明所依赖的外部工具库（libraries），Composer 会帮你安装这些依赖的库文件。 中文文档  入门指南  下载  安装包列表 Composer 中国镜像
  • Gson使用四（TypeAdapter） eksliang jsongsonGson自定义转换器gsonTypeAdapter
    转载请出自出处：http://eksliang.iteye.com/blog/2175595 一.概述        Gson的TypeAapter可以理解成自定义序列化和返序列化 二、应用场景举例        例如我们通常去注册时（那些外国网站），会让我们输入firstName，lastName,但是转到我们都
  • JQM控件之Navbar和Tabs gundumw100 htmlxmlcss
    在JQM中使用导航栏Navbar是简单的。 只需要将data-role="navbar"赋给div即可： <div data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active&qu
  • 利用归并排序算法对大文件进行排序 iwindyforest java归并排序大文件分治法Merge sort
      归并排序算法介绍，请参照Wikipeida zh.wikipedia.org/wiki/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F 基本思想： 大文件分割成行数相等的两个子文件，递归（归并排序）两个子文件，直到递归到分割成的子文件低于限制行数 低于限制行数的子文件直接排序 两个排序好的子文件归并到父文件 直到最后所有排序好的父文件归并到输入
  • iOS UIWebView URL拦截 啸笑天 UIWebView
    本文译者：candeladiao，原文：URL filtering for UIWebView on the iPhone说明：译者在做app开发时，因为页面的javascript文件比较大导致加载速度很慢，所以想把javascript文件打包在app里，当UIWebView需要加载该脚本时就从app本地读取，但UIWebView并不支持加载本地资源。最后从下文中找到了解决方法，第一次翻译，难免有
  • 索引的碎片整理SQL语句 macroli sql
    SET NOCOUNT ON DECLARE @tablename VARCHAR (128) DECLARE @execstr VARCHAR (255) DECLARE @objectid INT DECLARE @indexid INT DECLARE @frag DECIMAL DECLARE @maxfrag DECIMAL --设置最大允许的碎片数量,超过则对索引进行碎片
  • Angularjs同步操作http请求with $promise qiaolevip 每天进步一点点学习永无止境AngularJS纵观千象
    // Define a factory app.factory('profilePromise', ['$q', 'AccountService', function($q, AccountService) { var deferred = $q.defer(); AccountService.getProfile().then(function(res) {
  • hibernate联合查询问题 sxj19881213 sqlHibernateHQL联合查询
    最近在用hibernate做项目，遇到了联合查询的问题，以及联合查询中的N+1问题。 针对无外键关联的联合查询，我做了HQL和SQL的实验，希望能帮助到大家。（我使用的版本是hibernate3.3.2）   1 几个常识：  （1）hql中的几种join查询，只有在外键关联、并且作了相应配置时才能使用。  （2）hql的默认查询策略，在进行联合查询时，会产
  • struts2.xml wuai struts
    <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache