渭水文抄公
渭水文抄公

js之操作dom练习 ---- js篇

目录

一、history与location练习

1.1、案例一

二、open练习

2.3、open.html

三、Date对象练习

2.1、setFullYear

4.2、div实现的时钟

 

四、窗口练习

4.1、close关闭窗口

五、拖拽效果

一、history与location练习

1.1、案例一




新闻







二、open练习
2.1、Google.html



Windows.open()练习








2.2、logo.html



广告页







2.3、open.html



窗口练习








三、Date对象练习
2.1、setFullYear



Date对象练习







4.2、div实现的时钟












 
四、窗口练习
4.1、close关闭窗口



Date对象练习










显示银行卡密码








五、拖拽效果



  
   
   
   
  
  
  
  

   样例- 拖拽页面元素 
   
 
    
 
     

      Item #1
     
 
     

      Item #2
     
 
     

      Item #3
     
 
     

      Item #4
     

    
 
    
 
     

      Item #5
     
 
     

      Item #6
     
 
     

      Item #7
     
 
     

      Item #8
     

    
 
    
 
     

      Item #9
     
 
     

      Item #10
     
 
     

      Item #11
     
 
     

      Item #12
     

    

   

  
  
 

var Demos       = [];
var nDemos      = 8;

// Demo variables
// iMouseDown represents the current mouse button state: up or down
/*
lMouseState represents the previous mouse button state so that we can
check for button clicks and button releases:

if(iMouseDown && !lMouseState) // button just clicked!
if(!iMouseDown && lMouseState) // button just released!
*/
var mouseOffset = null;
var iMouseDown  = false;
var lMouseState = false;
var dragObject  = null;

// Demo 0 variables
var DragDrops   = [];
var curTarget   = null;
var lastTarget  = null;
var dragHelper  = null;
var tempDiv     = null;
var rootParent  = null;
var rootSibling = null;
var nImg        = new Image();

nImg.src        = 'images/drag_drop_poof.gif';

// Demo1 variables
var D1Target    = null;

Number.prototype.NaN0=function(){return isNaN(this)?0:this;}

function CreateDragContainer(){
	/*
	Create a new "Container Instance" so that items from one "Set" can not
	be dragged into items from another "Set"
	*/
	var cDrag        = DragDrops.length;
	DragDrops[cDrag] = [];

	/*
	Each item passed to this function should be a "container".  Store each
	of these items in our current container
	*/
	for(var i=0; i xPos) &&
						((parseInt(getAttribute('startTop'))  + parseInt(getAttribute('startHeight'))) > yPos)){

							/*
							our target is inside of our container so save the container into
							the activeCont variable and then exit the loop since we no longer
							need to check the rest of the containers
							*/
							activeCont = dragConts[i];

							// exit the for loop
							break;
					}
				}
			}

			// Our target object is in one of our containers.  Check to see where our div belongs
			if(activeCont){
				if(activeCont!=curTarget.parentNode){
					writeHistory(curTarget, 'Moved into '+activeCont.id);
				}

				// beforeNode will hold the first node AFTER where our div belongs
				var beforeNode = null;

				// loop through each child node (skipping text nodes).
				for(var i=activeCont.childNodes.length-1; i>=0; i--){
					with(activeCont.childNodes[i]){
						if(nodeName=='#text') continue;

						// if the current item is "After" the item being dragged
						if(curTarget != activeCont.childNodes[i]                                                  &&
							((parseInt(getAttribute('startLeft')) + parseInt(getAttribute('startWidth')))  > xPos) &&
							((parseInt(getAttribute('startTop'))  + parseInt(getAttribute('startHeight'))) > yPos)){
								beforeNode = activeCont.childNodes[i];
						}
					}
				}

				// the item being dragged belongs before another item
				if(beforeNode){
					if(beforeNode!=curTarget.nextSibling){
						writeHistory(curTarget, 'Inserted Before '+beforeNode.id);

						activeCont.insertBefore(curTarget, beforeNode);
					}

				// the item being dragged belongs at the end of the current container
				} else {
					if((curTarget.nextSibling) || (curTarget.parentNode!=activeCont)){
						writeHistory(curTarget, 'Inserted at end of '+activeCont.id);

						activeCont.appendChild(curTarget);
					}
				}

				// the timeout is here because the container doesn't "immediately" resize
				setTimeout(function(){
				var contPos = getPosition(activeCont);
				activeCont.setAttribute('startWidth',  parseInt(activeCont.offsetWidth));
				activeCont.setAttribute('startHeight', parseInt(activeCont.offsetHeight));
				activeCont.setAttribute('startLeft',   contPos.x);
				activeCont.setAttribute('startTop',    contPos.y);}, 5);

				// make our drag item visible
				if(curTarget.style.display!=''){
					writeHistory(curTarget, 'Made Visible');
					curTarget.style.display    = '';
					curTarget.style.visibility = 'hidden';
				}
			} else {

				// our drag item is not in a container, so hide it.
				if(curTarget.style.display!='none'){
					writeHistory(curTarget, 'Hidden');
					curTarget.style.display  = 'none';
				}
			}
		}

		// track the current mouse state so we can compare against it next time
		lMouseState = iMouseDown;

		// mouseMove target
		lastTarget  = target;
	}
	if(Demos[2]){
		document.getElementById('MouseXPosition').value = mousePos.x;
		document.getElementById('MouseYPosition').value = mousePos.y;
	}

	if(dragObject){
		dragObject.style.position = 'absolute';
		dragObject.style.top      = mousePos.y - mouseOffset.y;
		dragObject.style.left     = mousePos.x - mouseOffset.x;
	}

	// track the current mouse state so we can compare against it next time
	lMouseState = iMouseDown;

	// this prevents items on the page from being highlighted while dragging
	if(curTarget || dragObject) return false;
}

function mouseUp(ev){

	if(Demos[0] || Demos[4]){
		if(curTarget){
			writeHistory(curTarget, 'Mouse Up Fired');

			dragHelper.style.display = 'none';
			if(curTarget.style.display == 'none'){
				if(rootSibling){
					rootParent.insertBefore(curTarget, rootSibling);
				} else {
					rootParent.appendChild(curTarget);
				}
			}
			curTarget.style.display    = '';
			curTarget.style.visibility = 'visible';
		}
		curTarget  = null;
	}
	if(Demos[6] && dragObject){
		ev           = ev || window.event;
		var mousePos = mouseCoords(ev);

		var dT = dragObject.getAttribute('droptarget');
		if(dT){
			var targObj = document.getElementById(dT);
			var objPos  = getPosition(targObj);
			if((mousePos.x > objPos.x) && (mousePos.y > objPos.y) && (mousePos.x<(objPos.x+parseInt(targObj.offsetWidth))) && (mousePos.y<(objPos.y+parseInt(targObj.offsetHeight)))){
				var nSrc = targObj.getAttribute('newSrc');
				if(nSrc){
					dragObject.src = nSrc;
					setTimeout(function(){
						if(!dragObject || !dragObject.parentNode) return;
						dragObject.parentNode.removeChild(dragObject);
						dragObject = null;
					}, parseInt(targObj.getAttribute('timeout')));
				} else {
					dragObject.parentNode.removeChild(dragObject);
				}
			}
		}
	}

	dragObject = null;

	iMouseDown = false;
}

function mouseDown(ev){
	ev         = ev || window.event;
	var target = ev.target || ev.srcElement;

	iMouseDown = true;
	if(Demos[0] || Demos[4]){
		if(lastTarget){
			writeHistory(lastTarget, 'Mouse Down Fired');
		}
	}
	if(target.onmousedown || target.getAttribute('DragObj')){
		return false;
	}
}

function makeDraggable(item){
	if(!item) return;
	item.onmousedown = function(ev){
		dragObject  = this;
		mouseOffset = getMouseOffset(this, ev);
		return false;
	}
}

function makeClickable(item){
	if(!item) return;
	item.onmousedown = function(ev){
		document.getElementById('ClickImage').value = this.name;
	}
}

function addDropTarget(item, target){
	item.setAttribute('droptarget', target);
}

document.onmousemove = mouseMove;
document.onmousedown = mouseDown;
document.onmouseup   = mouseUp;

window.onload = function(){
	for(var i=0; i
 

                    
                

        
你可能感兴趣的:(h5)

        

            

                
    
                    
  • uniapp - [全端兼容] 实现精美Editor富文本编辑器功能，uniApp全平台兼容的富文本插件组件用户可上传图片及对接服务器存储文件等，手机移动端H5网页富文本/小程序富文本/App富文本！
                        王二红
+UniAppuni-app富文本使用富文本编辑器插入图片图像uni-app微信小程序富文本uniapp网页h5端富文本uniap安卓苹果app富文本富文本上传图片及服务器保存
                        
    前言网上的教程乱七八糟且兼容性太差，本文提供优质示例。在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，详解引入使用富文本编辑器及图片上传显示等功能，用户可上传图片显示和服务器保存回显效果（插入图片），uniApp各平台都兼容的富文本editor插件，自定义富文本按钮功能及自由排版样式布局，uniapp富文本组件插件用于发布文章/发布资讯公告/
    
                    
    • 
                    
  • 微信小程序web-view打开网页与网页H5跳转微信小程序
                        XLin666666
微信小程序前端小程序
                        
    1、微信小程序web-view打开网页目前从小程序进入网页的方法使用web-view1.1、小程序官网需要配置业务域名打开官网，选择左侧开发管理，选择开发设置，往下找到业务域名，添加域名。设置时需要下载校验文件，并将文件放置在域名根目录下。1.2、web-view配置完成但是打不开web-view|微信开放文档web-view组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。个人类型与海
    
                    
    • 
                    
  • 微信小程序web-view嵌入h5页面，分享当前页
                        木本心声
微信小程序微信小程序
                        
    ①index.wxml为web-view标签添加bindload事件web-viewbindload|微信开放文档②index.js页面加载成功时会触发bindload事件绑定的方法此方法可以获取当前页面的地址getCurUrl(e){varshareUrl=e.detail.src;this.setData({shareUrl:shareUrl,})},③index.js把地址赋值给变量shar
    
                    
    • 
                    
  • webview打开本小程序页面
                        2401_86082326
小程序
                        
    首先下载微信**jssdk**npminstallweixin-js-sdk在页面中引入importwxfrom'weixin-js-sdk'之后就可以使用wx.miniProgram.navigateTo({url:'/pages/index/index?id='+id}）的方式进行h5和微信小程序页面进行跳转互通
    
                    
    • 
                    
  • uni中webview与H5直接的通讯
                        米粒宝的爸爸
webapp
                        
    突然有个需求，要uni中webview与H5直接进行通讯，本来想的找个例子copy下算了。没想到，很多都不能用啊。至于所谓的什么@message和@onPostMessage好像都不行。试验都没任何反应！算了，自己写吧。我这主要用到2种情况，第一种：uni是H5形式的。第二种：uni是app形式的。都写一下。第一种：uniH5形式的通讯。上代码：H5端1.先上js加载。  2.document.a
    
                    
    • 
                    
  • 【Yarn】Yarn 架构体系、通讯协议、yarn交互流程
                        九师兄
大数据-hadoop架构java运维
                        
    文章目录1.概述2.ResourceManager3.NodeManager4.ApplicationMaster5.Container容器6.通讯协议7.yarn交互流程7.1YARN上应用类型7.2整体流程大年初二，凑够3400篇文章，神秘代码：5Lmd5biI5YWE5ZSv5LiA5Y6f5Yib5paH56ug77yM56aB5q2i6L2s6L291.概述yarn有3大组件，想明白组件
    
                    
    • 
                    
  • 利用jQuery实现h5播放器播放组件
                        我是真的不会前端
html5jqueryjavascript前端
                        
    播放组件介绍首先会H5播放组件其实自带videoaudio标签，只需要引入添加属性就可以自动在网页上播放，同样，vue和react也有相应的播放插件。比如vue-video-player和reactnative的播放组件这里提供一个npm地址https://www.npmjs.com/package/vue-video-playerhttps://www.npmjs.com/package/rea
    
                    
    • 
                    
  • spark2如何集成到cdh里
                        蘑菇丁
经验hadoop大数据+机器学习+oracle
                        
    最近做性能测试需要spark2测试下和spark1.6性能有多大差别，官方文档里写着可以集成，但是自己怎么搞都不行，折磨了3天的时间，目前终于把spark2集成到集群里了我安装的是最新版本的下载spark2安装包wgethttp://archive.cloudera.com/beta/spark2/parcels/latest/SPARK2-2.0.0.cloudera.beta2-1.cdh5.
    
                    
    • 
                    
  • SLAM源码分析（八）
                        wang_yq0728
1024程序员节slam
                        
    [email protected]，ComputeH21函数，用DLT方法求解单应矩阵H。vP1：参考帧中归一化后的特征点；vP2：当前帧中归一化后的特征点；基本原理：|x'||h1h2h3||x||y'|=a|h4h5h6||y|简写:x'=aHx,a为一个尺度因子1||h7h8h9||1|使用DLT(directlineartranform)求解该模型x'=aHx--->(x
    
                    
    • 
                    
  • flutter 使用webview_flutter出现‘android.view.ViewRootImpl.mWindowAttributes‘ on a null object reference
                        Sun_jinglun
flutter问题汇总flutterandroidwebview
                        
    问题描述：使用webview_flutter加载h5页面，对指定的页面地址进行拦截并跳转到新的page。跳转后出现如下错误信息：分析解决：发现两个页面所使用的Androidwebview并不是同一个page1：page2:修改为同一个后解决了这个问题。注：这个问题在Android设备没有出现，只出现在了HarmonyOS设备上。
    
                    
    • 
                    
  • 开源：小狐狸GPT付费AI-v1.9.3 小程序端增加【绘画】模块
                        百创科技
源码下载源码与教程gpt人工智能小程序
                        
    小狐狸GPT付费AI体验系统、系统版本更新至1.9.3，源码为小程序、H5、WEB版本，购买含更新，独立版；开源、开源、开源、可二开！！200包含H5、web的vue全开源，最新版更新了：小程序端增加【绘画】模块测试环境：系统环境：CentOSLinux7.6.1810(Core)、运行环境：宝塔Linuxv7.0.3(专业版)、网站环境：Nginx1.15.10+MySQL5.6.46+PHP-
    
                    
    • 
                    
  • React框架
                        常蓬cium
笔记
                        
    文章目录react开始概念安装JSXreact都是有组件构成有状态组件有状态有生命周期class无状态组件函数组件只负责展示安装react项目(脚手架)React出版方:Facebook(脸书)终端的分类:1.原生App:就是用原生语言开发的(如安卓，ios)，性能最高，其它不如混合App2.混合App:采用的原因是审核，维护就是原生(调用硬件)+H5(欠缺调用硬件的能力)3.webApp移动端性
    
                    
    • 
                    
  • 策略模式-简单工具包
                        冥王 • 雷利
技术经验设计模式策略模式策略
                        
    策略是大家开发中用的很多模式，特别在解决相同流程多场景的模式下显得尤为的重要，其标准的结构就是一个加载多钟场景的上下文context，一个标准的处理接口handler及若干个根据不同场景的实现。举一个实际中碰到的场景，我要获取用户登录态中的登录信息，因为种种原因，需要根据不同的登录端，从不同环境或是请求域中获取登录态信息，例如APP端，H5，PC，那么根据不同端获取登录态信息就可以通过策略模式实现
    
                    
    • 
                    
  • 转：Spark RDD算子练习题
                        爱萨萨
技术-大数据sparkRDD练习
                        
    版权声明：本文为博主原创文章，遵循CC4.0BY-SA版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/qq_40825218/article/details/83720732给定数据如下：12张三25男chinese5012张三25男math6012张三25男english7012李四20男chinese5012李四20男math5012李四20男e
    
                    
    • 
                    
  • vue使用pdf.js实现移动端在线PDF文件预览
                        yujin0213
vuejavascriptvue.js开发语言
                        
    背景产品需求涉及到动态的PDF展示，PDF是由后端去生成的，然后下发给前端在线的cdn地址，H5需要实现在线PDF预览的能力方案H5展示合同PDF，有很多实现方式。但是通过尝试后发现在不同操作系统会存在兼容性问题方案表现iframe的形式iOS：只能展示第一页，多页不能展示Android：弹出下载弹窗PC：正常展示embed标签iOS：只能展示第一页Android：弹出下载弹窗PC：显示不出来vu
    
                    
    • 
                    
  • H5获取手机相机或相册图片两种方式-Android通过webview传递多张照片给H5
                        m0_74823947
智能手机数码相机android
                        
    需求目的：手机机通过webView展示H5网页，在特殊场景下，需要使用相机拍照或者从相册获取照片，上传后台。完整流程效果：如下图一、H5界面样例代码使用html文件格式，文件直接打开就可以展示布局；一会在andriodwebview中直接加载Documentalllalalallalal默认会被覆盖{{message}}{{counter}}+1-1{{title}}android选中照片H5展示
    
                    
    • 
                    
  • 如何开发成功的婚恋交友系统平台？婚恋app有哪些作用优势？
                        

                        
    如何快速搭建同城婚恋平台？如果你打算进入婚恋行业，或者已经在运营婚恋公司，那么你一定会发现，搭建一个同城婚恋平台并不是一件容易的事情。不过，别担心，我来给你支几招，帮你快速入局婚恋市场！提供全方位的技术支持首先，你需要一个强大的婚恋系统。这个系统不仅包括公主号、H5网站，还要有红娘办公系统、客户管理和运营管理平台等。我们提供一站式的搭建服务，1对1的技术服务，而且后续的软件更新和升级都是免费的！我
    
                    
    • 
                    
  • uniapp H5+锁定和解除锁定屏幕方向及关闭应用启动界面及页面刷新
                        流氓也是种气质 _Cookie
uni-appH5+HTML5+重力感应
                        
    锁定屏幕方向plus.screen.lockOrientation(Stringorientation);说明：锁定屏幕方向后屏幕只能按锁定的屏幕方向显示，关闭当前页面后仍然有效。可再次调用此方法修改屏幕锁定方向或调用unlockOrientation()方法恢复到应用的默认值。plus.screen.lockOrientation('landscape-primary');锁定屏幕方向可取以下值
    
                    
    • 
                    
  • Web和H5网页中的3D模型交互展示，是如何制作的？
                        mirrornan
3D行业资讯3dwebgl科技
                        
    在网页中交互展示3D产品模型，已成为现代营销和销售不可或缺的一环，不仅极大地提升了用户体验和参与度，更成为吸引潜在客户、促进销售转化的不可或缺的一环。那么，网页中如何实现3D交互展示？按照制作流程可分为以下几个关键步骤：步骤1：3D建模要创建产品的3D模型，首先需要选择一款适合的3D建模软件。市面上有众多选项可供选择，如Blender、Maya、3dsMax、C4D等。也可以通过3D扫描仪进行扫描
    
                    
    • 
                    
  • 【分布式WebSocket - 3】SpringBoot集成STOMP协议完成私聊、群聊
                        叁滴水
websocketwebsocketstomp新星计划
                        
    文章目录一、为什么需要STOMP?二、STOMP详解三、SpringBoot集成STOMP代码示例3.1、功能示例3.2、架构图3.3、服务端代码3.4、h5代码一、为什么需要STOMP?WebSocket协议是一种相当低级的协议。它定义了如何将字节流转换为帧。帧可以包含文本或二进制消息。由于消息本身不提供有关如何路由或处理它的任何其他信息，因此很难在不编写其他代码的情况下实现更复杂的应用程序。幸
    
                    
    • 
                    
  • c++ 与 Matlab 程序的数据比对
                        一路冰雨
c++matlab开发语言
                        
    文章目录背景环境数据保存数据加载背景***避免数据精度误差，快速对比变量***环境c++下载https://github.com/BlueBrain/HighFive以及hdf5库在vs中配置库数据保存#includeusingnamespaceHighFive;std::stringfilename1="test.h5";Filefile1(filename1,File::Truncate);/
    
                    
    • 
                    
  • uniapp APP端页面触发调用uniapp开发的webview里的方法
                        printf_824
uniapp分享uni-app
                        
    原理：使用getCurrentInstance()获取当前组件的Vue实例，通过instance.proxy.$scope.$getAppWebview()获取Uniapp的原生WebView对象。使用WebView提供的evalJS方法，执行嵌入H5页面内的JavaScript代码functiongetData(){url.value="http://192.168.0.22:5174/#/pa
    
                    
    • 
                    
  • 在Vue中使用Web Worker详细教程
                        m0_74825656
前端vue.jsjavascript
                        
    1.什么是WebWorker**WebWorker?**是2008年h5提供的新功能，每一个新功能都是为了解决原有技术的的痛点，那么这个痛点是什么呢？1.1JavaScript的单线程JavaScript为什么要设计成单线程？这与js的工作内容有关：js只是用来去做一些用户交互，并呈现效果内容。如果js是多线程，线程一将dom元素的背景色改成红色，线程二将dom元素的背景色改为绿色，那么，到底上红
    
                    
    • 
                    
  • 短视频付费聊天语音社交源码系统/一对一语音交友系统开发/可打包app小程序h5
                        
前端后端小程序数据库服务器
                        
    针对短视频付费聊天语音社交源码系统、一对一语音交友系统开发以及可打包APP、小程序、H5的需求，以下是一个综合性的分析与开发方案概述：一、系统概述短视频付费聊天语音社交源码系统该系统融合了短视频、付费聊天和语音社交三大功能，为用户提供了一种全新的社交体验。用户可以通过观看短视频来了解其他用户，并通过付费聊天的方式与其他用户进行深入的交流。同时，语音社交功能则为用户提供了更加便捷的沟通方式。一对一语
    
                    
    • 
                    
  • uniapp 开发 h5 授权微信登录（静默和非静默）
                        陈龙龙的陈龙龙
uni-appuni-app微信前端htmljavascript
                        
    具体流程：进入h5➡️静默登录➡️请求登录接口➡️必要时候调起登录组件➡️点击按钮进行非静默登录➡️再次请求登录接口➡️获取到所有用户数据一、封装登录functionauthLogin:(callback)=>{constthat=this;//判断是否是在微信环境下运行if(utils.isWechat()){consttoken=window.localStorage.getItem('__t
    
                    
    • 
                    
  • 游戏开黑陪玩系统: 多客陪玩系统，线下搭子，付费陪聊系统APP小程序H5公众号三端打包
                        

                        
    线下搭子通常指的是在现实生活中一起玩游戏的伙伴。而开黑陪玩系统则可以将这种线下合作延伸到线上，让玩家即使不在同一地点也能享受到组队开黑的乐趣。通过陪玩系统，玩家可以发布游戏约单，寻找合适的陪玩伙伴一起进行游戏，满足个性化需求。多客陪玩系统特点1.高清流畅语音通话：确保游戏与休闲时沟通无阻。多客陪玩系统采用先进降噪与回声消除技术，提升对话清晰度；同时支持多人有序交流。2.个性化房间设置：用户可创建私
    
                    
    • 
                    
  • 【MyBatis-Plus】实现多租户功能
                        会飞的猪ϵ( 'Θ' )϶
springcloud微服务mybatis数据库java
                        
    一、引言多租户是一种软件架构技术，在多用户的环境下，共有同一套系统，并且要注意数据之间的隔离性。举个实际例子：小编曾经开发过一套H5程序，这套程序应用在不同医院的APP上，当医院患者下载医院APP，并且进入相对应的H5页面，APP则会把用户相关数据传输到小编这里。在传输的时候需要带上医院标识（租户ID），以便小编将数据进行隔离。当不同的租户使用同一套程序，这里就需要考虑一个数据隔离的情况。数据隔离
    
                    
    • 
                    
  • 全新4.2版本多功能社交兴趣爱好圈子系统涵盖APP、小程序和H5三个端口 ，圈子系统小程序成品源码
                        
前端后端小程序数据库
                        
    圈子系统通常指的是社交平台或论坛中的一种功能模块，用于创建和管理兴趣小组或讨论群组。这种系统的源码会涉及到后端数据库设计、用户认证授权、消息传递、群组管理等多个模块。适用于多种场景语音匹配：（主要是匹配当前在线的异性，会主动发送弹窗，对方同意后，进入1v1双方语聊，默认6分钟，如果双方点喜欢按钮，可延长到30分钟。时间到了后，双方私聊即可）每次话费虚拟币。灵魂匹配：是根据采集的用户更多数据和心理测
    
                    
    • 
                    
  • 优雅解决webview_flutter不支持安卓选择图片视频文件问题
                        GeniuswongAir
flutterandroid
                        
    这个问题，网上一搜索，就是要去修改别人写好的插件。搞Flutter开发，尽量不要去修改别人的插件，特别是像webview_flutter这种比较大的官方插件。相信我，你拿捏不了它。主要问题就是：webview_flutter在安卓上加载H5，如果需要上传图片、视频、文件，就点击没反应。解决办法：不要去修改webview_flutter_android插件，这非常得不优雅。直接在Flutter端，我
    
                    
    • 
                    
  • 微信公众号h5更新内容部分手机出现白屏或者旧内容,需要刷新
                        学无止境s_m_w
微信缓存前端vue
                        
    出现的问题：大部分苹果手机，部分安卓手机第一次关注公众号时进入页面更新会出现白屏情况，或者内用没有更新，需要用户主动刷新才能解决为什么会出现和解决方案：1,一般情况js，css等文件添加版本号或者随机值会解决缓存问题如2,文件名使用hash形式3,在html中添加标签的缓存设置//用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,
    
                    
    • 
                                
  • 对股票分析时要注意哪些主要因素？
                                    会飞的奇葩猪
股票 分析 云掌股吧
                                    
     
　　众所周知，对散户投资者来说，股票技术分析是应战股市的核心武器，想学好股票的技术分析一定要知道哪些是重点学习的，其实非常简单，我们只要记住三个要素：成交量、价格趋势、振荡指标。 
 
    一、成交量 
 
　　大盘的成交量状态。成交量大说明市场的获利机会较多，成交量小说明市场的获利机会较少。当沪市的成交量超过150亿时是强市市场状态，运用技术找综合买点较准；
    
                                
    • 
                                
  • 【Scala十八】视图界定与上下文界定
                                    bit1129
scala
                                    
    Context Bound，上下文界定，是Scala为隐式参数引入的一种语法糖，使得隐式转换的编码更加简洁。 
  
隐式参数 
首先引入一个泛型函数max，用于取a和b的最大值 
  def max[T](a: T, b: T) = {
    if (a > b) a else b
  } 
 因为T是未知类型，只有运行时才会代入真正的类型，因此调用a > 
    
                                
    • 
                                
  • C语言的分支——Object-C程序设计阅读有感
                                    darkblue086
applec框架cocoa
                                    
    自从1972年贝尔实验室Dennis Ritchie开发了C语言，C语言已经有了很多版本和实现，从Borland到microsoft还是GNU、Apple都提供了不同时代的多种选择，我们知道C语言是基于Thompson开发的B语言的，Object-C是以SmallTalk-80为基础的。和C++不同的是，Object C并不是C的超集，因为有很多特性与C是不同的。 
Object-C程序设计这本书
    
                                
    • 
                                
  • 去除浏览器对表单值的记忆
                                    周凡杨
html记忆autocompleteform浏览
                                    
      
                                   &n
    
                                
    • 
                                
  • java的树形通讯录
                                    g21121
java
                                    
    最近用到企业通讯录，虽然以前也开发过，但是用的是jsf，拼成的树形，及其笨重和难维护。后来就想到直接生成json格式字符串，页面上也好展现。 
	// 首先取出每个部门的联系人
			for (int i = 0; i < depList.size(); i++) {
				List<Contacts> list = getContactList(depList.get(i
    
                                
    • 
                                
  • Nginx安装部署
                                    510888780
nginxlinux
                                    
    Nginx ("engine x") 是一个高性能的 HTTP 和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 Nginx 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本0.1.0发布于2004年10月4日。其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、示例配置文件和低系统资源
    
                                
    • 
                                
  • java servelet异步处理请求
                                    墙头上一根草
ｊａｖａ异步返回ｓｅｒｖｌｅｔ
                                    
    servlet3.0以后支持异步处理请求，具体是使用AsyncContext ，包装httpservletRequest以及httpservletResponse具有异步的功能， 
   
  
  final AsyncContext ac = request.startAsync(request, response); 
  ac.s
    
                                
    • 
                                
  • 我的spring学习笔记8-Spring中Bean的实例化
                                    aijuans
Spring 3
                                    
    在Spring中要实例化一个Bean有几种方法： 
 
1、最常用的（普通方法） 
 
 
<bean id="myBean" class="www.6e6.org.MyBean" /> 
 
使用这样方法，按Spring就会使用Bean的默认构造方法，也就是把没有参数的构造方法来建立Bean实例。 
 
（有构造方法的下个文细说） 
 
2、还
    
                                
    • 
                                
  • 为Mysql创建最优的索引
                                    annan211
mysql索引
                                    
    


	索引对于良好的性能非常关键，尤其是当数据规模越来越大的时候，索引的对性能的影响越发重要。
	索引经常会被误解甚至忽略，而且经常被糟糕的设计。
	索引优化应该是对查询性能优化最有效的手段了，索引能够轻易将查询性能提高几个数量级，最优的索引会比
	较好的索引性能要好2个数量级。
	
	1 索引的类型
	  (1) B-Tree
	    不出意外，这里提到的索引都是指 B-
    
                                
    • 
                                
  • 日期函数
                                    百合不是茶
oraclesql日期函数查询
                                    
      
ORACLE日期时间函数大全

   TO_DATE格式(以时间:2007-11-02   13:45:25为例)
   
        Year:      
        yy two digits 两位年                显示值:07
        yyy three digits 三位年                显示值:007
   
    
                                
    • 
                                
  • 线程优先级
                                    bijian1013
javathread多线程java多线程
                                    
    多线程运行时需要定义线程运行的先后顺序。 
线程优先级是用数字表示，数字越大线程优先级越高，取值在1到10，默认优先级为5。 
实例： 
package com.bijian.study;

/**
 * 因为在代码段当中把线程B的优先级设置高于线程A,所以运行结果先执行线程B的run()方法后再执行线程A的run()方法
 * 但在实际中，JAVA的优先级不准，强烈不建议用此方法来控制执
    
                                
    • 
                                
  • 适配器模式和代理模式的区别
                                    bijian1013
java设计模式
                                    
    一.简介        适配器模式：适配器模式（英语：adapter pattern）有时候也称包装样式或者包装。将一个类的接口转接成用户所期待的。一个适配使得因接口不兼容而不能在一起工作的类工作在一起，做法是将类别自己的接口包裹在一个已存在的类中。      &nbs
    
                                
    • 
                                
  • 【持久化框架MyBatis3三】MyBatis3 SQL映射配置文件
                                    bit1129
Mybatis3
                                    
     SQL映射配置文件一方面类似于Hibernate的映射配置文件，通过定义实体与关系表的列之间的对应关系。另一方面使用<select>,<insert>,<delete>，<update>元素定义增删改查的SQL语句， 
这些元素包含三方面内容 
1. 要执行的SQL语句 
2. SQL语句的入参，比如查询条件 
3. SQL语句的返回结果
    
                                
    • 
                                
  • oracle大数据表复制备份个人经验
                                    bitcarter
oracle大表备份大表数据复制
                                    
    前提： 
   数据库仓库A（就拿oracle11g为例）中有两个用户user1和user2,现在有user1中有表ldm_table1,且表ldm_table1有数据5千万以上，ldm_table1中的数据是从其他库B（数据源）中抽取过来的，前期业务理解不够或者需求有变，数据有变动需要重新从B中抽取数据到A库表ldm_table1中。 
    
    
                                
    • 
                                
  • HTTP加速器varnish安装小记
                                    ronin47
http varnish 加速
                                    
    上午共享的那个varnish安装手册，个人看了下，有点不知所云，好吧~看来还是先安装玩玩！ 
苦逼公司服务器没法连外网，不能用什么wget或yum命令直接下载安装，每每看到别人博客贴出的在线安装代码时，总有一股羡慕嫉妒“恨”冒了出来。。。好吧，既然没法上外网，那只能麻烦点通过下载源码来编译安装了！ 
Varnish 3.0.4下载地址： http://repo.varnish-cache.org/
    
                                
    • 
                                
  • java-73-输入一个字符串，输出该字符串中对称的子字符串的最大长度
                                    bylijinnan
java
                                    
    

public class LongestSymmtricalLength {

	/*
	 * Q75题目：输入一个字符串，输出该字符串中对称的子字符串的最大长度。
	 * 比如输入字符串“google”，由于该字符串里最长的对称子字符串是“goog”，因此输出4。
	 */
	
	public static void main(String[] args) {
		Str
    
                                
    • 
                                
  • 学习编程的一点感想
                                    Cb123456
编程感想Gis
                                    
           写点感想，总结一些，也顺便激励一些自己.现在就是复习阶段，也做做项目. 
  
   本专业是GIS专业，当初觉得本专业太水，靠这个会活不下去的，所以就报了培训班。学习的时候，进入状态很慢，而且当初进去的时候，已经上到Java高级阶段了，所以.....，呵呵，之后有点感觉了，不过，还是不好好写代码，还眼高手低的，有
    
                                
    • 
                                
  • [能源与安全]美国与中国
                                    comsci
能源
                                    
     
 
     现在有一个局面：地球上的石油只剩下N桶，这些油只够让中国和美国这两个国家中的一个顺利过渡到宇宙时代，但是如果这两个国家为争夺这些石油而发生战争，其结果是两个国家都无法平稳过渡到宇宙时代。。。。而且在战争中，剩下的石油也会被快速消耗在战争中，结果是两败俱伤。。。 
 
 
      在这个大
    
                                
    • 
                                
  • SEMI-JOIN执行计划突然变成HASH JOIN了 的原因分析
                                    cwqcwqmax9
oracle
                                    
    甲说： 
A B两个表总数据量都很大，在百万以上。 
idx1  idx2字段表示是索引字段 
A B 两表上都有 
col1字段表示普通字段 
 
select xxx from A 
where A.idx1 between mmm and nnn 
     and exists (select 1 from B where B.idx2 =
    
                                
    • 
                                
  • SpringMVC-ajax返回值乱码解决方案
                                    dashuaifu
AjaxspringMVCresponse中文乱码
                                    
      
SpringMVC-ajax返回值乱码解决方案 
  
一：（自己总结，测试过可行） 
ajax返回如果含有中文汉字，则使用：（如下例：） 
@RequestMapping(value="/xxx.do")       public @ResponseBody void getPunishReasonB
    
                                
    • 
                                
  • Linux系统中查看日志的常用命令
                                    dcj3sjt126com
OS
                                    
    因为在日常的工作中，出问题的时候查看日志是每个管理员的习惯，作为初学者，为了以后的需要，我今天将下面这些查看命令共享给各位 
cat 
tail -f 
日 志 文 件 说 明 
/var/log/message 系统启动后的信息和错误日志，是Red Hat Linux中最常用的日志之一 
/var/log/secure 与安全相关的日志信息 
/var/log/maillog 与邮件相关的日志信
    
                                
    • 
                                
  • [应用结构]应用
                                    dcj3sjt126com
PHPyii2
                                    
    应用主体 
应用主体是管理 Yii 应用系统整体结构和生命周期的对象。 每个Yii应用系统只能包含一个应用主体，应用主体在 入口脚本中创建并能通过表达式 \Yii::$app 全局范围内访问。 
 
 补充: 当我们说"一个应用"，它可能是一个应用主体对象，也可能是一个应用系统，是根据上下文来决定[译：中文为避免歧义，Application翻译为应
    
                                
    • 
                                
  • assertThat用法
                                    eksliang
JUnitassertThat
                                    
    junit4.0  assertThat用法 
一般匹配符1、assertThat( testedNumber, allOf( greaterThan(8), lessThan(16) ) ); 
注释： allOf匹配符表明如果接下来的所有条件必须都成立测试才通过，相当于“与”（&&） 
2、assertThat( testedNumber, anyOf( g
    
                                
    • 
                                
  • android点滴2
                                    gundumw100
应用服务器android网络应用OSHTC
                                    
    如何让Drawable绕着中心旋转？ 
 

Animation a = new RotateAnimation(0.0f, 360.0f,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f);
a.setRepeatCount(-1);
a.setDuration(1000);
 
 
如何控制Andro
    
                                
    • 
                                
  • 超简洁的CSS下拉菜单
                                    ini
htmlWeb工作html5css
                                    
    效果体验：http://hovertree.com/texiao/css/3.htmHTML文件： 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>简洁的HTML+CSS下拉菜单-HoverTree</title>
    
                                
    • 
                                
  • kafka consumer防止数据丢失
                                    kane_xie
kafkaoffset commit
                                    
    kafka最初是被LinkedIn设计用来处理log的分布式消息系统，因此它的着眼点不在数据的安全性（log偶尔丢几条无所谓），换句话说kafka并不能完全保证数据不丢失。 
  
尽管kafka官网声称能够保证at-least-once，但如果consumer进程数小于partition_num，这个结论不一定成立。 
  
考虑这样一个case，partiton_num=2
    
                                
    • 
                                
  • @Repository、@Service、@Controller 和 @Component
                                    mhtbbx
DAOspringbeanprototype
                                    
    @Repository、@Service、@Controller 和 @Component 将类标识为Bean 
Spring 自 2.0 版本开始，陆续引入了一些注解用于简化 Spring 的开发。@Repository注解便属于最先引入的一批，它用于将数据访问层 (DAO 层 ) 的类标识为 Spring Bean。具体只需将该注解标注在 DAO类上即可。同时，为了让 Spring 能够扫描类
    
                                
    • 
                                
  • java 多线程高并发读写控制 误区
                                    qifeifei
java thread
                                    
    先看一下下面的错误代码，对写加了synchronized控制，保证了写的安全，但是问题在哪里呢？ 
public class testTh7 {
	private String data;
	public String read(){
		System.out.println(Thread.currentThread().getName() + "read data " 
    
                                
    • 
                                
  • mongodb replica set(副本集)设置步骤
                                    tcrct
javamongodb
                                    
    网上已经有一大堆的设置步骤的了，根据我遇到的问题，整理一下，如下： 
 
首先先去下载一个mongodb最新版，目前最新版应该是2.6 
 

cd /usr/local/bin
wget http://fastdl.mongodb.org/linux/mongodb-linux-x86_64-2.6.0.tgz
tar -zxvf  mongodb-linux-x86_64-2.6.0.t
    
                                
    • 
                                
  • rust学习笔记
                                    wudixiaotie
学习笔记
                                    
    1.rust里绑定变量是let，默认绑定了的变量是不可更改的，所以如果想让变量可变就要加上mut。 
let x = 1; let mut y = 2; 
2.match 相当于erlang中的case，但是case的每一项后都是分号，但是rust的match却是逗号。 
3.match 的每一项最后都要加逗号，但是最后一项不加也不会报错，所有结尾加逗号的用法都是类似。 
4.每个语句结尾都要加分
    
                                
    • 
                

            

        

    

 
  

     
    1 2 3 4 5 6 下一页 
    返回 
    前进
    刷新
    首页
    
        跳转到其他版块