weistar
weistar

Browserify 跑在浏览器上的Node程序

文章源自:http://blog.fens.me/nodejs-browserify/

 

从零开始nodejs系列文章，将介绍如何利Javascript做为服务端脚本，通过Nodejs框架web开发。Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎。chrome浏览器就基于V8，同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express，可以帮助我们迅速建立web站点，比起PHP的开发效率更高，而且学习曲线更低。非常适合小型网站，个性化网站，我们自己的Geek网站！！

 

前言

Nodejs的出现，为Javascript开辟了一条新的大路，让Javascript获得了新生。虽然Nodejs也基于Javascript语法和解释器，但是前后端各自有各自的库，无法重用真的很不舒服。

Browserify 通过预编译的方法，让Javascript前端可以直接使用Node后端的程序。我们可以用一套代码完成前后端，不仅工作量变少了，程序重用性增强，还可以直接在浏览器中使用大量的NPM第三方开源库的功能。

Web时代，将是我们创新与创造的新起点。

目录

  1. Browserify介绍
  2. Browserify安装
  3. Browserify命令行参数
  4. 在浏览器中运行Nodejs程序
  5. 在浏览器中模块化调用Nodejs程序

1. Browserify介绍

Browserify的出现可以让Nodejs模块跑在浏览器中，用require()的语法格式来组织前端的代码，加载npm的模块。在浏览器中，调用browserify编译后的代码，同样写在<script>标签中。

用 Browserify 的操作，分为3个步骤。

  • 1. 写node程序或者模块
  • 2. 用Browserify 预编译成 bundle.js
  • 3. 在HTML页面中加载bundle.js

Browserify 的发布页：http://browserify.org/

2. Browserify安装

Browserify安装: sudo npm install -g browserify

3. Browserify命令行参数

  • –outfile, -o: browserify日志打印到文件
  • –require, -r: 绑定模块名或文件，用逗号分隔
  • –entry, -e: 应用程序的入口
  • –ignore, -i: 省略输出
  • –external, -x: 从其他绑定引入文件
  • –transform, -t: 对上层文件进行转换
  • –command, -c: 对上层文件使用转换命令
  • –standalone -s: 生成一个UMB的绑定的接口，提供给其他模块使用。
  • –debug -d: 激活source maps调试文件
  • –help, -h: 显示帮助信息

高级命令：browserify --help advanced

  • –insert-globals, –ig, –fast: 跳过检查，定义全局变量。[default:false]
  • –detect-globals, –dg: 检查全局变量是否存在。 [default:true]<
  • –ignore-missing, –im: 忽略require()函数。[default: false]
  • –noparse=FILE: 不解析文件，直接build。
  • –deps: 打印完整输出日志
  • –list: 打印每个文件的依赖关系
  • –extension=EXTENSION: 指名扩展名的文件做为模块加载，允许多次设置

4. Browserify使用：在浏览器中运行Nodejs程序

新建4个文件：

  • multiply.js: 乘法计算
  • square.js: 平方计算，依赖multiply.js
  • index.js: node启动程序，调用square.js
  • index.html: 用于显示的HTML网页

新建文件：multiply.js

 

module.exports = function (a, b) {
    console.log("js:multiply");
    return a * b;
};

 新建文件：square.js

 

 

var multiply = require('./multiply');
module.exports = function (n) {
    console.log("js:square");
    return multiply(n, n);
};

 新建文件：index.js

 

 

var square = require('./square');
console.log("js:index");
console.log(square(125));

 在node环境中运行

 

 

node index.js

 用browserify编译index.js文件到bundle.js

 

 

browserify index.js > bundle.js

 新建文件：index.html

 

 

<!DOCTYPE html>
<html>
<head>
<title>Browserify</title>
<style>input{width:50px;}</style>
</head>
<body>
<h1>Browserify</h1>
<script src="bundle.js"></script>
</body>
</html>

 在index.html中，我们加载刚才生成的bundle.js文件。

 

5. 在浏览器中模块化调用Nodejs函数

新建文件：

  • multiply.js: 同上面的文件
  • module.html: 用于显示的HTML网页

用browserify编译multiply.js文件到bundle.js，作为模块

 

browserify -r ./multiply.js > bundle.js

 新建文件：module.html

 

 

<!DOCTYPE html>
<html>
<head>
<title>Browserify</title>
<style>input{width:50px;}</style>
</head>
<body>
<form>
<p>
<input type="text" id="x" value="2"/> * <input type="text" id="y" value="3" /> = <span id="result"></span>
</p>
<input type="button" onclick="add()" value="M1"/>
<input type="button" onclick="add2()" value="M2"/>
</form>
<script src="bundle.js"></script>
<script>
function add(){
var x = parseInt(document.querySelector('#x').value);
var y = parseInt(document.querySelector('#y').value);
console.log(x*y);
document.querySelector('#result').innerHTML=x*y;
}

var m = require('/multiply.js');
function add2(){
var x = parseInt(document.querySelector('#x').value);
var y = parseInt(document.querySelector('#y').value);
console.log(m);
console.log(x*y);
document.querySelector('#result').innerHTML=m(x,y);
}
</script>
</body>
</html>

 在浏览器中打开module.html：

  • 点击M1，通过add1函数计算出6
  • 点击M2，通过add2函数，调用bundle.js中的multiply.js的函数，计算出6

 

 

你可能感兴趣的:(browser)

  • html显示base64的pdf,html - base64 embeded PDF files won't render in Chrome - Stack Overflow weixin_33047553
    SomePDFfileswon'trenderinChromebrowserbutwillrenderfineinFirefox.Allfilesrenderfineinallbrowsersifemededdirectly.Theconfusingpartisthattheproblemisonlyforsomefilesandnotall.Filesarestoredinafolderthat
  • B/S结构和C/S结构是什么？它们之间有哪些区别和联系？ 瑆箫 开发语言
    B/S和C/S都是随着互联网的发展而出现的一种网络结构模式，而其用的非常广泛，在我们生活中都很常见。那它们到底是什么呢？接下来就详细的介绍一下B/S和C/S。B/S结构和C/S结构一、B/S结构B是英文单词“Browser”的首字母，即浏览器的意思；S是英文单词“Server”的首字母，即服务器的意思。B/S就是“Browser/Server”的缩写，即“浏览器/服务器”模式。B/S结构是随着互联
  • toad for oracle xpert edition,TOAD —— 快速简便的Oracle 开发及管理 weixin_39943678 toadfororaclexpertedition
    TOAD——快速简便的Oracle开发及管理TOAD®是的系列化Oracle开发和管理工具套件，包含集成化的开发、测试、管理与优化功能，可以大大提高数据库开发和管理人员的工作效率。轻松浏览和管理Oracle数据库TOAD的SchemaBrowser(模式浏览器)模块内置了方便易用的多页浏览功能，可以迅速查看和管理Oracle数据字典。通过点击特定对象，TOAD可以立即展示其相关信息，避免了逐层查看
  • electron下载文件，弹窗选择下载路径，并通知下载进度 李富贵~ electronjavascript前端vue.js
    1：在window.js中引入sessionimport{app,BrowserWindow,ipcMain,dialog,shell,session}from'electron';2：发送下载请求//在主进程监听渲染进程发送的'start-download'事件ipcMain.on('start-download',async(event,downloadUrl)=>{letwin=Browse
  • Chrome内核解析 -- 背景篇：Chromium的多进程多线程构架 yunchao_he Chromium/BlinkRenderingChromiummulti-process
    转载请注明出处：http://blog.csdn.net/yunchao_he/article/details/41695497Chromium采用多进程构架，以DesktopChromium为例，它包括一个BrowserProcess(也称为UIProcess),一个或多个RenderProcess(也称为WebProcess),零个或一个GPUProcess,以及一个或多个NPAPIPlugi
  • Dive Into Browser（一）: 浏览器架构 草半 浏览器chromium浏览器架构IPC
    DiveIntoBrowser（一）：浏览器架构浏览器部件多进程架构RenderProcessBrowserProcess进程间通信IPCRenderProcess中的线程BrowserProcess中的线程底层浏览器进程对象高层浏览器进程对象消息通信实例Mouseclick消息的生命周期Setcursor消息的生命周期碎碎念参考资料随着Web技术的发展，现代浏览器已经具备了空前的复杂度，chro
  • 火语言RPA--HTML标签过滤删除 oh,huoyuyan rpa
    【组件功能】：过滤删除处理内容中指定的HTML标签配置预览配置说明源HTML文本支持T或#默认FLOW输入项处理的对象，若为空，以上一个组件的输出做为源HTML文本，支持文本或表达式输入。删除标签按照列表中勾选的删除标签对源HTML文本内容中的html标签进行过滤删除操作。示例标签过滤描述获取网址https://www.huoyuyan.com/help/demo-pages/browsers/i
  • Python Playwright 打包报错 Please run the following command to download new browsers 卡尔特斯 Pythonpython
    想做一个浏览器自动化的小插件，本地安装了Playwright，测试可以正常打开浏览器自动化。但是在使用PyInstaller将Python代码打包成app/exe后，打开应用程序报错：playwright._impl._api_types.Error:Executabledoesn'texistat/Users/dengzemiao/Desktop/Project/python/dist/main
  • 细读 React | React Router 路由切换原理 苹果酱0567 面试题汇总与解析课程设计springbootvue.jsjavamysql
    2022北京冬奥会开幕式此前一直在疑惑，明明pushState()、replaceState()不触发popstate事件，可为什么ReactRouter还能挂载对应路由的组件呢？翻了一下history.js源码，终于知道原因了。源码假设项目路由设计如下：import{render}from'react-dom'import{BrowserRouter,Routes,Route}from'reac
  • 【项目实战】计算点击率，如何将两个时间组成的List映射成一个Map返回给前端 本本本添哥 Z-Inbox1javalist前端
    一、第一次遇到1.1说明在Java中，经常有两个需要关联的独立列表。换句话说，我们有两个列表，一个包含键，另一个包含值。browserList=[{"browser":40,"day":1696694400000},{
  • Python web —— Selenium 库 五道口纳什 web
    Selenium：硒，一种化学元素。Selenium是Python下第三方浏览器自动化工具。1.Firefox/Chromefromseleniumimportwebdriverbrowser=webdriver.Firefox()#browser=webdriver.Chrome()#browser此时就是一个浏览器对象；browser.get('http://www.baidu.com')as
  • JDK1.5.0_22 sduzhijian jdksunjavadownloadbrowsernetwork
    ThankyouforyourinterestinSun'sJavaSEtechnologyandforhavingtakenthetimetoprovideyourinformation.TogainaccesstotherequestedJavaSEdownload,pleasevisitthefollowinglinkthroughyourbrowser(pleasenotethatthef
  • 【实用技能】如何将 Web 视图添加到 Compose Multiplatform 应用程序 CodeCraft Studio 控件开发工具webchromedevtoolskotlin
    ComposeMultiplatform是一个用于在桌面、网络和移动设备上创建用户界面的框架。它扩展了Android的JetpackCompose，并允许您使用熟悉的API为iOS和桌面开发应用。JxBrowser是一个商业Web视图组件。它基于Chromium，也可用于Swing、JavaFX和SWT。JxBrowser专为具有关键用例、截止日期和对第三方软件和供应商有高标准的公司而设计。该软件
  • 根据浏览器语言判断wordpress访问不同语言的站点 wodrpress资源分享 wordpress前端javascripthtmlwordpress
    根据当前用户使用的浏览器语言判断，让wordpress按语言访问不同语言的站点。wordpress多语言网站，分别访问的一个好办法。document.addEventListener('DOMContentLoaded',function(){varbrowserLang=navigator.language||navigator.userLanguage;varlang=browserLang.
  • Win10系统下的EDGE浏览器启用IE模式 代先生.重庆 运维Windowsedge电脑运维
    Win10系统下的EDGE浏览器目前已弃用IE内核，这样在访问某些较老的网站会有兼容性问题，本文记录了在EDGE浏览器中启用IE模式的操作方法。一、启用EDGE浏览器的IE模式要打开InternetExplorer模式，执行以下步骤:1、在MicrosoftEdge的地址栏中，键入edge://settings/defaultbrowser，然后单击Enter。（也可以点击浏览器-设置--默认浏览
  • CEF多进程框架：CEF初始化进程过程 新兴AI民工 C++编程实战大杂烩CEFrender进程browser进程CEF多进程CEF进程创建
    文章目录CEF如何创建进程CefExecuteProcess函数CEF如何创建进程CEF框架启动后，会有多个进程，之前也提到过，有Browser进程，Render进程，GPU进程等。比如CEF框架代码中的cefsimple，cefclient启动后都是如此。CEF框架是通过CefExecuteProcess函数来初始化线程相关内容的，在cefsimple代码如下：//CEFapplications
  • visual studio code打不开浏览器 Ares^o^ vscodeide编辑器
    vscodeopen-in-browser打不开浏览器_openinbrowser打不开-CSDN博客查找浏览器的exe右键点击快捷方式，点击属性，在目标一项可以看到地址
  • Selenium向下滑动 _苏歌 vscodePython爬虫seleniumpythonchrome
    Python爬虫利用selenium滚动下滑#导入所需要包fromseleniumimportwebdriverimporttime#Chromewebdriver路径path='chromedriver.exe'browser=webdriver.Chrome(path)#url地址url='https://baidu.com'#访问地址browser.get(url)
  • 敲黑板！如果使用lighthouse 遇到NO_FCP错误可能是前端安全策略导致的！ 测试开发Kevin 性能测试接口测试测试工具性能优化前端
    lighthouseNO_FCP使用lighthouse进行前端性能测试时发现一个问题：Thepagedidnotpaintanycontent.Pleaseensureyoukeepthebrowserwindowintheforegroundduringtheloadandtryagain.(NO_FCP)页面截图如下：刚开始以为是自己的lighthouse出了问题，然后找一个其他网页进行性能
  • TWebbrowser自动点击链接 nfenghklibra Delphi学习笔记delphiurl
    delphi中TWebbrowser自动点击链接,其中TWebBrowser的Navigate方法并不完全等同于点击链接procedureTForm1.btnClickUrlClick(Sender:TObject);varJ:integer;spDisp:IDispatch;IDoc1:IHTMLDocument2;ielc:IHTMLElementCollection;ihtml:IHTMLE
  • ue4网页端_ue4学习之嵌入H5网页(web Brower) 翁达 ue4网页端
    五一放假，在家看了一波UE4的视频，也动手写了一点简单的东西。UE4里面可玩的东西很多，但是我没时间一个一个的去学去看，所以，我将会针对平时的项目需求去学习一些实用性的东西。今天，就记录一下，在UE4里面如何添加外部H5程序。1.添加webbrowser插件打开项目模板这些就不说了，稍微看下教程就会了。编辑-->插件：搜索-->web...-->点击开启开启之后，右下角会有一个询问是否重启的选项，
  • Qutebrowser：Python程序员的浏览器利器 东方佑 量子变法python
    引言在日常工作中，我们常常会遇到一些重复性的操作，比如每天打开固定的几个网页，或者需要频繁地对网页进行截图。如果你是一位Python开发者，并且希望有一种更高效的方式来处理这些任务，那么今天介绍的Qutebrowser绝对会让你眼前一亮。Qutebrowser是一个基于Python和PyQt开发的键盘驱动浏览器，它不仅支持Vim风格的快捷键操作，还允许用户通过编写Python脚本来扩展其功能。接下
  • playwright打包成exe weixin_46907422 python
    在环境变量中增加PLAYWRIGHT_BROWSERS_PATH，值为0重新下载playwright浏览器：playwrightinstall在要打包的文件夹执行了两条命令：playwrightinstallchromiumpyinstaller-Frun.py
  • Pex 项目使用教程 任翊昆Mary
    Pex项目使用教程pexPexisajavascript3dlibrary/engineallowingforseamlessdevelopmentbetweenPlaskandWebGLinthebrowser.项目地址:https://gitcode.com/gh_mirrors/pex/pex1.项目的目录结构及介绍Pex项目的目录结构如下：pex-gl/├──assets/├──lib/├
  • PEX 开源项目教程 束静研Kody
    PEX开源项目教程pexPexisajavascript3dlibrary/engineallowingforseamlessdevelopmentbetweenPlaskandWebGLinthebrowser.项目地址:https://gitcode.com/gh_mirrors/pex/pex项目介绍PEX（PolyethyleneExchange）是一个基于高密度聚乙烯（HDPE）的管道和
  • Serverless Plugin Optimize 使用指南 舒林艾Natalie
    ServerlessPluginOptimize使用指南serverless-plugin-optimize⛔️DEPRECATED⛔️BundlewithBrowserify,transpileandminifywithBabelautomaticallytoyourNodeJSruntimecompatibleJavaScript项目地址:https://gitcode.com/gh_mirr
  • 项目推荐：Serverless优化插件 —— 提升您的云函数性能与效率 井队湛Heath
    项目推荐：Serverless优化插件——提升您的云函数性能与效率serverless-plugin-optimize⛔️DEPRECATED⛔️BundlewithBrowserify,transpileandminifywithBabelautomaticallytoyourNodeJSruntimecompatibleJavaScript项目地址:https://gitcode.com/gh
  • Dell服务器idrac9内网登录正常公网端口映射访问异常 容器云服务 服务器运维
    错误内容：UnknownReasonYourbrowsersentarequestthatthisservercouldnotunderstandAdditionally,a400BadRequesterrorwasencounteredwhiletryingtouseanErrorDocumenttohandletherequest解决方法：ThewebserveriniDRAC9firmwar
  • WEB基础（B/S,C/S,协议） 帕德耀斯 学习日志前端服务器http
    1、B/S架构软件：Browser/Server,浏览器/服务器模式这种模式统一了客户端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器。B/S架构特点：维护和升级方式简单成本降低，选择更多应用服务器运行数据负荷较重2、C/S软件架构：Client/Server，客户端/服务器模式客户机和服务器结构。它是软件系统体系结构，通过它可以充分利用两端硬件
  • WPF 使用webView显示浏览器网页 她说彩礼65万 wpf
    在WPF中显示一个可以操作的浏览器界面，你可以使用WebBrowser控件或WebView2控件。WebBrowser控件是基于IE内核的，而WebView2是基于Chromium内核的，推荐使用WebView2，因为它更现代且支持最新的Web标准。使用WebBrowser控件WebBrowser控件是WPF内置的控件，使用起来比较简单，但功能有限。在XAML中添加WebBrowser控件：在代码
  • 多线程编程之理财 周凡杨 java多线程生产者消费者理财
          现实生活中，我们一边工作，一边消费，正常情况下会把多余的钱存起来，比如存到余额宝，还可以多挣点钱，现在就有这个情况：我每月可以发工资20000万元 （暂定每月的1号），每月消费5000（租房+生活费）元（暂定每月的1号），其中租金是大头占90%，交房租的方式可以选择（一月一交，两月一交、三月一交），理财：1万元存余额宝一天可以赚1元钱，
  • [Zookeeper学习笔记之三]Zookeeper会话超时机制 bit1129 zookeeper
    首先，会话超时是由Zookeeper服务端通知客户端会话已经超时，客户端不能自行决定会话已经超时，不过客户端可以通过调用Zookeeper.close()主动的发起会话结束请求，如下的代码输出内容 Created /zoo-739160015 CONNECTEDCONNECTED .............CONNECTEDCONNECTED CONNECTEDCLOSEDCLOSED
  • SecureCRT快捷键 daizj secureCRT快捷键
    ctrl + a : 移动光标到行首ctrl + e ：移动光标到行尾crtl + b: 光标前移1个字符crtl + f: 光标后移1个字符crtl + h : 删除光标之前的一个字符ctrl + d ：删除光标之后的一个字符crtl + k ：删除光标到行尾所有字符crtl + u : 删除光标至行首所有字符crtl + w:  删除光标至行首
  • Java 子类与父类这间的转换 周凡杨 java 父类与子类的转换
        最近同事调的一个服务报错，查看后是日期之间转换出的问题。代码里是把 java.sql.Date 类型的对象 强制转换为 java.sql.Timestamp 类型的对象。报java.lang.ClassCastException。       代码：            
  • 可视化swing界面编辑 朱辉辉33 eclipseswing
          今天发现了一个WindowBuilder插件，功能好强大，啊哈哈，从此告别手动编辑swing界面代码，直接像VB那样编辑界面，代码会自动生成。       首先在Eclipse中点击help，选择Install New Software,然后在Work with中输入WindowBui
  • web报表工具FineReport常用函数的用法总结（文本函数） 老A不折腾 finereportweb报表工具报表软件java报表
    文本函数 CHAR CHAR(number):根据指定数字返回对应的字符。CHAR函数可将计算机其他类型的数字代码转换为字符。 Number:用于指定字符的数字，介于1Number:用于指定字符的数字，介于165535之间（包括1和65535）。 示例: CHAR(88)等于“X”。 CHAR(45)等于“-”。   CODE CODE(text):计算文本串中第一个字
  • mysql安装出错 林鹤霄 mysql安装
    [root@localhost ~]# rpm -ivh MySQL-server-5.5.24-1.linux2.6.x86_64.rpm Preparing...                #####################
  • linux下编译libuv aigo libuv
    下载最新版本的libuv源码，解压后执行： ./autogen.sh   这时会提醒找不到automake命令，通过一下命令执行安装（redhat系用yum，Debian系用apt-get）： # yum -y install automake # yum -y install libtool     如果提示错误：make: *** No targe
  • 中国行政区数据及三级联动菜单 alxw4616
    近期做项目需要三级联动菜单,上网查了半天竟然没有发现一个能直接用的! 呵呵,都要自己填数据....我了个去这东西麻烦就麻烦的数据上. 哎,自己没办法动手写吧. 现将这些数据共享出了,以方便大家.嗯,代码也可以直接使用   文件说明 lib\area.sql -- 县及县以上行政区划分代码（截止2013年8月31日)来源：国家统计局 发布时间：2014-01-17 15:0
  • 哈夫曼加密文件 百合不是茶 哈夫曼压缩哈夫曼加密二叉树
     在上一篇介绍过哈夫曼编码的基础知识,下面就直接介绍使用哈夫曼编码怎么来做文件加密或者压缩与解压的软件,对于新手来是有点难度的,主要还是要理清楚步骤;   加密步骤:  1,统计文件中字节出现的次数,作为权值   2,创建节点和哈夫曼树   3,得到每个子节点01串   4,使用哈夫曼编码表示每个字节  
  • JDK1.5 Cyclicbarrier实例 bijian1013 javathreadjava多线程Cyclicbarrier
    CyclicBarrier类 一个同步辅助类，它允许一组线程互相等待，直到到达某个公共屏障点 (common barrier point)。在涉及一组固定大小的线程的程序中，这些线程必须不时地互相等待，此时 CyclicBarrier 很有用。因为该 barrier 在释放等待线程后可以重用，所以称它为循环的 barrier。 CyclicBarrier支持一个可选的 Runnable 命令，
  • 九项重要的职业规划 bijian1013 工作学习
    一. 学习的步伐不停止        古人说，活到老，学到老。终身学习应该是您的座右铭。        世界在不断变化，每个人都在寻找各自的事业途径。        您只有保证了足够的技能储
  • 【Java范型四】范型方法 bit1129 java
    范型参数不仅仅可以用于类型的声明上，例如   package com.tom.lang.generics; import java.util.List; public class Generics<T> { private T value; public Generics(T value) { this.value =
  • 【Hadoop十三】HDFS Java API基本操作 bit1129 hadoop
      package com.examples.hadoop; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.FSDataInputStream; import org.apache.hadoop.fs.FileStatus; import org.apache.hadoo
  • ua实现split字符串分隔 ronin47 lua split
    LUA并不象其它许多"大而全"的语言那样，包括很多功能，比如网络通讯、图形界面等。但是LUA可以很容易地被扩展：由宿主语言(通常是C或 C++)提供这些功能，LUA可以使用它们，就像是本来就内置的功能一样。LUA只包括一个精简的核心和最基本的库。这使得LUA体积小、启动速度快，从 而适合嵌入在别的程序里。因此在lua中并没有其他语言那样多的系统函数。习惯了其他语言的字符串分割函
  • java-从先序遍历和中序遍历重建二叉树 bylijinnan java
    public class BuildTreePreOrderInOrder { /** * Build Binary Tree from PreOrder and InOrder * _______7______ / \ __10__ ___2 / \ / 4
  • openfire开发指南《连接和登陆》 开窍的石头 openfire开发指南smack
    第一步     官网下载smack.jar包     下载地址：http://www.igniterealtime.org/downloads/index.jsp#smack 第二步     把smack里边的jar导入你新建的java项目中 开始编写smack连接openfire代码 p
  • [移动通讯]手机后盖应该按需要能够随时开启 comsci 移动
        看到新的手机，很多由金属材质做的外壳，内存和闪存容量越来越大，CPU速度越来越快，对于这些改进，我们非常高兴，也非常欢迎      但是，对于手机的新设计，有几点我们也要注意      第一：手机的后盖应该能够被用户自行取下来，手机的电池的可更换性应该是必须保留的设计,
  • 20款国外知名的php开源cms系统 cuiyadll cms
    内容管理系统，简称CMS，是一种简易的发布和管理新闻的程序。用户可以在后端管理系统中发布，编辑和删除文章，即使您不需要懂得HTML和其他脚本语言，这就是CMS的优点。 在这里我决定介绍20款目前国外市面上最流行的开源的PHP内容管理系统，以便没有PHP知识的读者也可以通过国外内容管理系统建立自己的网站。 1. Wordpress WordPress的是一个功能强大且易于使用的内容管
  • Java生成全局唯一标识符 darrenzhu javauuiduniqueidentifierid
    How to generate a globally unique identifier in Java http://stackoverflow.com/questions/21536572/generate-unique-id-in-java-to-label-groups-of-related-entries-in-a-log http://stackoverflow
  • php安装模块检测是否已安装过, 使用的SQL语句 dcj3sjt126com sql
    SHOW [FULL] TABLES [FROM db_name] [LIKE 'pattern'] SHOW TABLES列举了给定数据库中的非TEMPORARY表。您也可以使用mysqlshow db_name命令得到此清单。 本命令也列举数据库中的其它视图。支持FULL修改符，这样SHOW FULL TABLES就可以显示第二个输出列。对于一个表，第二列的值为BASE T
  • 5天学会一种 web 开发框架 dcj3sjt126com Web框架framework
    web framework层出不穷，特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的经验写了一个to do list,按照这个清单，一条一条的学习，事半功倍，很快就能掌握 一共25条，即便很磨蹭，2小时也能搞定一条，25*2=50。只需要50小时就能掌握任意一种web框架 各类web框架大同小异:现代web开发框架的6大元素，把握主线，就不会迷路 建议把本文
  • Gson使用三(Map集合的处理,一对多处理) eksliang jsongsonGson mapGson 集合处理
    转载请出自出处：http://eksliang.iteye.com/blog/2175532 一、概述        Map保存的是键值对的形式，Json的格式也是键值对的，所以正常情况下，map跟json之间的转换应当是理所当然的事情。 二、Map参考实例 package com.ickes.json; import java.lang.refl
  • cordova实现“再点击一次退出”效果 gundumw100 android
    基本的写法如下： document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { //navigator.splashscreen.hide(); document.addEventListener("b
  • openldap configuration leaning note iwindyforest configuration
    hostname // to display the computer name hostname <changed name> // to change go to: /etc/sysconfig/network, add/modify HOSTNAME=NEWNAME to change permenately dont forget to change /etc/hosts
  • Nullability and Objective-C 啸笑天 Objective-C
    https://developer.apple.com/swift/blog/?id=25   http://www.cocoachina.com/ios/20150601/11989.html   http://blog.csdn.net/zhangao0086/article/details/44409913   http://blog.sunnyxx
  • jsp中实现参数隐藏的两种方法 macroli JavaScriptjsp
    在一个JSP页面有一个链接，//确定是一个链接?点击弹出一个页面，需要传给这个页面一些参数。//正常的方法是设置弹出页面的src="***.do?p1=aaa&p2=bbb&p3=ccc"//确定目标URL是Action来处理?但是这样会在页面上看到传过来的参数，可能会不安全。要求实现src="***.do"，参数通过其他方法传！//////
  • Bootstrap A标签关闭modal并打开新的链接解决方案 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    Bootstrap里面的js modal控件使用起来很方便，关闭也很简单。只需添加标签 data-dismiss="modal" 即可。 可是偏偏有时候需要a标签既要关闭modal，有要打开新的链接，尝试多种方法未果。只好使用原始js来控制。   <a href="#/group-buy" class="btn bt
  • 二维数组在Java和C中的区别 流淚的芥末 javac二维数组数组
    Java代码：   public class test03 { public static void main(String[] args) { int[][] a = {{1},{2,3},{4,5,6}}; System.out.println(a[0][1]); } }  运行结果： Exception in thread "mai
  • systemctl命令用法 wmlJava linuxsystemctl
    对比表，以 apache / httpd 为例 任务 旧指令 新指令 使某服务自动启动 chkconfig --level 3 httpd on systemctl enable httpd.service 使某服务不自动启动 chkconfig --level 3 httpd off systemctl disable httpd.service 检查服务状态 service h
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他