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)

  • webpack 浅谈系列之 Loader KimYYX
    webpack拥有六大核心部分：Entry、Output、Loaders、Plugins、Mode、BrowserCompatibility，这里就我的理解来稍微聊聊Loaders这个部分。1.认识Loader先放出我对loader的理解：Loader是用来逐个处理指定类型的文件。emmm...下面我们对上面那句话稍微解释下。首先我们要先明确，一个Loader是如何在webpack中配置的，见下面
  • 7、智能合约入门指南 DLC# 以太坊智能合约开发实战指南智能合约SolidityRemix
    智能合约入门指南1.Remix简介Remix是一个基于浏览器的集成开发环境（IDE），用于编写Solidity智能合约。它具备集成编译器、无需服务器端组件的运行时虚拟环境、集成调试器、集成测试环境以及静态代码分析工具。以前它被称为Browser-Solidity，不仅能模拟区块链，还能突出显示语法和错误，支持多个Solidity文件，并可部署合约，同时显示字节码和应用二进制接口（ABI）。2.So
  • 如何解决 undetected_chromedriver 启动慢问题 小马哥编程 chromeseleniumui
    要解决undetected_chromedriver启动慢的问题，可以从以下几个方面优化配置和代码：1.指定本地Chrome二进制路径避免自动搜索Chrome路径，直接指定位置：driver=uc.Chrome(browser_executable_path=r'C:\ProgramFiles\Google\Chrome\Application\chrome.exe')2.禁用GPU和沙盒（关键优
  • selenium 反爬虫识别特征处理
    因为业务中发现网站对selenium特征识别为爬虫了，因此在搜索引擎中搜索进行处理方式一#实例化一个浏览器对象options=webdriver.ChromeOptions()options.add_experimental_option('excludeSwitches',['enable-automation'])ifsys.platform=="win32":browser=webdrive
  • 快速安装playwright python 小小侠i 测试工具安装python开发语言
    快速安装playwrightpython首先：注意本机的python版本必须大于3.7下面是安装步骤的提速方法第一步pipinstallplaywright-ihttps://mirrors.aliyun.com/pypi/simple/使用阿里源，提高下载速度。第二步python-mplaywrightinstall（ThisinstallsbrowserbinariesforChromium,
  • 抖音爆火的QQ价格评估源码
    内容目录一、详细介绍二、效果展示1.部分代码2.效果图展示三、学习资料下载一、详细介绍抖音爆火的QQ价格评估前端源码最近抖音很火直播给别人测qq价值多少，这个源码只有前端，包含激活码验证页，评估页，自行研究吧二、效果展示1.部分代码代码如下（示例）：functioncreateLoginWindow(){mainWindow=newBrowserWindow({width:800,height:6
  • FireFox一些设置 养牛大人 firefoxfirefox前端
    firefox后台打开新的链接，例如中键打开一个链接地址栏输入about:config找到下面三项，全部设为truebrowser.tabs.loadInBackgroundbrowser.tabs.loadDivertedInBackgroundbrowser.tabs.loadBookmarksInBackground参考：FireFox/chrome在后台打开新的标签页，而不是立即跳转过去!
  • Electron窗口闪烁问题 黑哒哒的盟友 electronjavascript前端
    背景使用Electron创建一个无边框切透明的窗口，实现UI定制,窗体隐藏后会出现任务栏托盘中，然后点击任务栏托盘中的应用程序图标将其展示出来。环境windows7+操作系统闪烁描述调用hide()方法隐藏窗体,在调用show()方法是出现了窗口闪屏配置代码constdefaultConfig:BrowserWindowConstructorOptions={frame:false,//关闭窗口边
  • Linux 使用 docker 安装 File Browser 文件浏览器 liupeng_blog dockerdockerlinux运维
    文章目录个人知识库FileBrowser简介环境要求一.新建文件目录1.1.新建docker-compose.yml1.2.编写docker-compose.yml二.文件赋权限三、新建filebrowser.json四.启动容器4.1.启动并下载镜像4.2.停止并删除容器五.访问Filebrowser六.FileBrowser设置七.DockerHub官网更多知识平台个人知识库云网站：http:
  • python+playwright 学习-91 cookies的获取保存删除相关操作 上海-悠悠 playwrightpython
    前言playwright可以获取浏览器缓存的cookie信息，可以将这些cookies信息保存到本地，还可以加载本地cookies。获取cookies相关操作在登录前和登录后分别打印cookies信息，对比查看是否获取成功。fromplaywright.sync_apiimportsync_playwrightwithsync_playwright()asp:browser=p.chromium.
  • B/S架构系统角色与对应协议详解 步行cgn JavaWeb架构
    B/S架构系统角色与对应协议详解一、核心角色及协议映射系统角色主要职责关键协议协议作用说明浏览器用户交互界面HTTP/HTTPS应用层通信基础(Browser)发送请求/渲染响应WebSocket全双工实时通信执行前端逻辑WebRTC点对点音视频传输DNS域名解析--------------------------------------------------------------------
  • B/S 架构通信原理详解 步行cgn JavaWeb架构
    B/S架构通信原理详解一、核心架构Browser/Server（浏览器/服务器）模型：前端：浏览器作为统一客户端（Chrome/Firefox/Edge等）后端：服务器处理业务逻辑+数据存储（Nginx/Apache/Tomcat等）通信协议：基于HTTP/HTTPS的请求-响应模型二、完整通信流程sequenceDiagramparticipant用户participant浏览器particip
  • 想要实现electron一打开，窗口就是全屏状态，代码怎么写？ 几道之旅 electronjavascript前端
    在Electron中实现应用启动时自动全屏显示窗口，可通过以下两种主流方法实现（基于主进程代码）：方法1：创建窗口时直接设置fullscreen:true在main.js（主进程文件）中创建BrowserWindow实例时，通过配置项启用全屏：const{app,BrowserWindow}=require('electron');functioncreateWindow(){constmainW
  • 深入解析SnakeViz：Python性能分析可视化利器 苏凌献
    深入解析SnakeViz：Python性能分析可视化利器snakevizAnin-browserPythonprofileviewer项目地址:https://gitcode.com/gh_mirrors/sn/snakeviz什么是SnakeVizSnakeViz是一款基于浏览器的Python性能分析可视化工具，专门用于展示cProfile模块生成的性能分析数据。作为Python标准库pstat
  • RustFS一款Rust 驱动的 高性能 分布式存储系统 ❀͜͡傀儡师 rust分布式开发语言
    演示地址：https://play.rustfs.com/browser访问账号（默认rustfsadmin）。访问密钥（默认rustfsadmin）。下载mchttps://dl.min.io/client/mc/release可以直接在Linux系统上安装mc（，然后访问Docker容器内的RustFS服务。下载并安装：wgethttps://dl.min.io/client/mc/relea
  • UserAgent-Switcher 项目常见问题解决方案 卫直超Unity
    UserAgent-Switcher项目常见问题解决方案UserAgent-SwitcherAUser-Agentspooferbrowserextensionthatishighlyconfigurable项目地址:https://gitcode.com/gh_mirrors/us/UserAgent-Switcher项目基础介绍UserAgent-Switcher是一个高度可配置的用户代理欺骗
  • 【亲测免费】 UserAgent-Switcher 技术文档
    UserAgent-Switcher技术文档UserAgent-SwitcherAUser-Agentspooferbrowserextensionthatishighlyconfigurable项目地址:https://gitcode.com/gh_mirrors/us/UserAgent-Switcher1.安装指南1.1浏览器扩展安装UserAgent-Switcher是一个高度可配置的用户
  • 使用Gemini实现AI驱动UI自动化测试 测试AI自动化测试
    安装依赖pipinstallbrowser-uselangchain-google-genaipydantic编写代码#coding=utf-8importasyncioimportosfrombrowser_use.agent.serviceimportAgentfromlangchain_google_genaiimportChatGoogleGenerativeAIfrompydantici
  • 156个Python网络爬虫资源，妈妈再也不用担心你找不到资源！_爬虫 csdn资源
    本列表包含Python网页抓取和数据处理相关的库。网络相关通用urllib-网络库(标准库)requests-网络库grab-网络库(基于pycurl)pycurl-网络库(与libcurl绑定)urllib3-具有线程安全连接池、文件psot支持、高可用的PythonHTTP库httplib2-网络库RoboBrowser-一个无需独立浏览器即可访问网页的简单、pythonic的库Mechani
  • 鸿蒙arkts使用关系型数据库，使用DB Browser for SQLite连接和查看数据库数据？使用TaskPool进行频繁数据库操作 周胡杰 harmonyos数据库华为鸿蒙系统鸿蒙前端
    2.下载ziphttps://sqlitebrowser.org/默认打开即可3数据库的使用搭配taskpool
  • transpileDependencies与babel编译顺序释义 大猫会长 webpack前端Vue前端javascript开发语言
    如果transpileDependencies为true或为正则，接着看package.json里的browserslist是否处在低级浏览器范围，如果处在低级浏览器范围内，那么会把node_modules里用得到的高级语法进行babel编译如果transpileDependencies为false,则会把node_modules里用到的高级语法原封不动的打包(无视browserslist范围)，
  • 火狐浏览器如何设置：在任务栏中的搜索栏点击搜索的箭头后，网页在新标签打开 wh3933 edge浏览器c4前端
    要在火狐浏览器中设置搜索结果在新标签页中打开，请按照以下步骤操作：打开火狐浏览器。在地址栏中输入about:config并按下回车键。可能会出现一个警告页面，点击“接受风险并继续”。在搜索栏中输入browser.search.openintab。找到browser.search.openintab这一项，双击它将值更改为true。
  • C# Cefsharp 获取cookie 和设置cookie Little_Code cookiecefsharp
    设置cookievarcook=Cef.GetGlobalCookieManager();cook.SetCookieAsync(url,newCefSharp.Cookie{Domain="",Name="",Value="",});读取cookieprivatevoidBrowser_FrameLoadEnd(objectsender,FrameLoadEndEventArgse){Cooki
  • 【python实用小脚本-126】基于 Python 的 Google Meet 和 Zoom 自动化工具：实现会议自动化加入
    引言在远程工作和在线学习日益普及的今天，GoogleMeet和Zoom成为了最常用的视频会议工具。然而，频繁地手动加入会议可能会浪费时间和精力。本文将介绍一个基于Python的自动化工具，能够自动加入GoogleMeet和Zoom会议。该工具主要利用了Python的schedule、webbrowser、pyautogui和pyperclip库，结合了任务调度、网页自动化和屏幕操作技术，为用户提供
  • python自动打卡程序_用python写的考勤自动打卡程序 杨不圆 python自动打卡程序
    fromseleniumimportwebdriverimportwebbrowserimporttime,datetimeimportrandomimportconfigparser#自动获取次日，如果有需要可以用这段#defgetday(msg,default=1):#r=input(msg)#ifr=='':#returndefault#returnr#在指定位置读取文件cf=configp
  • Midscene.js 安装与配置指南 孙爽知Kody
    Midscene.js安装与配置指南midsceneLetAIbeyourbrowseroperator.项目地址:https://gitcode.com/gh_mirrors/mid/midscene1.项目基础介绍Midscene.js是一个开源项目，旨在通过AI驱动浏览器自动化操作。用户可以使用自然语言描述任务需求，Midscene.js将自动执行相应的浏览器操作，如数据提取、页面验证等。该
  • MCP 探索：browser tools MCP + Cursor 可以实现哪些能力 简简单单OnlineZuozuo m1Python领域m4杂项m2Java领域MicrosoftbrowsertoolsMCP大模型mcp
    简简单单Onlinezuozuo：本心、输入输出、结果文章目录MCP探索：browsertoolsMCP+Cursor可以实现哪些能力前言一、BrowserToolsMCP与Cursor简介二、数据捕获与监控能力三、审计功能四、交互与集成功能五、自动化与调试功能六、技术改进七、使用配置MCP探索：browsertoolsMCP+Cursor可以实现哪些能力编辑|简简单单Onlinezuozuo地址
  • webpack ＜ 5 used to include polyfills for node.js core modules by default. TO_WebNow Vuejavascriptvue.js
    vue-cli5.x版本报错在vue-cli新版本中使用了pdfh5然后报错如下,大致意思是说新版的cli中模块polyfill不会自动引入了Ifyouwanttoincludeapolyfill,youneedto:-addafallback'resolve.fallback:{"https":require.resolve("https-browserify")}'-install'https
  • js小知识
    js的三个组成部分。（1）ECMAScript语法（2）Bom浏览器与js交互（3）Domhtml内容与js交互Bomwindow对象。（1）浏览器对象模型BrowserobjectModel(2)document文档（3）screen屏幕（4）location地址（5）navigator浏览器对象（6）history历史记录window全局方法。（1）script中var声明变量没有用var声明
  • java/.net跨平台UI浏览器SDK，浏览器控件开发包分析 专注VB编程开发20年 ui跨平台浏览器linuxcefminiblink
    在Linux系统中，虽然没有完全等同于安卓WebView的内置浏览器SDK，但存在多种基于开源浏览器引擎的解决方案，支持通过Java代码控制网页加载和执行JavaScript。以下是具体实现方案和技术细节：一、核心技术方案对比方案名称核心引擎跨平台支持Java集成方式功能完整性开源协议JxBrowserChromiumLinux/macOS/Windows原生JavaAPI完整（HTML5/JS/
  • 多线程编程之理财 周凡杨 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其他