置二
置二

h5 - mui 使用技巧

学习文献
mui 官网 1、包含 mui 等 开发大佬（学习）；
2、登录页、注册页 方法；
——
tomact服务器 大佬 简书大佬，js 可以学习（懒加载）；
Hybrid介绍 叶小钗大佬

开始进军h5开发，不断学习。

<script type="text/javascript">
	mui.init({
		subpages: [{ // 打开子页面,为解决低端机不流畅的问题
			url: 'index.html',
			id: 'index.html', // 可自定义
			styles: {
				// 更改子页面的样式

			}
		}];
		// 页面预加载:
		preloadPages: [{
			url: 'index.html',
			id: 'index.html',
		}]
	});
	mui.plusReady(function() { // 页面初始化
		// 2、在原生mui组件中跳转,需要找到id做跳转事件
		// tab 为跳转事件方式
		document.getElementById('#opentals').addEventListener('tab', function() {
			mui.openWindow({
				url: 'index.html',
				id: 'index.html'
			})
		})

		// 1.1 、页面接收传参,键值对关系
		var statData = plus.webview.currentWebview(); //拿到对象
		mui.toast(statData.name) //弹出 张三
		// 输出到页面
		var name1 = mui('#name');
		name1[0].innerHTML = statData.name;
	});
	
	//1、自定义页面跳转（按钮元素，a标签）, openTals 为点击事件函数;   在 原生mui组件中使用效果并不理想
	// 
	function openTals() {
		mui.openWindow({
			url: 'index.html',
			id: 'index.html',
			show: {}, // 是否显示动画
			extras: { // 传递值,键值对
				name: '张三',
				/* 姓名：  */
			}
		})
	}
</script>

坑货mui，那么多坑！！！浪费我五一两天的时间就做了app连接到手机和tab底部导航现实的问题！一度怀疑自己的智商是不是出了问题

mui的坑有很多，而我才刚刚爬，且爬且珍惜！

先说tab导航栏重复加载的问题吧：

这个坑也是很无语，在index.html 里不能出现这个页面，因为这是app的启动页！！！

好坑啊。。。

好想找个厕所哭

解决的办法就是a标签上不引用，在底部导航的a标签中跳转到不同的页面，就行了！！！

并且百度的也有很多坑的博客，无力吐槽了，记录下来自己用吧
h5 - mui 使用技巧_第1张图片
正确方法：


<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>title>
		<link href="./css/mui.min.css" rel="stylesheet" />
	head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">标题h1>
		header>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="html/a.html">
				<span class="mui-icon mui-icon-home">span>
				<span class="mui-tab-label">首页span>
			a>
			<a class="mui-tab-item" href="html/b.html">
				<span class="mui-icon mui-icon-phone">span>
				<span class="mui-tab-label">电话span>
			a>
			<a class="mui-tab-item" href="html/c.html">
				<span class="mui-icon mui-icon-star">span>
				<span class="mui-tab-label">功能span>
			a>
		nav>


		<script src="./js/mui.min.js">script>
		<script type="text/javascript" charset="utf-8">
			//底部选项卡切换跳转
			(function() {
				var subpages = ['html/a.html','html/b.html', 'html/c.html'];

				var subpage_style = {
					top: '40px',
					bottom: '51px'
				};

				//创建子页面，首个选项卡页面显示，其它均隐藏；
				mui.plusReady(function() {

					var self = plus.webview.currentWebview();
					for (var i = 0; i < subpages.length; i++) { // 如果i等于所有的子页面的话，那么子页面的js都会去执行
						var temp = {};
						var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);

						if (i > 0) {
							sub.hide();
						}
						self.append(sub);
					}
				});

				var activeTab = subpages[0];
				//选项卡点击事件
				mui('.mui-bar-tab').on('tap', 'a', function(e) {
					var targetTab = this.getAttribute('href');

					console.log(targetTab)

					if (targetTab == activeTab) {
						return;
					}

					var self = plus.webview.currentWebview();
					var sub = plus.webview.create(targetTab, targetTab, subpage_style);
					self.append(sub);
					//隐藏当前;
					plus.webview.hide(activeTab); //这里应该是关闭页面，不知道隐藏与关闭区别有多大
					//更改当前活跃的选项卡
					activeTab = targetTab;
				});
				//初始化
				mui.init();

			})()
		script>
	body>
html>

然后就是连接到手机：

第一：在电脑和手机上下载360手机助手，然后打开开发者选项，usb连接到电脑，以供hbuilder调用；（这一步也可不用）

第二：在hbuilder官网下载 Hello H5+ 这样一个软件，当初找个废了很多时间，而且在百度上也没有具体的教程，坑货；

第三：hbuilderX上反正我是没找到真机调试的方法，而是通过老版的hbuilder上进行的真机测试，也是坑！

安卓和ios上的设备管理需要进行授权信任HBbuilder；

你可能感兴趣的:(h5开发)

  • 2018-06-15 h5开发记录 superKelly
    php加载流程php->html->js+cssphp1.smarty赋值$smarty->assign("loadMsg",array('pic'=>'error','footDesc'=>'ec:'.$res));$smarty->caching=false;2.发起请求$url=Config::getApiActivityUrl().'/activity/anniversary/getGue
  • 【微信小程序开发】小程序版的防抖节流应该怎么写 黑子Kuroko typescript微信小程序开发WeApp/weixinjs小程序微信小程序前端javascripttypescript
    由于微信小程序与普通网页的开发、编译、运行机制都有所不同，在防抖节流的方法使用上也就需要我们做一些比较棘手的适配操作。常见的H5开发的防抖节流此处就不再分享了，网上有太多的教程，或者直接问那群AI即可。OK，言归正传，直接上代码：一、防抖函数（TS版）及其使用案例1、文件：pages/utils/index.ts/***防抖函数debounce**@paramfn要防抖的函数*@paramwait
  • 从浏览器渲染层面解析css3动效优化原理 凹凸实验室
    引言在h5开发中，我们经常会需要实现一些动效来让页面视觉效果更好，谈及动效便不可避免地会想到动效性能优化这个话题:减少页面DOM操作，可以使用CSS实现的动效不多出一行js代码使用绝对定位脱离让DOM脱离文档流，减少页面的重排(relayout)使用CSS33D属性开启硬件加速那么，CSS3与动效优化有什么关系呢，本文将从浏览器渲染层面讲述CSS3的动效优化原理浏览器页面展示过程首页，我们需要了解
  • android与js的交互之jsbridge使用 程序猿tx
    众所周知，app的一些功能可能会使用到H5开发，这就难免会遇到java与js的相互调用，android利用WebViewJavascriptBridge实现js和java的交互，这里介绍下JsBridge第三方库的使用。github传送门：https://github.com/lzyzsd/JsBridge简单分析java与js相互调用如下：java发送数据给js，js接收并回传给java同理，j
  • js android端实现视频自动播放 vae的
    前言:在安卓手机上，使用video播放视频有个问题，video控件层级会永远在顶层，不利于视频互动H5开发，而IOS手机上不会有此问题。x5-video-player-type="h5"只适用于微信浏览器注意:1.jsmpeg需要将视频转为.ts的文件先安装ffmpeg,然后执行以下命令,将mp4格式的文件转成.ts(用命令行转的才能正常播放)ffmpeg-ivideo.mp4-fmpegts-c
  • li表格border重叠问题解决 一爷之秋
    表格问题在h5开发中使用率非常高，例如表格显示、tab切换等等。表格在正常书写中添加边框会出现两个连在一起的现象,下面是其中一个解决方案，改变前显示1.给表格表框重叠方向加上margin值，代码如图加上margin-left后如图2.使用伪类选择器:nth-child()来区分奇偶元素分别设置边框https://blog.csdn.net/qq_34137397/article/details/7
  • Android 在WebView中加载H5传递图片 LW帝国余辉 Androidandroid
    最近h5开发一个编译器，要在手机上显示，需要获取手机上的图片，使用webview不能直接到文件管理拿取，还需要对webview做处理，做个记录，方便以后使用；publicValueCallbackmUploadMessageForAndroid5;用这个方法去给定义的字段赋值，并使用方法跳转到手机本地拿到图片；一定要返回true，否则会报错的；binding.webView.setWebChrom
  • 移动端H5点击有300ms延迟 亮学长 前端
    在移动端的H5开发中，可以采取以下几种方法来解决移动设备上的300ms点击延迟问题：使用标签设置viewport：这样可以让页面在移动设备上以真实的像素值进行渲染，避免了默认的缩放行为，减少了点击延迟。使用CSS样式touch-action属性：.touch-action{touch-action:manipulation;}这样可以告诉浏览器禁用默认的双击缩放行为，以及加快触摸事件的响应速度。使
  • ios适配虚拟home键 菊の物语 ios
    在H5开发过程中遇到一个兼容性问题。iphone手机的虚拟home键会对屏幕底部的内容造成遮挡。要处理此问题，需要清楚安全区域这个概念。安全区域根据刘海和虚拟Home键，Apple为其设备提供了屏幕安全区域的视觉规范竖屏：竖屏的时候，顶部往下44pt，底部往上34pt，中间部分是安全区域。横屏：而横屏时候则相对复杂一些，因为虚拟指示条通常情况下都是出现在屏幕底部，所以不仅屏幕左右会留出44pt的空
  • 了解uni-app只需这一篇就足够了 David凉宸 uni-app新星计划uni-app
    什么是uni-app介绍uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台uni-app在手，做啥都不愁，即使不跨端，uni-app也是更好的小程序开发框架（详见）、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都
  • 六何分析法分析uniApp 小安吖~ uni-app
    一、什么是uniApp（What）uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/00/钉钉/淘宝)、快应用等多个平台。uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架、更好的App跨平包框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交
  • 移动端h5开发记录（踩坑之旅）【IOS、Safari、兼容适配等】 永夜丶寒沉
    1.（Tips:千万不要用，常规页面滚动就用body自身的滚动）在外层div限高100vh，内层div增加overflow-y:auto，在safari下滚动会有许多奇奇怪怪的问题2.position:fixed中的input框聚焦软键盘弹出，IOS下会有光标错位问题//IOS9实测有效html,body{-webkit-overflow-scroll:touch;}3.滚动穿透问题（实测的此方法
  • JAVA学习笔记 一心急就越位了
    第一章入门1.1计算机发展史和未来方向第一代语言机器语言第二代语言汇编语言goto语法第三代语言javacc++1.2常见语言介绍CC++面向对象效率高Java最主流PHPweb开发、中小型网站开发Object-C&Swiftios开发JavaScriptH5开发核心就是JavaScript，其次HTML5\CSSPython图形处理、科学计算、web变成、人工智能C#微软、用来抗衡Java，运行
  • 原生调用webView白屏解决方案 是阿楞啊 前端调试排错方案webviewhtml5
    一、适用场景1、不熟悉原生开发的H5开发人员2、原生APP使用webView调用H5页面引发的白屏问题以及类似场景二、排错方案排错思路：确定白屏问题是否能被解决确定引发的白屏问题是否是由原生注入到H5的情景A：问题由原生注入到H5，查看报错日志定位引发问题的具体原因协助原生开发者解决问题。情景B：问题由H5页面自身引发的，针对于前端H5开发者运行代码不报错白屏不显的解决方案。三、问题解决方案排查白
  • 郑州软件开发，同城上门预约小程序定制有哪些功能特点； 郑州拽牛科技 小程序开源软件系统架构大数据
    同城预约按摩小程序系统app定制H5开发东郊到家上门功能特色：1.**随心预约**：无论何时何地，用户都能轻松预约按摩服务，自选时间、项目和技师。2.**技师档案**：每位技师的服务项目、星级和评价一览无余，真实透明。3.**在线支付**：一键支付，快速又方便。4.**定位导航**：查看技师位置，智能导航至服务地点。5.**评价分享**：提供服务反馈，还能一键分享至社交平台。运营策略：1.**推广
  • 前端面试题--小程序篇(持续更新中) 苦逼的猿宝 前端面试题前端小程序
    1.小程序开发和h5开发的区别?小程序和H5网页开发都属于移动端开发，它们存在以下几点不同：应用场景：小程序是一种基于微信、支付宝等平台应用开发的方式，能够向用户提供与原生应用类似的体验。而H5网页则是基于在浏览器的Web应用程序，在各种浏览器中皆可访问。使用环境：小程序只能在微信或支付宝等平台内使用，需要先下载对应APP，再进入小程序进行使用。而H5网页则不需要下载APP，在任何支持JavaSc
  • iOS与JS交互 osbornZ
    我们有很多业务场景需要实现信息传输的问题。这里来总结下iOS与JS交互问题，Android方式类似。交互方式协议拦截我们可以让H5开发人员在点击按钮的这个动作中，发起一个虚拟的请求（拼一个无效的url，类似协议可以传给native的信息拼入，iOS7.0之前普遍对接WebViewJavascriptBridge原理类似；实现：@protocolUIWebViewDelegate-(BOOL)web
  • 知识付费在线教育云课堂公众号微信抖音小程序h5开发 云起SAAS 微信小程序
    知识付费在线教育云课堂公众号微信抖音小程序h5开发知识付费在线教育云课堂公众号、微信、抖音、小程序、H5开发功能介绍如下：在线直播：提供师生互动、实时答疑、在线讲解等功能，让学生能够通过云课堂平台实时参与课程，提高学习效果。视频课程：提供高质量的视频课程，学生可以随时随地观看，灵活安排学习时间。课程管理：教师可以通过云课堂平台创建、编辑和管理课程，包括课程设置、资源上传、作业布置等。签到考勤：通过
  • p12证书和profile文件的生成方法 handsome0916 H5APPiosmobileprovisionp12ios打包profile文件
    我们在使用H5开发工具开发APP的时候，编译ios应用程序，需要p12格式的私钥证书和.mobileprovision格式的profile文件。那么这两个文件是如何生成的呢？苹果官方给我们提供了使用mac电脑的生成方法，但是我们不是每个开发H5APP的同学们都有mac电脑，其次，使用mac电脑生成证书也是比较麻烦的，那么有没有既简单，又不需要mac电脑的方法生成这两个文件呢？现在开发H5的同学们，
  • node-canvas后台生成图表 codehard
    我们在开发智能问答系统时，希望能给用户更好的体验，其中一个功能是通过图表的方式展示给用户相关的数据，比如股票的K线图，股票的筹码分布图等等。最初在设计这个功能的时候设想是通过webview在原生的问答界面中展示H5开发的页面，但是发现出来的体验并不好。这里主要存在两个问题：1.首次加载时间较长，用户会看到空白的网页；2.上下滚动查看历史问答记录时，需要重新加载H5页面，用户会感觉到窗口一闪一闪第一
  • 六何分析法分析uniApp 开心点啦. uni-app
    一、什么是uniApp（What）uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/00/钉钉/淘宝)、快应用等多个平台。uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架、更好的App跨平包框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交
  • H5开发App应用程序的常见问题以及解决方案 咕噜签名-铁蛋 html5
    Hello大家好，我是咕噜铁蛋，天冷记得添衣，ok话说回来H5开发成为了一种流行的方式来构建跨平台的移动应用程序。然而，在H5开发App应用程序的过程中，我们常常会遇到一些问题，这些问题可能涉及性能、兼容性、用户体验等方面。作为致力于帮大家解决问题的老铁，铁蛋今天为大家分享一些常见问题以及解决方法。一．性能优化问题1.页面加载速度慢：H5应用程序在移动设备上加载速度慢是一个常见问题，可以采取以下措
  • h5网站开发-微信浏览器无法自动播放视频的解决方式？ 小跳不会Coding 网站开发html微信音视频
    一、需求：使用h5开发的网站，首页的banner是一个video视频，在PC端上和手机浏览器上都能正常播放，但是在手机微信浏览器里面视频是无法自动播放的。二、实现效果：1.微信浏览器的效果：2.正常效果：三、代码实现：靠谱的方式是：用户必须要点击视频才能触发//一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以document.getElementById('myVideo').p
  • H5开发在QQ钱包的应用实践 IT大咖说
    内容来源：2017年6月24日，腾讯前端高级工程师周明礼在“腾讯Web前端大会TFC2017”进行《QQ钱包h5应用开发实践》演讲分享。IT大咖说（WeChat_ID：itdakashuo）作为独家视频合作方，经主办方和讲者审阅授权发布。阅读字数：3071|5分钟阅读观看嘉宾完整演讲视频及PPT，请点击：http://t.cn/EAAPbUx摘要移动互联网时代，提高网页性能是每个前端团队的目标。作
  • h5 js调用移动端 相机 相册 weixin_48200201 javascript前端vue.js
    效果：点击从手机相机获取图片或打开相机拍摄图片，触屏缩放移动加载的图片到合适位置注意这里的几个坑：1在红米K40上出现了微信浏览器点击，触发change事件后只能调到相册，无法弹出“相机或相册选择框”，而且无法选中相片的问题。参考前段H5开发，小米上用inputFile为什么获取不到照片的数据？-知乎解决方法如下代码。-->-->只不过解决后因为问题2又都注释掉了。2在ios系统上出现了第一次点击
  • (一)使用模板自定义小程序弹窗 huangjinsheng
    出于兴趣爱好，今天六月份开始学习H5和小程序开发，在此之前我一直都是从事iOS原生开发的，所以对于H5开发，也算是零基础开始。前期我花了两周时间进行基础知识的学习和简单的界面实践，学习内容主要是JS+CSS3。其中过程在这就不做讨论了。写这篇文章的原因是因为我在开始接收小程序开发工作后，由于项目中比较多的界面是需要弹窗显示的。而在开发过程中我发现代码里并没有一个公共的弹窗样式，只是那个界面用到就在
  • h5底部输入框被键盘遮挡_总结移动端H5开发常用技巧【干货满满哦】 weixin_39829166 h5底部输入框被键盘遮挡h5文字垂直居中
    前言年后第一天到公司上班，整理一些在移动端H5开发常见的问题给大家做下分享，这里很多是自己在开发过程中遇到的大坑或者遭到过吐糟的问题，希望能给大家带来或多或少的帮助，喜欢的大佬们可以给个小赞，如果有问题也可以一起讨论下。html篇常用的meta属性设置meta对于移动端的一些特殊属性，可根据需要自行设置//Android禁止屏幕旋转//全屏显示//UC应用模式，使用了application这种应用
  • uni-app 跨端开发注意事项 鋜斗 uniappuni-app
    文章目录前言H5正常但App异常的可能性标题二H5正常但小程序异常的可能性小程序正常但App异常的可能性小程序或App正常，但H5异常的可能性App正常，小程序、H5异常的可能性使用Vue.js的注意区别于传统web开发的注意H5开发注意微信小程序开发注意支付宝小程序开发注意百度小程序开发注意各家小程序的浏览器内核不同，会造成css兼容性问题iOS的webview有uiwebview和wkwebv
  • JS正则表达式详解 Lucyfa_LLL
    前言在H5开发中，正则表达式有很多地方都用得到，固整理了正则表达式的基本规则，和在JS中如何使用正则表达式，做了简单的介绍。1、正则常用字符^：匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配'n'或'r'之后的位置。$：匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性，$也匹配'n'或'r'之前的位置。(?=x):表示位于字符前是
  • [问题探讨]使用Chrome Device进行移动App调试 tom_wong666 ChromeDevices移动app前端jsh5
    需求：使用ChromeDevice进行移动App调试步骤：一，确保网络环境可以打开https://www.google.com/；二，手机上安装以webView方式混合原生和H5开发的App，并打开APP中H5开发的页面；三，打开手机开发者模式，打开USB调试和允许ADB调试，以华为荣耀8X为例为例，见下图：四，按f12进入控制台，进入控制台后选择更多—>Moretools—>Remotedevi
  • java杨辉三角 3213213333332132 java基础
    package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
  • 《大话重构》之大布局的辛酸历史 白糖_ 重构
    《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。   背景         公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
  • 电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频ed2k
    本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。 项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
  • Javascript中函数的toString()方法 周凡杨 JavaScriptjstoStringfunctionobject
    简述     The toString() method returns a string representing the source code of the function.     简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。 句法     function.
  • struts处理自定义异常 g21121 struts
    很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。 非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。 此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
  • Linux中find常见用法示例 510888780 linux
    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数；
  • SpringMVC的各种参数绑定方式 Harry642 springMVC绑定表单
    1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
  • Java 获取Oracle ROWID aijuans javaoracle
    A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
  • java获取方法的参数名 antlove javajdkparametermethodreflect
    reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
  • JAVA正则表达式匹配 查找 替换 提取操作 百合不是茶 java正则表达式替换提取查找
    正则表达式的查找;主要是用到String类中的split();       String str;      str.split();方法中传入按照什么规则截取,返回一个String数组   常见的截取规则: str.split("\\.")按照.来截取 str.
  • Java中equals()与hashCode()方法详解 bijian1013 javasetequals()hashCode()
    一.equals()方法详解     equals()方法在object类中定义如下：  public boolean equals(Object obj) { return (this == obj); }    很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
  • 精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle数据库plsql
    --工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
  • 【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
     Nginx作为静态文件HTTP服务器 在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片 在主配置文件中添加http指令   http { server { listen 80; server_name
  • kafka获得最新partition offset blackproof kafkapartitionoffset最新
    kafka获得partition下标，需要用到kafka的simpleconsumer   import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
  • centos 7安装docker两种方式 ronin47
          第一种是采用yum 方式              yum install -y docker           
  • java-60-在O(1)时间删除链表结点 bylijinnan java
    public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
  • nginx利用proxy_cache来缓存文件 cfyme cache
    user  zhangy users; worker_processes 10; error_log  /var/vlogs/nginx_error.log  crit; pid        /var/vlogs/nginx.pid; #Specifies the value for ma
  • [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
        假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：     string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"     定义一个0整数c,然后用这个整数c去
  • 如何集成支付宝官方文档 dai_lm android
    官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成 调试的时候估计会真的扣款，请注意
  • 应该在什么时候使用Hadoop datamachine hadoop
    原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
  • 在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
    在GridView中使用关联模型进行搜索和排序 首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
  • 使用NSString 的格式化大全 dcj3sjt126com Objective-C
    格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
  • 使用activeX插件对象object滚动有重影 蕃薯耀 activeX插件滚动有重影
      使用activeX插件对象object滚动有重影   <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
  • SpringMVC4零配置 hanqunfeng springmvc4
    基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。     项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
  • 《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
    问题引入 上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。 该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。 当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
  • AngularJS浅析 kvhur JavaScript
    概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
  • 架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
    1.前言.    jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
  • 如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
      本文链接:  http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求 首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。 说一下，
  • C语言算法之水仙花数 qiufeihu c算法
    /** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
  • JSP指令 wyzuomumu jsp
    jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他