liyfn
liyfn

web worker实现一个简单的异步编程

文章目录

      • 一、前言
      • 二、一个案例
      • 三、web worker解决
      • 四、执行原理
      • 五、线程和进程
      • 六、其他

一、前言

假设一个场景，你的后端是个小白，你需要自己实现一个十万数量级的数据处理(当然这是不可能的)，你怎么办？
我们今天就来聊一个解决办法：js的异步编程web worker。

二、一个案例

我们先来实现一个斐波那契数列作为对照。为了增加程序执行时间我们用递归来实现，并且不做缓存。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" name="" id="">
    <button onclick="getFeibonq()">开始计算</button>
    <script>
        function getFeibonq(){
            function fb(x){
                if(x == 1) return 1
                if(x == 2) return 1
                if(x == 3) return 2
                return fb(x-1) + fb(x-2)
            }       
            let value = document.querySelector('input').value || 1
            let res = fb(value)
            console.log(res)
        }
    </script>
</body>
</html>

在这里插入图片描述
可以看到，在计算第45个数的时候，花费了22s，这期间页面是假死状态，无法进行任何操作。如果是实际应用，可以想想这个情况的用户体验会是多么的糟糕。

三、web worker解决

我们试一试用web worker解决。
因为chrom浏览器本地打开文件时默认屏蔽web worker，所以我们利用vue创建项目，套个vue的壳：在public中index.html中编写代码

// 如下
 	<input type="text" />
    <button onclick="getFeibonq()">开始计算</button>
    <noscript>
      <strong
        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
        properly without JavaScript enabled. Please enable it to
        continue.</strong
      >
    </noscript>
    <div id="app"></div>
    <script>
      const worker = new Worker("./worker.js");
      function getFeibonq() {
        let val = document.querySelector("input").value;
        // 将输入值传给worker
        worker.postMessage(val);
        // 监听worker返回值
        worker.addEventListener("message", (msg) => console.log(msg.data));
      }
    </script>

同级目录下worker.js中代码：

function fb(x) {
  if (x == 1) return 1;
  if (x == 2) return 1;
  if (x == 3) return 2;
  return fb(x - 1) + fb(x - 2);
}
// 监听主线程传过来的数据
addEventListener("message", (message) => {
  postMessage(fb(message.data));
});

再看效果：
在这里插入图片描述
还是第45个数，可以计算出来（计算时间不会减短），而且计算期间，页面正常响应，不会卡死。

四、执行原理

我们来看下上述代码的执行原理：

1.const worker = new Worker(“./worker.js”);引入同级worker文件，同时，他也是一个单独的线程。
2. worker.postMessage(val);调用worker的方法将页面中获取到的数据，发送给worker线程。
3.addEventListener(“message”, (message) => {});worker线程中监听到数据发送后，开始执行回调
4.postMessage(fb(message.data));通过postMessage将计算结果返回主线程；
5. worker.addEventListener(“message”, (msg) => console.log(msg.data));主线程监听worker返回的数据

简单来说，就是1.主线程获取数据（因为worker线程无法获取dom，数据只能接收主线程传过来的），2.worker线程计算数据，再3.通过线程通信交换结果。

五、线程和进程

刚才提到了线程，我们再来简单讲讲线程和进程，我总结了一下，大概可以概括为以下几点：

1.一个进程包含多个线程，且至少有一个线程。
2.javascript是单线程的，但浏览器的渲染进程是多线程的，包含了js主线程，事件触发线程、定时器线程等。
3.通过web worker可以生成一个线程，独立于主线程之外。
4.线程之间执行互不影响，可以通过方法去进行通信。

六、其他

当然了，web worker不止这么简单，更多的内容后续分享，敬请期待。

你可能感兴趣的:(JS进阶之路,前端,javascript,vue.js)

  • JavaScript 构造函数及内置构造函数的详解 小白菜学前端 JavaScriptjavascript开发语言前端
    在JavaScript中，构造函数是一种特殊的函数，用于初始化对象。当使用new关键字调用构造函数时，它会创建一个新的对象实例，并将构造函数内部的this关键字绑定到这个新对象上。构造函数通常用于定义对象的属性和方法，以及创建对象的实例。1.构造函数的定义和调用构造函数通常以大写字母开头，以便与普通函数区分。它们可以包含属性和方法，这些属性和方法通过this关键字添加到新创建的对象上。调用构造函数
  • JavaScript 对象object this 构造函数 澄清石灰水t JavaScript#JS基础javascript
    一、基本数据类型的不足：基本数据类型都是单一的值"hello"123true,值与值之间没有任何联系。exp：用基本数据类型创建一个人的信息（namegenderage）varname="邹邹";vargender="女";varage=18;虽然用基本数据类型创建出了人的相关信息，但是所创建的所有变量都是独立的，不能成为一个整体。二、什么是对象对象是一种复合数据类型，在对象中可以保存多个不同数据
  • Nginx 运维开发高频面试题详解 千夜啊 nginx运维开发运维
    一、基础核心问题原文链接：https://blog.csdn.net/weixin_51146329/article/details/1429638531、什么是Nginx？Nginx是一个高性能的HTTP和反向代理服务器，它以轻量级和高并发处理能力而闻名。Nginx的反向代理功能允许它作为前端服务器，接收客户端的请求并将它们转发到后端服务器，这样可以隐藏后端服务器的细节，提高安全性Nginx也能
  • JavaScript数组操作：多种方法移除特定元素 友人.227 前端javascript开发语言
    在JavaScript开发中，数组操作是常见的任务之一，尤其是移除数组中特定的元素。不同的场景可能需要不同的方法来实现这一目标。本文将详细介绍几种常见的方法，帮助你在实际开发中根据需求选择最合适的方式。1.使用filter方法filter方法是JavaScript中最常用的数组操作方法之一。它会创建一个新数组，包含所有满足条件的元素。如果你希望移除特定的元素，可以通过filter方法返回一个不包含
  • Socket.IO负载均衡 一张假钞 负载均衡服务器前端nginx
    个人博客地址：Socket.IO负载均衡|一张假钞的真实世界架构Nginx配置为了负载均衡时连接保证始终连到一个节点上，使用Nginx的ip_hash实现sessionsticky，让客户端始终连接到集群内一台节点上。在Nginx的conf.d目录下创建配置文件socket_io.conf，内容如下：upstreamnodejs_websocket{ip_hash;server192.168.1.
  • 鸿蒙开发在onPageShow中数据加载不完整的问题分析与解决 taopi2024 Harmonyharmonyos
    APIVersion121、onPageShow()作什么的首先说明下几个前端接口的区别：ArkUI-X的aboutToAppear()接口是一个生命周期接口，用于在页面即将显示之前调用。在ArkUI-X中，aboutToAppear()接口是一个重要的生命周期接口，它会在页面即将显示之前被调用。这个接口通常用于在页面显示之前进行一些准备工作，比如加载数据、初始化状态等。通过在aboutToApp
  • wps js在doc中标签处批量添加图片 qq_39889893 笔记javascript前端开发语言
    前期准备：1.手动添加书签；2.图片绝对地址；3.手动设置图片大小。未来预期优化：1.弹窗指定书签；2.弹窗指定图片地址；3.弹窗设定图片大小。functionAddPictureAtBookmark(){TravFS();}functionTravFS(){varmyDir=String.raw`C:\Users\Administrator\Desktop\ID`;varfDialog=Appl
  • Web3 黑客松组队报名 — 30000 美金奖池，需要前后端，设计，产品，合约工程师 web3
    MantleAPACHackathon基本信息ℹ️项目提交截至12月15日30,000美金奖池三大赛道：DeFi、Infra&AI、Gaming&Meme需要前端，后端，设计，产品，合约工程师黑客松要求✍️本次黑客松由MantleFoundation联合Hackguest和OpenBuild共同打造，面向亚太地区开发者和区块链爱好者的线上黑客马拉松不限制主题部署在Mantle测试网上谁适合参加UI
  • NPDP第三章 新产品流程 钱包不紧张女士 产品运营
    什么是流程？流程描述多个人或团体经过一段时间的协作执行工作，流程所涉及的一些活动是由一连串的序列所连接，它具有可重复和可多个路径来完成。成功的新产品决策（决策的基本框架）（决策来源：知识、信息、数据具体来源：内部、外部）1.识别问题和机会2.收集信息3.分析情况4.提出备选解决方案5.评估备选解决方案6.优选解决方案7.基于决策而行动新产品开发成功的关键1.重视前端2.正确决策信息来源：内部、外部
  • Vue和Vue-Element-Admin（十）：HTML和CSS快速学习笔记 A叶子叶 #Vue与Web开发vue.jshtmlcss
    目录html标签分类网页布局盒子模型浮动定位css标签选择flex布局transform转换Vue开发tipsless和scssVScode常用插件后端语言框架很多，Java适合企业级应用（规范且稳定），Go适合高并发场景（比如云上产品），Python框架（bottle，tornado，django）简单且快速，也天然适合数据分析场景，PHP适合快速建站，前端变化小，所见即所得，因此抽空记录下学习
  • AI浪潮下程序员的职业转型与技术进阶之路 nbsaas-boot 人工智能
    一、引言1.1研究背景与意义在科技飞速发展的当今时代，人工智能（AI）无疑是最为耀眼的技术领域之一。从早期简单的专家系统到如今复杂的深度学习模型，AI技术经历了从理论探索到广泛应用的巨大跨越，正以前所未有的速度改变着我们的生活和工作方式。近年来，AI技术取得了一系列突破性进展。以GPT系列为代表的大型语言模型，展现出强大的自然语言处理能力，能够实现文本生成、对话交互、代码编写等多种任务。根据《20
  • Vue.js组件开发-实现全屏手风琴幻灯片切换特效 LCG元 前端vue.js前端javascript
    使用Vue实现全屏手风琴幻灯片切换特效步骤概述创建Vue项目：使用VueCLI创建一个新的Vue项目。设计组件结构：创建一个手风琴幻灯片组件，包含幻灯片项和切换逻辑。实现样式：使用CSS实现全屏和手风琴效果。添加交互逻辑：通过Vue的事件处理实现幻灯片的切换。详细代码1.创建Vue项目安装VueCLI，使用以下命令进行安装：npminstall-g@vue/cli然后创建一个新的Vue项目：vue
  • vue3路由的配置 fengshaopu vue3路由配置vuevue3
    使用vue3配置路由，步骤如下目录：1.安装路由2.新建页面3.新建router文件夹里面放index.js跟router.js：index.js放配置，router设置路由4.main中导入注册5.使用6.效果1、安装路由npminstallvue-router@42、新建页面这里创建view目录，然后在view目录下创建A.vueB.vue两个vue页面文件或者还可以在compoents里面创
  • 【Three.js+React】教程002：添加lil-gui控制器和加载GLTF模型 叁拾舞 ThreeJsreact.jsthree.js
    文章目录添加lil-gui加载gltf模型添加lil-gui安装lil-gui：npminstalllil-gui实现代码：functionRotatingBox(){constmeshRef=useRef();
  • vue-router的index.js文件配置参数 公孙元二 Vue2.xvue3vue前端
    RouteConfig的类型定义：interfaceRouteConfig={path:string,component?:Component,name?:string,//命名路由components?:{[name:string]:Component},//命名视图组件redirect?:string|Location|Function,props?:boolean|Object|Functi
  • JavaScript系列（54）--性能优化技术详解 ᅟᅠ        ‌‍‎‏ 一进制 JavaScriptjavascript性能优化开发语言
    JavaScript性能优化技术详解⚡今天，让我们继续深入研究JavaScript的性能优化技术。掌握这些技术对于构建高性能的JavaScript应用至关重要。性能优化基础概念小知识：JavaScript性能优化涉及多个方面，包括代码执行效率、内存使用、DOM操作、网络请求等。通过合理的优化策略，可以显著提升应用的响应速度和用户体验。性能分析工具实现//1.性能计时器classPerformanc
  • Javascript基础 2301_79306982 javascript开发语言ecmascript
    1.ID的限制：ID必须唯一：在同一个HTML文档中，每个id属性的值必须是唯一的。id的设计初衷就是为页面上的每个元素提供一个独特的标识符，便于JavaScript精确操作。如果ID重复会发生什么？当有多个元素使用相同的id时，document.getElementById()只会返回第一个匹配的元素，后面的会被忽略。示例：DuplicateIDJavaScript:varduplicateEl
  • Vue.js组件开发-实现图片浮动效果 LCG元 前端vue.js前端javascript
    使用Vue实现图片浮动效果实现思路将使用Vue的单文件组件（.vue）来实现图片浮动效果。主要思路是通过CSS的transform属性结合JavaScript的定时器来改变图片的位置，从而实现浮动效果。代码实现exportdefault{data(){return{//初始化图片在x轴上的偏移量xOffset:0,//初始化图片在y轴上的偏移量yOffset:0,//定时器ID，用于后续清除定时器
  • nodejs 安装node-sass kino的编程笔记 vuenodejsnpmnode-sassvue
    installnode-sass作用检验node-sass是否安装以及是否安装成功安装node-sass配置淘宝镜像安装node-sass的命令作用Sass是一种预处理器脚本语言，可以解释或编译成层叠样式表(CSS)检验node-sass是否安装以及是否安装成功node-sass-v表示已经安装或安装成功表示没有安装或者安装失败安装node-sass配置淘宝镜像设置淘宝镜像的二进制站点setSAS
  • go语言与node.js的点滴思考 棕生 go语言node.js
    node.js基于V8引擎和JavaScript语言通过非阻塞I/O和事件驱动实现了一个非常纯正的异步平台，在处理I/O密集型任务时表现出了优秀的性能。但node.js具有两个非常明显的缺陷：一是单线程运行，不能很好的利用多核；二是异步编程，对业务逻辑的表现非常不自然。go语言通过封装的协程的概念很好的解决了node.js的上述两个问题：首先go语言中的协程通过系统线程的方式并行运行在多个核上；每
  • nodejs：js-mdict 的下载、安装、测试、build belldeep nodejsnodejsnvmyarnJest
    js-mdict项目的目录结构：js-mdict项目教程js-mdict下载地址:js-mdict-master.zip先解压到D:\Source\js-mdict6.0.2用了ts(TypeScript)和Jest，增加了应用开发的难度，因为先要了解ts和Jest。参阅：测试与开发：Jest测试框架介绍Jest是最流行的JavaScript测试框架之一。测试人员广泛使用Jest对JavaScri
  • 敲黑板！如果使用lighthouse 遇到NO_FCP错误可能是前端安全策略导致的！ 测试开发Kevin 性能测试接口测试测试工具性能优化前端
    lighthouseNO_FCP使用lighthouse进行前端性能测试时发现一个问题：Thepagedidnotpaintanycontent.Pleaseensureyoukeepthebrowserwindowintheforegroundduringtheloadandtryagain.(NO_FCP)页面截图如下：刚开始以为是自己的lighthouse出了问题，然后找一个其他网页进行性能
  • Vue3 表单：全面解析与最佳实践 lly202406 开发语言
    Vue3表单：全面解析与最佳实践引言随着前端技术的发展，Vue.js已经成为最受欢迎的前端框架之一。Vue3作为Vue.js的最新版本，带来了许多改进和新的特性。其中，表单处理是Vue应用中不可或缺的一部分。本文将全面解析Vue3中的表单处理，包括基础用法、表单验证、双向绑定等，并提供一些最佳实践。Vue3表单基础1.1创建表单在Vue3中，创建表单非常简单。首先，我们需要定义一个元素，并为其绑定
  • 10.8 LangChain Output Parsers终极指南：从JSON解析到流式处理的规范化输出实践 少林码僧 AI大模型应用实战专栏langchainchatgptgpt人工智能
    LangChainOutputParsers终极指南：从JSON解析到流式处理的规范化输出实践关键词：LangChainOutputParsers、结构化输出、JSON解析、数据校验、流式处理一、为什么需要规范化输出？大模型输出的“荒野西部”问题原始输出的三大痛点：格式不可控：模型可能返回纯文本、Markdown、JSON混合体结构不统一：相同语义的内容以不同形式呈现（如日期格式混乱）数据不可靠：
  • 微信小程序封装 ←_→ 微信小程序微信小程序小程序
    消息反馈在开发过程中需要向用户反馈消息的场景有很多，如检验接口调用的结果，表单验证的提示消息等，为此我们来对APIwx.showToast进行简单的封装，方便开发中调用：1.1基础封装新建src/utils/utils.js文件，然后在这里完成具体的封装逻辑：/***工具方法*/constutils={/***封装wx.showToast*@param{string}title消息提示的内容*/t
  • 深入理解 ES 模块与 CommonJS 模块 阿贾克斯的黎明 游戏开发elasticsearch大数据搜索引擎
    目录《深入理解ES模块与CommonJS模块》引言一、CommonJS模块1.起源与背景2.基本语法导出模块导入模块3.特点二、ES模块1.起源与背景2.基本语法导出模块导入模块3.特点三、ES模块与CommonJS模块的区别1.语法差异2.加载方式3.静态vs动态4.适用场景四、实际开发中的应用1.在Node.js中使用ES模块2.在浏览器中使用ES模块五、总结引言在JavaScript的发展历
  • 实验三 Servlet 基础 沈香香 web
    一、实验目的1、理解Servlet的工作原理；2、掌握javabean在web程序中的应用；3、掌握基于Servlet的MVC模式；二、实验要求掌握Servlet的编程技术。掌握Web程序中使用javabean实现业务逻辑熟练使用IDE开发Servlet应用掌握Servlet3.0的注解功能三、实验内容1、使用JSP、Servlet、JavaBean实现基于MVC模式的用户登录验证程序。2、完成上
  • 第28节课：前端项目实战—从需求分析到开发流程的全方位指南 学问小小谢 HTML学习笔记前端需求分析安全web安全网络性能优化html5
    目录项目需求分析与设计项目背景与目标项目背景项目目标需求收集与分析用户需求业务需求项目设计技术栈选择系统架构设计数据库设计项目开发流程环境搭建安装Node.js和npm初始化项目编码实践组件化开发状态管理测试与调试单元测试集成测试部署与维护部署维护结语在前端开发领域，将理论知识应用于实际项目是提升技能的关键。本节课将通过一个完整的前端项目实战案例，详细介绍项目需求分析与设计，以及项目开发流程，帮助
  • JavaWeb实验 JavaBean与Servlet 巫师不要去魔法部乱说 servlet
    实验目的掌握编写JavaBean的规范，学会如何在JSP中使用JavaBean；掌握JSP、JavaBean和Servlet综合应用的基本原则。实验内容创建一个WEB应用，综合利用JSP、JavaBean和Servlet技术实现用户登录（注册功能选做）。程序至少包含：一个登录页面login.jsp，一个欢迎页面hello.jsp，一个servlet和一个bean。参考实验7，运用实验中创建数据库和
  • 前端——JS 逆风局？ 前端javascript开发语言
    目录什么是JS？JS引入方式JS基础语法输出语句变量常量数据类型函数自定义对象什么是JS？JavaScript（简称：JS）是一门跨平台、面向对象的脚本语言，是用来控制网页行为的，实现人机交互效果。JavaScript和Java是完全不同的语言，不论是概念还是设计。但是基础语法类似。组成：ECMAScript:规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。BOM：浏览器对
  • 矩阵求逆（JAVA）利用伴随矩阵 qiuwanchi 利用伴随矩阵求逆矩阵
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(利用伴随矩阵) * @author 邱万迟
  • 单例（Singleton）模式 aoyouzi 单例模式Singleton
    3.1           概述 如果要保证系统里一个类最多只能存在一个实例时，我们就需要单例模式。这种情况在我们应用中经常碰到，例如缓存池，数据库连接池，线程池，一些应用服务实例等。在多线程环境中，为了保证实例的唯一性其实并不简单，这章将和读者一起探讨如何实现单例模式。 3.2
  • [开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发 comsci 开源
          现在国内有大量的信息技术产品，都是通过盗版，免费下载，开源，附送等方式从国外的开发者那里获得的。。。。。。        虽然这种情况带来了国内信息产业的短暂繁荣，也促进了电子商务和互联网产业的快速发展，但是实际上，我们应该清醒的看到，这些产业的核心力量是被国外的
  • 页面有两个frame,怎样点击一个的链接改变另一个的内容 Array_06 UIXHTML
    <a src="地址"  targets="这里写你要操作的Frame的名字" />搜索 然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 targerts="",就是你要填写目标的显示页面位置 ===================== 例如： <frame src=&
  • Struts2实现单个/多个文件上传和下载 oloz 文件上传struts
    struts2单文件上传：     步骤01:jsp页面 <!--在进行文件上传时，表单提交方式一定要是post的方式，因为文件上传时二进制文件可能会很大，还有就是enctype属性，这个属性一定要写成multipart/form-data，不然就会以二进制文本上传到服务器端--> 　　<form action="fileUplo
  • 推荐10个在线logo设计网站 362217990 logo
    在线设计Logo网站。 1、http://flickr.nosv.org（这个太简单） 2、http://www.logomaker.com/?source=1.5770.1 3、http://www.simwebsol.com/ImageTool 4、http://www.logogenerator.com/logo.php?nal=1&tpl_catlist[]=2 5、ht
  • jsp上传文件 香水浓 jspfileupload
    1. jsp上传 Notice： 1. form表单 method 属性必须设置为 POST 方法 ，不能使用 GET 方法 2. form表单 enctype 属性需要设置为 multipart/form-data 3. form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址或者servlet地址。例如 uploadFile.jsp 程序文件用来处理上传的文
  • 我的架构经验系列文章 - 前端架构 agevs JavaScriptWeb框架UIjQuer
    框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源，而前端做所有UI的事情。MVCMV
  • android ksoap2 中把XML(DataSet) 当做参数传递 aijuans android
    我的android app中需要发送webservice ，于是我使用了 ksop2 进行发送，在测试过程中不是很顺利,不能正常工作.我的web service 请求格式如下     [html]  view plain copy   <Envelope xmlns="http://schemas.
  • 使用Spring进行统一日志管理 + 统一异常管理 baalwolf spring
    统一日志和异常管理配置好后，SSH项目中，代码以往散落的log.info() 和 try..catch..finally 再也不见踪影！ 统一日志异常实现类： [java]  view plain copy   package com.pilelot.web.util;      impor
  • Android SDK 国内镜像 BigBird2012 android sdk
    一、镜像地址： 1、东软信息学院的 Android SDK 镜像，比配置代理下载快多了。 配置地址， http://mirrors.neusoft.edu.cn/configurations.we#android 2、北京化工大学的： IPV4:ubuntu.buct.edu.cn  IPV4:ubuntu.buct.cn IPV6:ubuntu.buct6.edu.cn
  • HTML无害化和Sanitize模块 bijian1013 JavaScriptAngularJSLinkySanitize
    一.ng-bind-html、ng-bind-html-unsafe         AngularJS非常注重安全方面的问题，它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML，然后利用它触发跨站攻击或者注入攻击。         考虑这样一个例子，假设我们有一个变量存
  • [Maven学习笔记二]Maven命令 bit1129 maven
    mvn compile compile编译命令将src/main/java和src/main/resources中的代码和配置文件编译到target/classes中，不会对src/test/java中的测试类进行编译 MVN编译使用 maven-resources-plugin:2.6:resources maven-compiler-plugin:2.5.1:compile &nbs
  • 【Java命令二】jhat bit1129 Java命令
    jhat用于分析使用jmap dump的文件，，可以将堆中的对象以html的形式显示出来，包括对象的数量，大小等等，并支持对象查询语言。 jhat默认开启监听端口7000的HTTP服务，jhat是Java Heap Analysis Tool的缩写 1. 用法： [hadoop@hadoop bin]$ jhat -help Usage: jhat [-stack <bool&g
  • JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc ronin47
    进到类似目录 server/default/conf/bootstrap，打开文件 profile.xml找到： Xml代码<bean    name="AttachmentStore"  class="org.jboss.system.server.profileservice.repository.AbstractAtta
  • 写给初学者的6条网页设计安全配色指南 brotherlamp UIui自学ui视频ui教程ui资料
    网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托     我仍然清楚地记得我最早的一次美术课，那时我还是一个小小的、对凡事都充满渴望的孩子，我摆放出一大堆漂亮的彩色颜料。我仍然记得当我第一次看到原色与另一种颜色混合变成第二种颜色时的那种兴奋，并且我想，既然两种颜色能创造出一种全新的美丽色彩，那所有颜色
  • 有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。写一个函数实现。复杂度是什么。 bylijinnan java算法面试
    import java.util.Random; import java.util.Set; import java.util.TreeSet; /** * http://weibo.com/1915548291/z7HtOF4sx * #面试题#有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。 * 写一个函数实现。复杂度是什么
  • struts2获得request、session、application方式 chiangfai application
    1、与Servlet API解耦的访问方式。 a.Struts2对HttpServletRequest、HttpSession、ServletContext进行了封装，构造了三个Map对象来替代这三种对象要获取这三个Map对象，使用ActionContext类。 ----->   package pro.action; import java.util.Map; imp
  • 改变python的默认语言设置 chenchao051 python
    import sys sys.getdefaultencoding()  可以测试出默认语言，要改变的话，需要在python lib的site-packages文件夹下新建： sitecustomize.py， 这个文件比较特殊，会在python启动时来加载，所以就可以在里面写上： import sys sys.setdefaultencoding('utf-8') &n
  • mysql导入数据load data infile用法 daizj mysql导入数据
    我们常常导入数据！mysql有一个高效导入方法，那就是load data infile 下面来看案例说明 基本语法： load data  [low_priority] [local] infile 'file_name txt' [replace | ignore] into table tbl_name [fields [terminated by't'] [OPTI
  • phpexcel导入excel表到数据库简单入门示例 dcj3sjt126com PHPExcel
    跟导出相对应的，同一个数据表，也是将phpexcel类放在class目录下，将Excel表格中的内容读取出来放到数据库中 <?php error_reporting(E_ALL); set_time_limit(0); ?> <html> <head> <meta http-equiv="Content-Type"
  • 22岁到72岁的男人对女人的要求 dcj3sjt126com
    22岁男人对女人的要求是：一，美丽，二，性感，三，有份具品味的职业，四，极有耐性，善解人意，五，该聪明的时候聪明，六，作小鸟依人状时尽量自然，七，怎样穿都好看，八，懂得适当地撒娇，九，虽作惊喜反应，但看起来自然，十，上了床就是个无条件荡妇。 32岁的男人对女人的要求，略作修定，是：一，入得厨房，进得睡房，二，不必服侍皇太后，三，不介意浪漫蜡烛配盒饭，四，听多过说，五，不再傻笑，六，懂得独
  • Spring和HIbernate对DDM设计的支持 e200702084 DAO设计模式springHibernate领域模型
    A：数据访问对象     DAO和资源库在领域驱动设计中都很重要。DAO是关系型数据库和应用之间的契约。它封装了Web应用中的数据库CRUD操作细节。另一方面，资源库是一个独立的抽象，它与DAO进行交互，并提供到领域模型的“业务接口”。    资源库使用领域的通用语言，处理所有必要的DAO，并使用领域理解的语言提供对领域模型的数据访问服务。
  • NoSql 数据库的特性比较 geeksun NoSQL
    Redis 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。目前由VMware主持开发工作。   1. 数据模型 作为Key-value型数据库，Redis也提供了键（Key）和值（Value）的映射关系。除了常规的数值或字符串，Redis的键值还可以是以下形式之一： Lists （列表） Sets
  • 使用 Nginx Upload Module 实现上传文件功能 hongtoushizi nginx
    转载自： http://www.tuicool.com/wx/aUrAzm   普通网站在实现文件上传功能的时候，一般是使用Python，Java等后端程序实现，比较麻烦。Nginx有一个Upload模块，可以非常简单的实现文件上传功能。此模块的原理是先把用户上传的文件保存到临时文件，然后在交由后台页面处理，并且把文件的原名，上传后的名称，文件类型，文件大小set到页面。下
  • spring-boot-web-ui及thymeleaf基本使用 jishiweili springthymeleaf
    视图控制层代码demo如下：   @Controller @RequestMapping("/") public class MessageController { private final MessageRepository messageRepository; @Autowired public MessageController(Mes
  • 数据源架构模式之活动记录 home198979 PHP架构活动记录数据映射
    hello!架构 一、概念 活动记录（Active Record）：一个对象，它包装数据库表或视图中某一行，封装数据库访问，并在这些数据上增加了领域逻辑。 对象既有数据又有行为。活动记录使用直截了当的方法，把数据访问逻辑置于领域对象中。   二、实现简单活动记录 活动记录在php许多框架中都有应用，如cakephp。 <?php /** * 行数据入口类 *
  • Linux Shell脚本之自动修改IP pda158 linuxcentosDebian脚本
    作为一名 Linux SA，日常运维中很多地方都会用到脚本，而服务器的ip一般采用静态ip或者MAC绑定，当然后者比较操作起来相对繁琐，而前者我们可以设置主机名、ip信息、网关等配置。修改成特定的主机名在维护和管理方面也比较方便。如下脚本用途为：修改ip和主机名等相关信息，可以根据实际需求修改，举一反三！ #!/bin/sh #auto Change ip netmask ga
  • 开发环境搭建 独浮云 eclipsejdktomcat
           最近在开发过程中，经常出现MyEclipse内存溢出等错误，需要重启的情况，好麻烦。对于一般的JAVA+TOMCAT项目开发，其实没有必要使用重量级的MyEclipse，使用eclipse就足够了。尤其是开发机器硬件配置一般的人。         &n
  • 操作日期和时间的工具类 vipbooks 工具类
       大家好啊，好久没有来这里发文章了，今天来逛逛，分享一篇刚写不久的操作日期和时间的工具类，希望对大家有所帮助。 /* * @(#)DataFormatUtils.java 2010-10-10 * * Copyright 2010 BianJing,All rights reserved. */ package test; impor
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他