echocdzh
echocdzh

Html5手机微信摇一摇

<?php
/**
 * Created by JetBrains PhpStorm.
 * User: 张华
 * Date: 16-3-4
 * Time: 上午11:29
 * To change this template use File | Settings | File Templates.
 */
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" >
    <title>手机摇一摇</title>
    <!--css 公共部分  css reset-->
    <link rel="stylesheet" type="text/css" href="css/css_reset.css" />
    <style type="text/css">
    .shake_box{
       position: fixed; /*固定位置， 后需要重新定位*/
        top: 0;
        left: 0;
        width: 100%; /*手持移动端,建议设为百分比*/
        height: 100%;
        background: url('images/xiaolian.png') no-repeat #1e2020 center center ; /*背景笑脸图片*/
    }


        .shake_box_top,.shake_box_bottom{
            position: fixed;
            left: 0;
            width: 100%;
            height: 50%; /*在摇一摇的时候 上下两个普通是需要分开、合并,这里设为 50%*/
            background-color: #282c2d; /*设置背景颜色 黑色*/
         }
         /*分别定位 两个盒子的 顶部  下部 边距*/
        .shake_box_top{top: 0; }
        .shake_box_bottom{ bottom: 0;}
        /*设置 上下两个盒子里面的span  容器摇一摇 的那个图片*/
        .shake_box_top span,.shake_box_bottom span{
            background: url('images/shakBox.png') no-repeat;
            position: absolute;
            left: 50%;
            width: 450px;/* ps 测量 图片宽带 为 450px*/
            height: 254px;; /*ps 测量 图片高度504px 那么两个span 各占一半 254px*/
            margin: 0 0 0 -275px; /*调整位置边距*/
        }
         .shake_box_top span{ bottom: 0;} /*设置 上面span 的下边距 为0*/
         .shake_box_bottom span{ top: 0; background-position:  0 -254px;} /*将两张图片定位后 看起来是一张图片*/
		 
		    /*发生变化之后 发生变化之后内容的css样式*/
			.shake_box_rest{
					z-index: 1;
					position: relative;
					top:200px;
					left:200px;
			}
			
          /*
            这里对css 做一个封装
            定义变量
          */
         :root{
             --keyframes-topBoxName:shake_box_top;
             --keyframes-bottomBoxName:shake_box_bottom;
         }
		 
     


    </style>
     <!-- 加载 css 动画 文件
       使用CSS3来增强页面动画效果，-webkit-animation动画效果实现手摇图片的动态效果
      -->
    <link rel="stylesheet" type="text/css" href="css/css_keyframes.css" />

</head>
<body>
 <!-- 定义盒子 --->
<div class="shake_box">
      <!---摇一摇后 上面图片 盒子--->
     <div class="shake_box_top"><span></span></div>
     <!---摇一摇后 下面图片 盒子--->
     <div class="shake_box_bottom"><span></span></div>

</div>

 <!-- 加载jquery, 由于我们这边使用的手机访问微信，调用的微信浏览器,所以:这里使用的是jquery2.x版本-->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
 <!-- 操作 -->
<script type="text/javascript">
    /**
     * 实现css 后，咱们来写js
     * 实现原理:
     *    HTML5有一个重要特性：DeviceOrientation，它将底层的方向和运动传感器进行了高级封装，它使我们能够很容易的实现重力感应、指南针等有趣的功能
     *    但是：
     *   deviceOrientation包括两个事件：
     *    1、deviceOrientation：封装了方向传感器数据的事件，可以获取手机静止状态下的方向数据，例如手机所处角度、方位、朝向等。
     *    2、deviceMotion：封装了运动传感器数据的事件，可以获取手机运动状态下的运动加速度等数据。
     *
     *    "摇一摇"这个动作即“一定时间内设备了一定距离”，因此通过devicemotion监听设备晃动获取到的x, y, z轴的 值在一定时间范围内的变化率，
     *      即判断设备是否有进行晃动。而为了防止正常移动的误判，需要给该变化率设置一个合适的临界值。
     *
     */
    
	init(); //初始化
    //设置临界值,这个值可根据自己的需求进行设定，默认就3000也差不多了  定义一个摇动的阈值
    var shakeThreshold = 3000;
    //设置最后更新时间，用于对比
    var lastUpdate     = 0;
    //设置位置速率  curShakeX 重力运动加速 x方向   curShakeY 重力运动加速 y方向  curShakeZ 重力运动速度垂直方向 z
   //记录最后一次重力运动加速每个方向的时间 lastShakeX   lastShakeY  lastShakeY
    var curShakeX=curShakeY=curShakeZ=lastShakeX=lastShakeY=lastShakeY=0; //初始化 为0
	 /////////////////////下面的代码复制即可//////////////////////
	//预加摇一摇声音
    var shakeAudio = new Audio();
    shakeAudio.src = 'resources/shake_sound.mp3';
    var shake_options = {
        preload  : 'auto'
    }
    for(var key in shake_options){
        if(shake_options.hasOwnProperty(key) && (key in shakeAudio)){
            shakeAudio[key] = shake_options[key];
        }
    }
	////////////////上面代码复制即可///////////////////
	
	  /*函数开始 */
	 function init(){
        //先判断设备是否支持HTML5摇一摇功能  deviceOrientation
        if (window.DeviceMotionEvent) {
            //获取移动速度，得到device移动时相对之前某个时间的差值比
            window.addEventListener('devicemotion', deviceMotionHandler, false);
        }else{
            alert('您好，你目前所用的设置好像不支持重力感应哦！');
        }
    }
	function deviceMotionHandler(event){
         var acceleration =event.accelerationIncludingGravity; //获得重力加速
         var curTime = new Date().getTime(); //获得当前时间戳
         if ((curTime - lastUpdate)> 100){
            var diffTime = curTime -lastUpdate;
            lastUpdate = curTime;//记录上一次摇动的时间
			/**
			  * "摇一摇"这个动作即“一定时间内设备了一定距离”，因此通过devicemotion监听设备晃动获取到的x, y, z轴的 
			  * 值在一定时间范围内的变化率，
              * 即判断设备是否有进行晃动。而为了防止正常移动的误判，需要给该变化率设置一个合适的临界值。
			  */
            curShakeX = acceleration.x; ////获取加速度X方向
            curShakeY = acceleration.y; ////获取加速度y方向
            curShakeZ = acceleration.z; ////获取加速度z方向
var speed = Math.abs(curShakeX + curShakeY + curShakeZ - lastShakeX - lastShakeY - lastShakeZ) / diffTime * 10000;
//计算临界值
           if (speed > shakeThreshold) { //这里是设置的临界值
               //播放音效
                shakeAudio.play();
				//######################下面的代码就是摇一摇之后展示的内容
               //播放动画
                $('.shake_box').addClass('shake_box_focus');
				//######################上面的代码就是摇一摇之后展示的内容
                clearTimeout(shakeTimeout);
                var shakeTimeout = setTimeout(function(){
                    $('.shake_box').removeClass('shake_box_focus');
                },1000)

            }

            lastShakeX = curShakeX;//记录上一次摇动x 方向加速时间
            lastShakeY = curShakeY;//记录上一次摇动y 方向加速时间
            lastShakeZ = curShakeZ;//记录上一次摇动y 方向加速时间
        }
    }
	

 </script>

</body>
</html>
<pre name="code" class="php">css_keyframes.css

@charset "UTF-8";
/* @-webkit-  表示浏览器类型   keyframes 改变css向上 向下 css 样式,通过 @keyframes 规则，您能够创建动画*/
/* @-webkit   Safari和Chrome浏览器内核  @-moz 火狐浏览器内核  @-ms 微软浏览器内核 @-o Opera浏览器内核 */
/*向上拉时,动画效果 , 依此 */
@-webkit-keyframes  var(--keyframes-topBoxName){/*Safari和Chrome浏览器内核   上面这个盒子*/
    0% {top: 0;}
    50% {top: -200px;} /*当是 50% 的时候top 位置发生变化  这个数字是测试出来的*/
    100% {top: 0;}
}
@-moz-keyframes var(--keyframes-topBoxName){ /*火狐浏览器内核*/
    0% {top: 0;}
    50% {top: -200px;}/*当是 50% 的时候top 位置发生变化  这个数字是测试出来的*/
    100% {top: 0;}
}
@-ms-keyframes var(--keyframes-topBoxName){/*微软浏览器内核*/
    0% {top: 0;}
    50% {top: -200px;} /*当是 50% 的时候top 位置发生变化  这个数字是测试出来的*/
    100% {top: 0;}
}
@-o-keyframes var(--keyframes-topBoxName){/*Opera浏览器内核*/
    0% {top: 0;}
    50% {top: -200px;} /*当是 50% 的时候top 位置发生变化  这个数字是测试出来的*/
    100% {top: 0;}
}

/****************************************************************************/

/*向下拉时  动画效果*/
@-webkit-keyframes var(--keyframes-bottomBoxName){
    0% {top: 0;}
    50% {top: -200px;} /*当是 50% 的时候top 位置发生变化  这个数字是测试出来的*/
    100% {top: 0;}
}
@-moz-keyframes var(--keyframes-bottomBoxName){
    0% {top: 0;}
    50% {top: -200px;} /*当是 50% 的时候top 位置发生变化  这个数字是测试出来的*/
    100% {top: 0;}
}
@-ms-keyframes var(--keyframes-bottomBoxName){
    0% {top: 0;}
    50% {top: -200px;} /*当是 50% 的时候top 位置发生变化  这个数字是测试出来的*/
    100% {top: 0;}
}
@-o-keyframes  var(--keyframes-bottomBoxName){
    0% {top: 0;}
    50% {top: -200px;} /*当是 50% 的时候top 位置发生变化  这个数字是测试出来的*/
    100% {top: 0;}
}



 
 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(html5,微信开发,微信,H5,摇一摇)

        

            

                
    
                    
  • Godot引擎开发：Godot基础入门_发布与分发
                        chenlz2007
游戏开发godot游戏引擎性能优化网络nginx
                        
    发布与分发在完成游戏开发后，发布和分发游戏是将您的作品展示给玩家的最后一步。Godot引擎提供了多种发布平台，包括Windows、macOS、Linux、HTML5、Android和iOS。本节将详细介绍如何在Godot引擎中准备和发布游戏，涵盖以下内容：项目设置导出模板导出设置导出游戏签名与分发部署到不同平台1.项目设置在发布游戏之前，首先需要确保项目的设置正确无误。项目设置包括但不限于标题、图
    
                    
    • 
                    
  • 微信推送模板消息报错，40001，invalid credential, access_token is invalid
                        86Eric
#微信公众号开发微信公众号开发公众号模版消息模版消息失败40001模版消息推送失败
                        
    微信报错[40001,“invalidcredential,access_tokenisinvalidornotlatesthint:[BzKHIa0609vr29!]”]最近在搞微信公众号的开发，批量推送推送模板消息，遇到此问题，找了很多办法，现在说说我的解决思路：1、肯定是百度了，从网上99%的资料都可以知道是微信的基础Access_Token过期了，即此时我们需要去查看我们的access_t
    
                    
    • 
                    
  • java 芋道 Spring Boot ruoyi-vue-pro 支付对接方法 支付宝/微信小程序/微信公众号对接
                        代码简单说
开发必备2025开发必备java若依ruoyi教程javaspringbootruoyi-vue-proruoyi-vue-pro支付芋道支付微信小程序支付微信公众号支付
                        
    在当今数字化商业环境中，支付功能的高效集成对于业务的顺利开展至关重要。本项目提供的统一支付中心，致力于简化支付流程，支持微信、支付宝等多种主流支付渠道，让业务模块能够快速接入支付功能，无需繁琐的API对接工作。一、支付中心概述支付中心由三个核心部分组成，各部分协同工作，为支付功能的实现提供了全面支持。（一）yudao-spring-boot-starter-biz-pay组件该组件是支付中心的基础
    
                    
    • 
                    
  • 微信小程序开发全攻略：从零到上线
                        专注代码十年
微信小程序小程序
                        
    一、准备工作1.注册微信小程序账号访问微信公众平台官网，点击“注册”按钮。按照提示填写相关信息，包括邮箱、密码、验证码等，完成注册。注册完成后，登录微信公众平台，进入小程序管理后台。在后台中选择“设置”->“开发设置”，获取小程序的AppID，这是开发小程序的唯一标识。2.安装微信开发者工具访问微信开发者工具下载页面，根据操作系统选择对应的版本进行下载。安装完成后，打开开发者工具，使用微信扫码登录
    
                    
    • 
                    
  • 探索HTML5 Canvas：创造动态与交互性网页内容的强大工具
                        qq39138814
html5前端html
                        
    探索HTML5Canvas：创造动态与交互性网页内容的强大工具引言在HTML5的众多新特性中，Canvas无疑是最引人注目的元素之一。它为网页设计师和开发者提供了一个通过JavaScript和HTML直接在网页上绘制图形、图像以及进行动画处理的画布。Canvas的灵活性和强大功能，使得它成为创造动态、交互性网页内容的首选工具。本文将深入探讨HTML5Canvas的基本用法、应用场景以及如何利用它来
    
                    
    • 
                    
  • EtherCAT总线控制伺服力矩控制功能块TorqueControl_FB（汇川H5U PLC+CODESYS）
                        RXXW_Dor
10-运动控制PLC伺服驱动器自动控制力矩控制
                        
    力矩控制的基本参数换算，可以参看下面这篇博客：力矩目标值fTorque计算（伺服力矩控制模式）_RXXW_Dor的博客-CSDN博客_伺服力矩控制在一些非标装配项目中，伺服需要工作在力矩模式以便完成机械零件的规定扭力装配工作。这篇博文主要介绍伺服扭力（力矩）目标值的计算和力矩控制相关的程序编写。用户通常设定的都是扭力值，我们需要根据机械结构。传动比计算出伺服的目标力矩值，以完成我们的力矩控制。这里
    
                    
    • 
                    
  • 基于微信小程序的图书馆座位预约系统设计与实现
                        lxl12138
javawindows后端小程序微信小程序
                        
    一、选题依据1.1研究背景随着移动互联网技术的不断进步，智能手机已成为人们日常生活中不可或缺的工具。微信小程序，作为微信生态内的重要应用形式，凭借其无需下载安装、即用即走的特性，在教育、医疗、餐饮等多个领域得到了广泛应用。图书馆作为知识传播与学习的重要场所，其座位资源的合理分配与高效利用一直是管理者和用户共同关注的难题。传统的座位管理方式，如人工登记、纸质预约等，存在信息不透明、预约流程繁琐、座位
    
                    
    • 
                    
  • vue项目初始化CSS样式
                        晕fufufu
vue知识点cssvue.js前端
                        
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd
    
                    
    • 
                    
  • 前端开发的px,rpx,rem等常见单位
                        前端绘梦师
javascript前端html
                        
    在前端开发中，px（像素）、rpx（响应式像素）、rem（相对于根元素的字体大小）等是常见的长度单位，它们各自有不同的特点和使用场景。一、px（像素）1.特点px是固定的像素单位，不随页面大小的改变而改变。在微信小程序中，1px在不同设备上的物理大小可能会有所不同，所以不具备响应性。2.使用控制精确，适合需要严格定义尺寸的场景，如边框、图标尺寸等。适用于小组件或固定元素，如按钮、图标或文字间距。适
    
                    
    • 
                    
  • uniapp原生sdk插件开发(uniapp调用原生代码) ‘食用’经验
                        BUG先行者
uniappjavaeclipsejavascript
                        
    教程https://www.jianshu.com/p/89afba199d69一、java文件地址src/main/java/com.example.H5PlusPlugin/ElitetycPluginTest.java二、要配置appkeyhttps://blog.csdn.net/qq_39671996/article/details/116229572
    
                    
    • 
                    
  • 微信小程序——01开发前的准备和开发工具
                        总裁余(余登武)
微信小程序开发和实战微信小程序小程序
                        
    文章目录一、开发前的准备1注册小程序账号2安装开发者工具二、开发者工具的使用1创建项目2工具的使用3目录结构4各个页面之间的关系5权限管理6提交审核和发布一、开发前的准备  开发前需要进行以下准备：1注册小程序账号2激活邮箱3信息登记4登录小程序管理后台5完善小程序信息6绑定开发者1注册小程序账号  第1步：首先打开“微信公众平台”https://mp.weixin.qq.com/  第2步：点击
    
                    
    • 
                    
  • HTML5大文件分片上传/多线程上传
                        aryasei
html5前端html
                        
    HTML5大文件分片上传/多线程上传前端实现浏览器端大文件分片上传,VUE大文件上传和断点续传的实现，VUE–实现文件的上传-字节流下载详细过程，VUE实现大文件分片上传与断点续传到七牛云，VUE.JS实现大文件分片MD5断点续传，大文件、视频分片上传，断点续传，VUE大文件分片上传/多线程上传，大文件传输解决方案：分片上传/下载限速，原生JS上传大文件分片，浏览器批量大文件上传下载，VUE项目性
    
                    
    • 
                    
  • 【uniapp】各端获取路由路径的方法
                        xixixin_
uniappuni-app前端vuejavascript
                        
    getCurrentPages()是uniapp提供的一个API，放回当前页面栈所有页面实例的数组，页面栈是按照页面的打开顺序排列的，最后一条数据当前显示的页面，第一条是最早的页面；仅h5端、IOS适用constpages=getCurrentPages()//获取最后一个元素，也就是当前显示的页面实例constcurrentPage=pages[pages.length-1]//获取当前页面的名
    
                    
    • 
                    
  • 深入理解 HTML5 Web Workers：提升网页性能的关键技术解析
                        梦想家星空
前端html5html
                        
    深入理解HTML5WebWorkers：提升网页性能的关键技术解析引言1.什么是WebWorkers？WebWorkers的特点：2.WebWorkers的使用方式2.1创建一个WebWorker步骤1：创建Worker文件步骤2：在主线程中调用Worker3.WebWorkers的高级应用3.1使用`Blob`方式创建Worker3.2终止Worker4.WebWorkers的应用场景示例：计算
    
                    
    • 
                    
  • 基于Java+Springboot云南昆明城市文化展示系统设计与实现
                        黄菊华老师
毕设资料javaspringboot开发语言
                        
    博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育、辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包
    
                    
    • 
                    
  • 贪心算法：K次取反与买卖时机的奥秘（1005，122）
                        rain雨雨编程
算法刷题记录贪心算法算法数据结构力扣leetcode
                        
    ‍♂️个人主页：@rain雨雨编程微信公众号：rain雨雨编程✍作者简介：持续分享机器学习，爬虫，数据分析希望大家多多支持，我们一起进步！如果文章对你有帮助的话，欢迎评论点赞收藏加关注+目录1005.K次取反后最大化的数组和题目描述思路步骤代码实现时间复杂度空间复杂度122.买卖股票的最佳时机II题目描述思路步骤代码实现时间复杂度空间复杂度力扣难度1005.K次取反后最大化的数组和122.买卖股票
    
                    
    • 
                    
  • pdf-craft：PDF秒转Markdown/EPUB！接入DeepSeek轻松生成电子书，自动整理目录、注释和引文
                        蚝油菜花
每日AI项目与应用实例pdf开源人工智能
                        
    ❤️如果你也关注AI的发展现状，且对AI应用开发感兴趣，我会每日分享大模型与AI领域的开源项目和应用，提供运行实例和实用教程，帮助你快速上手AI技术！AI在线答疑->智能检索历史文章和开源项目->丰富的AI工具库->每日更新->尽在微信公众号->搜一搜：蚝油菜花「别让扫描PDF毁青春！开源AI把文献转换变成填空题」大家好，我是蚝油菜花。这些学术民工の至暗时刻你是否熟悉——下载的扫描PDF转Word
    
                    
    • 
                    
  • Vscode HTML5新增元素及属性
                        凌冰_
Vscodehtml5前端html
                        
    一、‌HTML5语义化标签HTML5语义化标签（SemanticElements）是一组‌具有明确含义的HTML元素‌，通过标签名称直接描述其内容或结构的功能，而非仅作为样式容器（如或）。它们旨在‌提升网页内容对机器（搜索引擎、屏幕阅读器）和开发者的可读性‌，同时规范化页面结构的表达方式。标签‌‌完整定义‌‌典型使用场景‌‌‌定义文档或内容区块的头部区域，包含标题、导航、标志等。页面顶部导航栏、文
    
                    
    • 
                    
  • HTML5前端第六章节
                        NaZiMeKiY
HTML5html5前端html1024程序员节
                        
    一.标准流，浮动，flex布局1.标准流概念：标准流又叫文档流，指的是标签在页面中默认的排布规则，例如块元素独占一行，行内元素可以一行显示多个等等排布规则2.浮动（1）.作用：让块元素水平排列（2）.属性名：float（3）.属性值：left（左对齐），right（右对齐）.test_one{width:300px;height:300px;background-color:blueviolet;
    
                    
    • 
                    
  • HTML5 drag属性
                        庆新酱
html
                        
    HTML5drag属性想要对某个元素拖拽，需要首先给元素加上draggable=“true”，默认a标签和img是可以拖动的。1.拖动事件事件分为两类：一被拖动的元素上的事件，二被放置的位置接收到的事件。一、发生在被拖动的元素上的事件事件名触发时机触发次数dragstart当拖动开始时（按下鼠标键并开始移动）触发一次1drag拖动开始后触发，在元素拖动期间会持续触发ndragend拖动结束（释放鼠
    
                    
    • 
                    
  • HTML5 Audio（音频）学习笔记
                        齐尹秦
HTML学习笔记html5音视频学习
                        
    一、HTML5音频简介HTML5引入了元素，用于在网页中播放音频文件。这使得音频的嵌入变得更加简单和标准化。在HTML5之前，大多数音频是通过插件（如Flash）来播放的，但这种方式存在兼容性问题，因为并非所有浏览器都支持相同的插件。HTML5的元素为音频播放提供了一种标准方法。二、浏览器支持情况InternetExplorer9+、Firefox、Opera、Chrome和Safari都支持元素
    
                    
    • 
                    
  • HTML5 Geolocation（地理定位）学习笔记
                        齐尹秦
HTML学习笔记html5学习笔记
                        
    一、HTML5Geolocation简介HTML5Geolocation（地理定位）API用于获取用户的地理位置信息。通过这个API，可以获取用户的纬度、经度、海拔等信息。由于地理定位可能涉及用户隐私，因此只有在用户同意的情况下，才能获取其位置信息。GeolocationAPI支持以下浏览器：InternetExplorer9+FirefoxChromeSafariOpera对于拥有GPS的设备（
    
                    
    • 
                    
  • 测试用例学习
                        柚子小西学编程
功能测试测试用例学习
                        
    测试用例学习分享设计测试用例的方法场景法通过流程考虑等价类划分边界值考虑非功能测试场景例如没网弱网4gwife兼容性抓包看接口返回例如密码验证码等是否加密测数据校验看数据库是否真正的落库还可以考虑UI设计方面热冷启动权限根据实际业务设计特殊用例题目：测试微信1对1发红包学习路径：https://www.bilibili.com/video/BV1b54y1m7qM?from=search&seid
    
                    
    • 
                    
  • 微信如何自动转发好友朋友圈？跟圈设置一定要会！
                        运营秋秋
微信
                        
    想要给多个微信号发布同样的内容，你还在不停的切换账号，复制粘贴内容吗？今天就来给大家分享一下，如何通过微信管理系统轻松实现自动跟圈，只需简单三步就能搞定！第一步：登录微信号在微信管理系统上登录需要进行跟圈设置的微信号。无论你有多少个微信号需要设置，该系统都支持多号同时登录，大大提高了操作效率。第二步：打开跟圈任务设置登录好微信号后，进入朋友圈互动页面。在这个页面的右上角，你会发现一个关键入口——跟
    
                    
    • 
                    
  • [特殊字符]微信商家转账新变化，商家开通更便捷啦！[特殊字符]
                        CRMEB系统商城
微信
                        
    之前使用微信转账，大家可能都经历过从零钱转账的繁琐。后来微信推出了商家转账功能，但申请流程却让不少人望而却步，感觉特别难。不过好消息来啦！现在微信终于对商家转账功能进行了优化，申请流程变得更加简单直接啦！不再需要繁琐的步骤和漫长的等待，只需几步简单的操作，商家们就能轻松开通微信转账功能，让收款变得更加便捷高效。这一变化对于广大商家来说，无疑是个大大的福音。不仅提高了工作效率，还降低了运营成本，让我
    
                    
    • 
                    
  • wangEditor能否支持网页直接导入EXCEL文件？操作步骤是什么？
                        2501_90694782
umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdfueditor导入ppt
                        
    要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
    
                    
    • 
                    
  • 被 Manus 带火的 MCP 是什么｜一文看懂
                        

                        
    上周Manus刷屏后，马上各种Manus复刻快速涌现，进而把MCP(ModelContextProtocol)这个相对低调的技术带出了圈。从微信指数上就能看到，MCP在中国的热度短时间内就飙升到了最高，将近4M。笔者经过一段时间的研究，也实现了一个MCPServer。下面，我将带大家了解MCP的工作原理、优势、发展背景以及未来前景。ModelContextProtocol(MCP)是一种开放协议，
    
                    
    • 
                    
  • 探索音乐之美：APlayer - 超可爱的HTML5音乐播放器
                        强和毓Hadley

                        
    探索音乐之美：APlayer-超可爱的HTML5音乐播放器APlayer:lollipop:Wow,suchabeautifulHTML5musicplayer项目地址:https://gitcode.com/gh_mirrors/ap/APlayer在寻找一个既美观又功能齐全的HTML5音乐播放器吗？APlayer，以其小巧可爱的设计和强大的功能，无疑是您的理想选择。这个开源项目将为您带来前所未
    
                    
    • 
                    
  • 解决 Python 中 `schedule` 模块安装与使用问题的完整指南
                        码农阿豪@新空间
包罗万象python开发语言
                        
    个人名片作者简介：java领域优质创作者个人主页：码农阿豪工作室：新空间代码工作室（提供各种软件服务)个人邮箱：[2435024119@qq.com]个人微信：15279484656个人导航网站：www.forff.top座右铭：总有人要赢。为什么不能是我呢？专栏导航：码农阿豪系列专栏导航面试专栏：收集了java相关高频面试题，面试实战总结️Spring5系列专栏：整理了Spring5重要知识点与
    
                    
    • 
                    
  • 使用微信小程序开发制作一个简易的在线预约应用
                        粉绿色的西瓜大大
微信小程序小程序
                        
    一、需求分析在进行开发之前，我们首先需要对这个在线预约应用的功能进行需求分析。根据题目要求，我们需要制作一个简易的在线预约应用，该应用的主要功能如下：用户注册和登录：用户可以通过手机号或微信号进行注册，并使用注册信息登录。预约服务列表：应用需要展示一组可预约的服务列表，包括服务名称、服务描述和可预约的时间段。预约服务：用户可以选择某个服务，并选择一个可预约的时间段进行预约。查看预约记录：用户可以查
    
                    
    • 
                                
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor
                                    yangshangchuan
信息抽取HtmlExtractor精准抽取信息采集
                                    
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。 
   
HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 
如
    
                                
    • 
                                
  • java编程思想 -- 多态
                                    百合不是茶
java多态详解
                                    
    一: 向上转型和向下转型 
面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
    
                                
    • 
                                
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系
                                    comsci
dp
                                    
     
      对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长.... 
 
      首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
    
                                
    • 
                                
  • storm 自定义 日志文件
                                    商人shang
stormclusterlogback
                                    
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 
1. 想要进行一些调试信息的输出 
2. 调试信息或者业务日志信息想要输出到一些固定的文件中 
  
不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
    
                                
    • 
                                
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录
                                    21jhf

                                    
    springMVC使用 @RequestBody(required = false) UserVO userInfo 
传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： 
（由于使用了父类aaa
    
                                
    • 
                                
  • 一些排错方法
                                    文强chu
方法
                                    
    1、java.lang.IllegalStateException: Class invariant violation 
at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) 
at o
    
                                
    • 
                                
  • Swing中文件恢复我觉得很难
                                    小桔子
swing
                                    
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！ 
       用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
    
                                
    • 
                                
  • php 文件操作
                                    aichenglong
PHP读取文件写入文件
                                    
    1 写入文件 
@$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); 
if(!$fp){ 
 echo "open file error" ; 
 
exit; 
} 
$outputstring="date:"." \t tire:".$tire."
    
                                
    • 
                                
  • MySQL的btree索引和hash索引的区别
                                    AILIKES
数据结构mysql算法
                                    
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。           
可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
    
                                
    • 
                                
  • JAVA的抽象--- 接口 --实现
                                    百合不是茶

                                    
    抽象 接口 实现接口 
  
//抽象 类 ,方法 
  
//定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 
抽象的定义使用abstract 
  
abstract class A 定义一个抽象类 例如： 
//定义一个基类
public abstract class A{ 
  
  
//抽象类不能用来实例化，只能用来继承 
//
    
                                
    • 
                                
  • JS变量作用域实例
                                    bijian1013
作用域
                                    
    <script> 
    var scope='hello'; 
    function a(){ 
       console.log(scope);   //undefined 
       var scope='world'; 
       console.log(scope);   //world 
       console.log(b);      
    
                                
    • 
                                
  • TDD实践（二）
                                    bijian1013
javaTDD
                                    
    实践题目：分解质因数 
Step1： 
单元测试： 
package com.bijian.study.factor.test;

import java.util.Arrays;

import junit.framework.Assert;

import org.junit.Before;
import org.junit.Test;

import com.bijian.
    
                                
    • 
                                
  • [MongoDB学习笔记一]MongoDB主从复制
                                    bit1129
mongodb
                                    
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。 
  事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。   本文介绍MongoDB的主从复制模式，需要指明
    
                                
    • 
                                
  • 【HBase五】Java API操作HBase
                                    bit1129
hbase
                                    
    import java.io.IOException;

import org.apache.hadoop.conf.Configuration;
import org.apache.hadoop.hbase.HBaseConfiguration;
import org.apache.hadoop.hbase.HColumnDescriptor;
import org.apache.ha
    
                                
    • 
                                
  • python调用zabbix api接口实时展示数据
                                    ronin47

                                    
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
    
                                
    • 
                                
  • jsp取得绝对路径
                                    byalias
绝对路径
                                    
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 
 
一、使用${pageContext.request.contextPath} 
 
　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。 
 

    
                                
    • 
                                
  • Java定时任务调度：用ExecutorService取代Timer
                                    bylijinnan
java
                                    
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 
如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
    
                                
    • 
                                
  • SQL 优化原则
                                    chicony
sql
                                    
      
一、问题的提出 
　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
    
                                
    • 
                                
  • java 线程弹球小游戏
                                    CrazyMizzz
java游戏
                                    
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 
 
 这里是提纲 
 1.线程弹球游戏实现 
 1.实现界面需要使用哪些API类 
 JFrame 
 JPanel 
 JButton 
 FlowLayout 
 Graphics2D 
 Thread 
 Color 
 ActionListener 
 ActionEvent 
 MouseListener 
 Mouse
    
                                
    • 
                                
  • hadoop jps出现process information unavailable提示解决办法
                                    daizj
hadoopjps
                                    
    hadoop jps出现process information unavailable提示解决办法       
jps时出现如下信息： 
3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 -- 
    
                                
    • 
                                
  • PHP图片水印缩放类实现
                                    dcj3sjt126com
PHP
                                    
      
<?php
class Image{

	private $path;


	function __construct($path='./'){
		$this->path=rtrim($path,'/').'/';
	}

	//水印函数，参数：背景图，水印图，位置，前缀,TMD透明度

	public function water($b,$l,$pos
    
                                
    • 
                                
  • IOS控件学习：UILabel常用属性与用法
                                    dcj3sjt126com
iosUILabel
                                    
    参考网站： 
http://shijue.me/show_text/521c396a8ddf876566000007 
http://www.tuicool.com/articles/zquENb 
http://blog.csdn.net/a451493485/article/details/9454695 
http://wiki.eoe.cn/page/iOS_pptl_artile_281
    
                                
    • 
                                
  • 完全手动建立maven骨架
                                    eksliang
javaeclipseWeb
                                    
    建一个 JAVA 项目 ： 
mvn archetype:create 
-DgroupId=com.demo 
-DartifactId=App 
[-Dversion=0.0.1-SNAPSHOT] 
[-Dpackaging=jar] 
 
 
建一个 web 项目 ： 
mvn archetype:create 
-DgroupId=com.demo 
-DartifactId=web-a
    
                                
    • 
                                
  • 配置清单
                                    gengzg
配置
                                    
    1、修改grub启动的内核版本
vi /boot/grub/grub.conf
将default 0改为1

拷贝mt7601Usta.ko到/lib文件夹

拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹

拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan
拷贝wifiget.sh到bin文件夹，chm
    
                                
    • 
                                
  • Windows端口被占用处理方法
                                    huqiji
windows
                                    
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
    
                                
    • 
                                
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！
                                    天梯梦
mobile
                                    
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
    
                                
    • 
                                
  • 简单工厂设计模式
                                    hm4123660
java工厂设计模式简单工厂模式
                                    
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。 
    
                                
    • 
                                
  • maven笔记
                                    zhb8015
maven
                                    
    跳过测试阶段： 
mvn package -DskipTests 
临时性跳过测试代码的编译： 
mvn package -Dmaven.test.skip=true 
  
maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。 
  
指定测试类 
mvn test
    
                                
    • 
                                
  • 非mapreduce生成Hfile，然后导入hbase当中
                                    Stark_Summer
maphbasereduceHfilepath实例
                                    
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
    
                                
    • 
                                
  • jsp web tomcat 编码问题
                                    王新春
tomcatjsppageEncode
                                    
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： 
 
 

      <Connector port="8080" protocol="HTTP/1.1" 
               connectionTi
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他