hql丶1024
hql丶1024

h5实现录音功能

h5实现录音功能_第1张图片


<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>录音title>
    <link rel="stylesheet" href="https://cdn.suoluomei.com/common/js2.0/npm/[email protected]/lib/index.css">
    
    <script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js">script>
    <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min.js">script>
    
    <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min.js">script>
    <script src="https://cdn.suoluomei.com/common/js2.0/vue/v2.5.16/vue.js">script>
    <script src="https://cdn.suoluomei.com/common/js2.0/npm/[email protected]/lib/vant.min.js">script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
head>
<style>
    html {
        background: #fff;
    }

    .foot_record_box {
        position: fixed;
        bottom: 0;
        /* height: 200px; */
        width: 100%;
        /* border-top:1px solid red; */
    }

    .foot_top {
        position: relative;
        display: flex;
        justify-content: center;
        text-align: center;
        height: 50px;
        line-height: 50px;
        background: #fff;
        border-top: 1px #eee solid;
        font-weight: 600;
    }

    .foot_record {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 12rem;
        background: #eee;
    }

    .record_bnt {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #0084bf;
        border: 4px solid #fff;
    }

    .record_bnt_ing {
        text-align: center;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        border: 2px solid #fff;
        background: #fff;
    }

    .record_play {
        position: absolute;
        top: 20%;
        left: 10%;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        text-align: center;
        border-radius: 50%;
        border: 2px #fff solid;
        background: #eee;
        color: #0084bf;
    }

    .record_anew {
        position: absolute;
        top: 20%;
        right: 10%;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        text-align: center;
        border-radius: 50%;
        border: 2px #fff solid;
        background: #eee;
        color: #0084bf;
    }

    .commer {
        background: #fff;
        padding: 10px;
        margin: 10px;
        box-shadow: 1px 1px 10px 9px #eee;
    }

    .top {
        padding: 1rem 1rem 0 1rem;
        box-sizing: border-box;
    }

    .time {
        position: absolute;
        right: 5px;
        top: 2px;
    }

    .timeNum {
        color: #0084bf;
        font-weight: 600;
    }
style>

<body>
    <div id="Vue">
        <div class="top">录制小tipsdiv>
        <div class="commer">
            在一分钟内，你可以简明扼要的介绍你的公司职位及能力如，
            我是某某公司的销售经理某某某有多年的某行业从事背景擅长分析客户需求，
            快速为客户解决问题br>温馨提示:在安静的环境内录音效果更好哦
        div>
        <div class="foot_record_box">
            <div class="foot_top">
                <span>我的语言span>
                <div class="time"><span class="timeNum">{{time}}span>/<span>01:00span>div>
            div>
            <div class="foot_record">
                <div class="record_play" @click='play' v-if="showPlay">试听div>
                <div class="record_bnt" @click='recording' v-if="record">div>
                <div class="record_bnt_ing" @click='recording' v-else>||div>
                <div style="margin-top: 1rem;"> {{record?'点击开始录音':'录音中...'}}div>
                <div class="record_anew" @click='upload' v-if='showPlay'>保存div>

            div>
        div>
    div>
body>

<script>
    wx.config({
        debug: false,
        appId: '{$signPackage["appId"]}',
        timestamp: '',
        nonceStr: '',
        signature: '',
        jsApiList: ['startRecord', 'stopRecord', 'uploadVoice', 'playVoice', 'downloadVoice', 'stopVoice']
    });
    new Vue({
        el: "#Vue",
        data: {
            record: true,
            localId: '',
            showPlay: false,
            time: '00:00',
            timer: '',
            num: ''
        },
        methods: {
            recording() {
                let that = this
                let num = 0
                if (this.localId != '') {
                    wx.stopVoice({
                        localId: this.localId // 需要停止的音频的本地ID，由stopRecord接口获得
                    });
                }

                if (this.record) {
                    wx.startRecord();
                    that.timer = setInterval(function () {
                        num = num + 1
                        if (num < 10) {
                            that.time = '00:0' + num
                        } else if (num > 9 && num < 60) {
                            that.time = '00:' + num
                        } else {
                            that.time = '01:00'
                            that.record = !that.record
                            clearInterval(that.timer)
                            alert('超时了，兄弟，重新录吧')
                        }
                        that.num = num
                    }, 1000)
                    that.showPlay = false
                } else {
                    wx.stopRecord({
                        success: function (res) {
                            clearInterval(that.timer)
                            that.localId = res.localId;
                            that.showPlay = true
                        }
                    });
                }
                this.record = !this.record

            },
            play() {
                wx.playVoice({
                    localId: this.localId // 需要播放的音频的本地ID，由stopRecord接口获得
                });
            },
            upload() {
                console.log('hahhhahah')
                let that = this
                wx.uploadVoice({
                    localId: this.localId, // 需要上传的音频的本地ID，由stopRecord接口获得
                    isShowProgressTips: 1, // 默认为1，显示进度提示
                    success: function (res) {
                        console.log(res)
                        var serverId = res.serverId; // 返回音频的服务器端ID
                        that.getWxRecordDataUrl(serverId, 4)
                        // wx.downloadVoice({
                        //     serverId: serverId, // 需要下载的音频的服务器端ID，由uploadVoice接口获得
                        //     isShowProgressTips: 1, // 默认为1，显示进度提示
                        //     success: function (res) {
                        //         console.log('nihao6555',res)
                        //         var localId = res.localId; // 返回音频的本地ID
                        //     }
                        // });
                    }
                })
            },
            getWxRecordDataUrl(serverId, type) {
                let that = this
                $.ajax({
                    type: "post",	//请求方式
                    async: false,
                    url: "__MODULE__/Hemiao/getWxRecordDataUrl",
                    data: { media_id: serverId, file_type: type },		//传值给后台
                    dataType: "json",
                    success: function (res) {
                        // console.log(res.data.url)
                        let url = res.data.url
                        that.uploadUrl(url)
                    },
                });
            },
            uploadUrl(url) {
                let data = {
                    card_id: localStorage.getItem('jtcard_id'),
                    voice: url
                }
                $.ajax({
                    type: "post",	//请求方式
                    async: false,
                    url: "https://malltest.paparela.cn/meihuzhuanjia/index.php/Api/CommonApi/index/",
                    data: {
                        key: '233d4cad34c34d343785s34dw3er3ds3234esd4',
                        type: 'saveVoiceTeacherCard',
                        data
                    },		//传值给后台
                    dataType: "json",
                    success: function (res) {
                        // console.log(res)
                        alert(res.msg)

                    },
                });
            }

        },
        created() {
            setTimeout(function () {
                wx.startRecord({
                    success: function () {
                        wx.stopRecord()
                    },
                    cancel: function () {
                    }
                });
            }, 2000)
        }
    })
script>

html>

你可能感兴趣的:(H5)

  • 关于支付宝授权用户信息 道系女孩~ java开发语言php数据库
    最近做的一个项目授权支付宝信息进行报名支付以下是流程1、一个首先引进阿里相关配置信息2、因为我这边项目是支持小程序、H5、支付宝登录报名的，我这边只展示支付宝代码哦对啦微信不同应用下unionid是一样的，所以可以将小程序/H5下的视为同一用户，好啦接下来说说支付宝吧3、elseif($data['type']==ActivityUser::TYPE_ALI){list($res1,$info1)
  • 小狐狸AI数字人源码独立SAAS部署全开源+搭建环境教程 kaui52066 kaui52066精品源码人工智能uni-app前端小程序php小狐狸AI数字人数字人源码
    一.系统介绍小狐狸AI数字人分身系统源码独立部署支持PC端、小程序端、H5端，一键克隆真人形象+声音核心功能亮点：1:1真人级克隆技术声音克隆：上传3分钟音频，AI深度学习声纹特征，复刻语气、情感、方言形象克隆：通过照片/视频建模，生成动态3D数字人，表情自然，动作流畅智能口型同步引擎AI算法精准匹配唇形与语音，实现口型同步0门槛SAAS化操作无需专业设备，网页端一键生成数字人视频海量模板库：电商
  • flutter 专题 七十九 Flutter使用JsBridge方式处理Webview与H5通信 leluckys Flutter面试与实战flutter
    目前，移动跨平台开发作为移动开发的重要组成部分，是移动开发者必须掌握的技能，也是自我提升的重要手段。作为Google推出的跨平台技术方案，Flutter具有诸多的优势，已经或正在被广大开发者应用在移动应用开发中。在过去的2019年，我看到越来越多的公司和个人开始使用Flutter来开发跨平台应用，对于移动应用开发来说，Flutter能够满足几乎所有的业务开发需求，所以，学习Flutter正当时。众
  • ESP32-S3一款专为人工智能物联网打造的芯片 LS_learner 嵌入式人工智能物联网嵌入式硬件
    ESP32-S3是一款专为AIoT（人工智能物联网）市场打造的MCU（微控制器单元）芯片，集成了2.4GHzWi-Fi和Bluetooth5（LE）功能。以下是对ESP32-S3的详细介绍：一、核心性能处理器：搭载Xtensa®32位LX7双核处理器，主频高达240MHz。内存：内置512KBSRAM（静态随机存取存储器），同时支持更大容量的高速OctalSPIflash和片外RAM，用户可配置数
  • uni-app打包h5并部署到nginx，路由模式history 星月昭铭 前端杂项Vueuni-appnginx
    uni-app打包有些坑，当时运行的基础路径填写了./，导致在二级页面刷新之后，页面直接空白。就只能换一个路径了，nginx也要跟着改，下面是具体步骤。manifest.json配置web运行路径写/h5/，或者写你们网站的目录，比如我这里写了h5，到时候访问的地址就是127.0.0.1/h5，对，带了一个h5nginx配置需要在nginx里面配置一个/h5配置，然后我这里还配置了一个locati
  • uniapp vue3项目用原生h5 audioContext实现语音文件倍速播放，可适应h5和安卓app 努力做大神 uni-appandroid音频倍速播放
    前言uniapp项目要做类似微信的聊天语音播放功能，可以切换语音，可以点击切换播放/停止播放状态，还可以倍速播放。开始用了uniapp的音频组件uni.createInnerAudioContext()，很好用但就是倍速播放playbackRate属性不起作用，经过研究，决定用原生h5的audioContext。AudioContext是WebAudioAPI的一部分，它代表了一个音频处理图，允许
  • “杀疯了”，头部玩家纷纷下场，冲榜高阶智驾第一梯队！ 高工智能汽车 自动驾驶人工智能
    2025年的中国乘用车市场份额战与销量突破口，高阶智驾无疑是关键赛点。日前，吉利也高调入场，再次掀起高阶智驾市场普及战的新高潮。类似于比亚迪的天神之眼分成ABC三挡，对应不同级别车型，吉利的千里浩瀚智驾方案更加多元化，分为H1、H3、H5、H7和H9共5个不同层级的智驾方案。其中H1采用10V5R传感器方案，功能方面可实现高速NOA和记忆泊车HPA，主打极致性价比。根据资料来看，H1采用的是双黑芝
  • H5幸运刮刮乐抽奖源码 免公众号+直运营 破碎的天堂鸟 源码下载抽奖源码
    H5幸运刮刮乐抽奖源码免公众号+直运营环境nginx1.18mysql5.6php7.2php安装扩展fileinfo删除所有禁用函数操作完成后重启php创建一个站点点击根目录上传源码并解压源码解压完成回到网站设置伪静态laravel5运行目录public创建一个数据库并导入数据库源码下载：https://download.csdn.net/download/m0_61505785/9048437
  • uniapp(全端兼容) - 最新详细实现可拖动悬浮按钮功能，支持手指拖曳放到页面任意位置，uniapp可拖动的悬浮球，悬浮图标支持拖动效果（详细示例源码及注释，复制粘贴快速植入） 街尾杂货店& 前端组件与功能(开箱即用)uni-app悬浮球uniapp悬浮在屏幕上的组件uniapp悬浮功能uniapp可拖曳拖动的悬浮球
    效果图百度搜的代码都太难用了而且有bug。。。在uniapp小程序/h5网页网站/安卓苹果app/nvue等（全平台完美兼容）开发中，详细实现在uniapp中实现一个可拖动的悬浮按钮，uniapp全平台兼容的悬浮球功能，可挂载各种小卡片、客服等，自由拖动。支持一次全局引入，无需每个页面都引用。你可以直接复制源码，复制到你的项目中，附带全局组件注册的方法（要不每个页面都需要引一次），uniappVu
  • 保存画布到本地出现的bug和画布的隐藏 小旋风01234 css小程序
    和隔壁画布隐藏一起，卡了我几个小时…保存相册失败后，再次授权//下载btn(){uni.canvasToTempFilePath({//x:100,//y:200,//width:50,//height:50,//destWidth:100,//destHeight:100,fileType:'jpg',canvasId:'myCanvas',success:function(res){//在H5
  • 前端发布缓存导致白屏解决方案 洛祁枫 web前端前端缓存
    解决发布H5后因为本地缓存白屏方案一、核心配置优化（前提是访问网站的请求能抵达服务器）方案一：前端项目设置全局不缓存方案运行逻辑：在H5服务器配置中增加Cache-Control:no-cache或max-age=0响应头，禁用静态资源缓存‌；优点：能在服务器出口处最大可能地解决发布项目缓存问题缺点：用户在不同界面跳转都会重新加载界面信息，影响整个前端加载速度，高并发时容易造成带宽压力方案二：首页
  • 10分钟速通【uniapp面试题】 2501_91133311 uni-app
    写在前面：铁子们，我有个长期项目，想搞点外快的宝子可以看看我GitHub！https://github.com/yuhan-9527/coder2retire1.什么是UniApp？它有什么特点？答案：UniApp是一个基于Vue.js的跨平台应用开发框架，可以使用Vue.js的开发语法编写一次代码，然后通过编译生成可以在多个平台（包括iOS、Android、H5等）上运行的应用。UniApp具有
  • 809政府平台H5无插件播放1078URL 毛三仙 视频播放vue.js
    809政府平台视频播放器接入指南背景政府平台播放JT/T1078-20166.2音视频流URL大都是通过Flex开发一个播放器完成，但Flash支持已经被大多数浏览器移除或阻止，需要一个新的方案来解决播放问题。我们开发了一个播放器，引用一个js即可简单实现H5无插件播放此URL，最少仅需3行代码。控件地址https://lib.cvtsp.com/video/CVNetVideoJs/1.3.0/
  • 构建JSBridge鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例实现了简单的JSBridge，使H5和原生两侧可以互相调用对方的方法。构建JSBridge源码链接效果预览使用说明打开应用后，点击调用native按钮，实现原生方面调用H5方法，在后台打印数据。实现思路原生调H5invokeHandle(handleName:string,callbackName:string){try{this.webviewContro
  • 如何搭建一个适配微信小程序，h5，app的工程 牛牪犇0 微信小程序小程序前端
    在vscode搭建uni-app项目（Vue3+Vite+Pinia+uViewPlus）一、环境准备1.安装Node.js确保已安装Node.js（需≥14版本），可通过以下命令检查版本：node-v二、创建项目2.安装VSCode从VSCode官网下载并安装适合你操作系统的版本。3.安装uni-app官方插件在VSCode中打开扩展视图（快捷键Ctrl+Shift+X），搜索“uni-app”
  • 使用HBuilderX高效开发微信小程序全流程指南 斯~内克 vue知识点开发记录微信小程序notepad++小程序
    一、为什么选择HBuilderX开发微信小程序？1.1跨平台开发利器HBuilderX作为DCloud推出的前端开发工具，凭借其强大的uniapp框架支持，已成为多端开发的首选工具。通过一套代码即可编译生成微信小程序、H5、Android/iOS等多端应用，极大提升开发效率。1.2深度集成的小程序开发支持内置微信小程序语法提示和代码块实时预览与真机调试功能自动处理路径别名和文件引用支持条件编译实现
  • VUE中出现多个页面的样式冲突问题 JAVA叶知秋 vue.js前端javascript
    1.使用Vuescoped样式隔离在标签添加scoped属性，自动生成唯一属性选择器实现样式隔离：.container{/*仅当前页面生效*/}注：H5端通过scoped实现隔离，小程序/APP端通过自动转换类名实现132.自定义页面专属标识在根元素添加页面ID，通过层级选择器限定作用域：.page-home.container{/*仅限当前页面*/}3.类名命名规范采用页面名-元素的BEM命名法
  • video标签不能自动播放 R码农 前端javascript开发语言
    Uniapp转h5后video不能自动播放，这是由于各浏览器做了限制，但是如果静音情况下是允许自动播放的。所以解决方法是：在script中创建一个letaudo=uni.createInnerAudioContext()当调用video标签播放视频时，先调用audo.pause();然后在做一个延迟处理播放。setTimeout(()=>{this.myvideo.play();},500)这样就
  • React Native与Vue的H5交互 丁国栋- reactnativejavascriptvue交互
    一、ReactNative简介：1、ReactNative采用JavaScript框架，将React基础抽象组件渲染为原生平台UI组件，像View,Text以及Image等，可直接映射渲染为对应平台的原生UI组件2、通过React的声明式组件机制和JavaScript代码，现有的原生代码和api可以完美地封装嵌合到React组件中3.、ReactNative创建的原生应用，经常采用混合开发方式嵌入
  • Taro 面试题 傻小胖 面试小程序taro
    基础概念1.Taro是什么？它的核心特点有哪些？Taro是京东开源的多端统一开发框架，基于React语法，可编译到微信小程序、H5、ReactNative等多个端。核心特点：多端适配：一套代码运行多个端支持React生态：Hooks、Redux、MobX、ContextAPI等组件化开发：提高代码复用性基于JSX：类似React组件开发方式良好生态：支持npm包、TypeScript、ES6+2.
  • Libreswan: warning: netlink_acquire got message with length 52 ＜ 232 bytes； ignore message mzhan017 网络网络
    libreswan的版本：4.6,4.10,4.11，最近的版本都有这个问题。如果网络有问题的时候，会出现超多的日志，在auth文件很快就可以将var目录占满：May823:23:00apluto[3868]:netlink_acquiregotmessagewithlength52<232bytes;ignoremessage这个错误的原因是，代码逻辑有问题，混淆了消息类型；https://gi
  • 探索Coco-Web：一款强大的H5创作工具 岑晔含Dora
    探索Coco-Web：一款强大的H5创作工具去发现同类优质开源项目:https://gitcode.com/是一个开源的、基于Web的H5（HTML5）创作平台，旨在让开发者和设计师能够轻松地创建互动式的内容和应用。通过其直观的界面和丰富的功能，无论你是编程高手还是初学者，都能够利用Coco-Web制作出富有吸引力的数字内容。技术分析Coco-Web基于现代Web技术构建，包括：React.js:
  • H5基于Canvas实现电子签名并生成PDF文档 2401_85156853 程序员pdf前端java
    3.注册监听事件letbeginX:number,beginY:number;constcanvas:HTMLCanvasElement=canvasDom.current;constctx=canvas.getContext(‘2d’);ctx.fillStyle=‘#fff’;ctx.fillRect(0,0,canvas.width,canvas.height);canvas.addEven
  • doris：Elasticsearch 向阳1218 大数据doris
    ElasticsearchCatalog除了支持自动映射ES元数据外，也可以利用Doris的分布式查询规划能力和ES(Elasticsearch)的全文检索能力相结合，提供更完善的OLAP分析场景解决方案：ES中的多index分布式Join查询。Doris和ES中的表联合查询，更复杂的全文检索过滤。使用限制支持Elasticsearch5.x及以上版本。创建CatalogCREATECATALOG
  • 游戏代练新境界：uni-app赋能，一键解锁你的王者之路 phpandroid小程序
    游戏代练新境界：uni-app赋能，一键解锁你的王者之路随着移动互联网的快速发展，越来越多的玩家希望通过代练系统在游戏中快速提升实力。uni-app作为一款跨平台开发框架，能够帮助开发者快速构建多端应用（如H5、小程序、App等），为游戏代练系统提供了全新的解决方案。本文将介绍如何用uni-app构建一个跨平台的代练系统，助你一键解锁王者之路！点击此处可获得完整源码和完整演示1.系统功能概述多端支
  • linux循环之for循环 小黑要上天 linux小常识linux服务器运维
    1.循环介绍循环就是迭代(重复)一些命令的代码块，如果循环控制条件不满足的话，就结束循环2.for循环语法for循环控制条件docommandsdone#当“循环控制条件”不满足条件，结束for循环3.for循环样例[root@kibana~]#catfor-1.sh#!/bin/bashforplanetin"Mercury1""Venus3""Earth5""Mars7""Jupiter9"d
  • 技术解析：格意互联商城系统（多端适配+开源二次开发 西安漫格科技 开源
    一、系统概述格意互联商城系统由西安漫格网络科技有限公司独立研发，专注于商城线上销售场景，支持多端适配（APP、小程序、公众号、H5）及二次开发。系统基于JAVA技术栈构建，采用SpringBoot+JPA作为后端框架，前端用户端使用UniApp实现跨平台兼容，管理端基于Vue+ElementUI开发，具备高扩展性与灵活性111。二、技术架构核心技术栈后端服务：SpringBoot+JPA，支持高并
  • H5之webcoekt播放JPEG图片流 视频处理html5
    一、简介既然webcoekt是基于tcp连接的，理论上讲所有的浏览器是可以私有协议处理二进制的，如果我们需要播放视频，我们可以将视频数据在后端解码后直接将图片推送到webcoekt前端，然后前端通过websocket接收图片然后将图片显示到img或canvas中即可，当然这个是我自己设想的，也是应该可以做的到了，做到如下需要以下技术支持：后端直接ffmpeg转码为jpeg图片流后端定制播放协议包括
  • H5播放webrtc视频 视频处理html5
    一、简介WebRTC概念WebRTC是由Google主导的，由一组标准、协议和JavaScriptAPI组成，用于实现浏览器之间（端到端之间）的音频、视频及数据共享。WebRTC不需要安装任何插件，通过简单的JavaScriptAPI就可以使得实时通信变成一种标准功能。为什么使用webrtc现在各大浏览器以及终已经逐渐加大对WebRTC技术的支持。下图是webrtc官网给出的现在已经提供支持了的浏
  • H5播放Rtmp之vue-video-player播放播放 视频播放器html5
    一、简介我们看到了HLS播放视频实时性非常差，好的在6-7s，差点的就要10-12s了，也就是人走了，估计视频上还能看到，这对观感效果造成了很大的影响！但是好处就是它是基于http协议文件下载的，所以不需要任何插件，到处播放，处处兼容，所以rtmp和hls在web端的特点如下：HLS(1)使用http协议，兼容所有浏览器。(2)延时非常大，不太适合实时视频源，适合文件点播或历史录像直播。RTMP(
  • 戴尔笔记本win8系统改装win7系统 sophia天雪 win7戴尔改装系统win8
    戴尔win8 系统改装win7 系统详述 第一步：使用U盘制作虚拟光驱：         1）下载安装UltraISO：注册码可以在网上搜索。         2）启动UltraISO，点击“文件”—》“打开”按钮，打开已经准备好的ISO镜像文
  • BeanUtils.copyProperties使用笔记 bylijinnan java
    BeanUtils.copyProperties VS PropertyUtils.copyProperties 两者最大的区别是： BeanUtils.copyProperties会进行类型转换，而PropertyUtils.copyProperties不会。 既然进行了类型转换，那BeanUtils.copyProperties的速度比不上PropertyUtils.copyProp
  • MyEclipse中文乱码问题 0624chenhong MyEclipse
    一、设置新建常见文件的默认编码格式，也就是文件保存的格式。 在不对MyEclipse进行设置的时候，默认保存文件的编码，一般跟简体中文操作系统（如windows2000，windowsXP）的编码一致，即GBK。 在简体中文系统下，ANSI 编码代表 GBK编码;在日文操作系统下，ANSI 编码代表 JIS 编码。 Window-->Preferences-->General -
  • 发送邮件 不懂事的小屁孩 send email
    import org.apache.commons.mail.EmailAttachment; import org.apache.commons.mail.EmailException; import org.apache.commons.mail.HtmlEmail; import org.apache.commons.mail.MultiPartEmail;
  • 动画合集 换个号韩国红果果 htmlcss
    动画 指一种样式变为另一种样式 keyframes应当始终定义0 100 过程 1 transition  制作鼠标滑过图片时的放大效果 css .wrap{ width: 340px;height: 340px; position: absolute; top: 30%; left: 20%; overflow: hidden; bor
  • 网络最常见的攻击方式竟然是SQL注入 蓝儿唯美 sql注入
    NTT研究表明，尽管SQL注入（SQLi）型攻击记录详尽且为人熟知，但目前网络应用程序仍然是SQLi攻击的重灾区。 信息安全和风险管理公司NTTCom Security发布的《2015全球智能威胁风险报告》表明，目前黑客攻击网络应用程序方式中最流行的，要数SQLi攻击。报告对去年发生的60亿攻击 行为进行分析，指出SQLi攻击是最常见的网络应用程序攻击方式。全球网络应用程序攻击中，SQLi攻击占
  • java笔记2 a-john java
    类的封装： 1，java中，对象就是一个封装体。封装是把对象的属性和服务结合成一个独立的的单位。并尽可能隐藏对象的内部细节（尤其是私有数据） 2，目的：使对象以外的部分不能随意存取对象的内部数据（如属性），从而使软件错误能够局部化，减少差错和排错的难度。 3，简单来说，“隐藏属性、方法或实现细节的过程”称为——封装。 4，封装的特性：       4.1设置
  • [Andengine]Error：can't creat bitmap form path “gfx/xxx.xxx” aijuans 学习Android遇到的错误
            最开始遇到这个错误是很早以前了，以前也没注意，只当是一个不理解的bug，因为所有的texture，textureregion都没有问题，但是就是提示错误。 昨天和美工要图片，本来是要背景透明的png格式，可是她却给了我一个jpg的。说明了之后她说没法改，因为没有png这个保存选项。 我就看了一下，和她要了psd的文件，还好我有一点
  • 自己写的一个繁体到简体的转换程序 asialee java转换繁体filter简体
              今天调研一个任务，基于java的filter实现繁体到简体的转换，于是写了一个demo，给各位博友奉上，欢迎批评指正。          实现的思路是重载request的调取参数的几个方法，然后做下转换。          
  • android意图和意图监听器技术 百合不是茶 android显示意图隐式意图意图监听器
    Intent是在activity之间传递数据;Intent的传递分为显示传递和隐式传递   显式意图：调用Intent.setComponent() 或 Intent.setClassName() 或 Intent.setClass()方法明确指定了组件名的Intent为显式意图，显式意图明确指定了Intent应该传递给哪个组件。   隐式意图;不指明调用的名称,根据设
  • spring3中新增的@value注解 bijian1013 javaspring@Value
            在spring 3.0中，可以通过使用@value，对一些如xxx.properties文件中的文件，进行键值对的注入，例子如下： 1.首先在applicationContext.xml中加入：  <beans xmlns="http://www.springframework.
  • Jboss启用CXF日志 sunjing logjbossCXF
    1. 在standalone.xml配置文件中添加system-properties：     <system-properties>        <property name="org.apache.cxf.logging.enabled" value=&
  • 【Hadoop三】Centos7_x86_64部署Hadoop集群之编译Hadoop源代码 bit1129 centos
      编译必需的软件 Firebugs3.0.0 Maven3.2.3 Ant JDK1.7.0_67 protobuf-2.5.0 Hadoop 2.5.2源码包       Firebugs3.0.0   http://sourceforge.jp/projects/sfnet_findbug
  • struts2验证框架的使用和扩展 白糖_ 框架xmlbeanstruts正则表达式
    struts2能够对前台提交的表单数据进行输入有效性校验，通常有两种方式： 1、在Action类中通过validatexx方法验证，这种方式很简单，在此不再赘述； 2、通过编写xx-validation.xml文件执行表单验证，当用户提交表单请求后，struts会优先执行xml文件，如果校验不通过是不会让请求访问指定action的。 本文介绍一下struts2通过xml文件进行校验的方法并说
  • 记录-感悟 braveCS 感悟
    再翻翻以前写的感悟，有时会发现自己很幼稚，也会让自己找回初心。   2015-1-11 1. 能在工作之余学习感兴趣的东西已经很幸福了； 2. 要改变自己，不能这样一直在原来区域，要突破安全区舒适区，才能提高自己，往好的方面发展； 3. 多反省多思考；要会用工具，而不是变成工具的奴隶； 4. 一天内集中一个定长时间段看最新资讯和偏流式博
  • 编程之美-数组中最长递增子序列 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class LongestAccendingSubSequence { /** * 编程之美 数组中最长递增子序列 * 书上的解法容易理解 * 另一方法书上没有提到的是，可以将数组排序（由小到大）得到新的数组， * 然后求排序后的数组与原数
  • 读书笔记5 chengxuyuancsdn 重复提交struts2的token验证
    1、重复提交 2、struts2的token验证 3、用response返回xml时的注意 1、重复提交 (1)应用场景 (1-1)点击提交按钮两次。 (1-2)使用浏览器后退按钮重复之前的操作，导致重复提交表单。 (1-3)刷新页面 (1-4)使用浏览器历史记录重复提交表单。 (1-5)浏览器重复的 HTTP 请求。 (2)解决方法 (2-1)禁掉提交按钮 (2-2)
  • [时空与探索]全球联合进行第二次费城实验的可能性 comsci
         二次世界大战前后,由爱因斯坦参加的一次在海军舰艇上进行的物理学实验 -费城实验   至今给我们大家留下很多迷团.....      关于费城实验的详细过程,大家可以在网络上搜索一下,我这里就不详细描述了      在这里,我的意思是,现在
  • easy connect 之 ORA-12154: TNS: 无法解析指定的连接标识符 daizj oracleORA-12154
    用easy connect连接出现“tns无法解析指定的连接标示符”的错误，如下： C:\Users\Administrator>sqlplus username/[email protected]:1521/orcl SQL*Plus: Release 10.2.0.1.0 – Production on 星期一 5月 21 18:16:20 2012 Copyright (c) 198
  • 简单排序:归并排序 dieslrae 归并排序
    public void mergeSort(int[] array){ int temp = array.length/2; if(temp == 0){ return; } int[] a = new int[temp]; int
  • C语言中字符串的\0和空格 dcj3sjt126com c
       \0 为字符串结束符，比如说：                       abcd (空格)cdefg； 存入数组时，空格作为一个字符占有一个字节的空间，我们
  • 解决Composer国内速度慢的办法 dcj3sjt126com Composer
    用法： 有两种方式启用本镜像服务： 1 将以下配置信息添加到 Composer 的配置文件 config.json 中（系统全局配置）。见“例1” 2 将以下配置信息添加到你的项目的 composer.json 文件中（针对单个项目配置）。见“例2” 为了避免安装包的时候都要执行两次查询，切记要添加禁用 packagist 的设置，如下 1 2 3 4 5
  • 高效可伸缩的结果缓存 shuizhaosi888 高效可伸缩的结果缓存
    /** * 要执行的算法，返回结果v */ public interface Computable<A, V> { public V comput(final A arg); }   /** * 用于缓存数据 */ public class Memoizer<A, V> implements Computable<A,
  • 三点定位的算法 haoningabc c算法
    三点定位， 已知a,b,c三个顶点的x,y坐标 和三个点都z坐标的距离，la，lb,lc 求z点的坐标 原理就是围绕a,b,c 三个点画圆，三个圆焦点的部分就是所求 但是，由于三个点的距离可能不准，不一定会有结果， 所以是三个圆环的焦点，环的宽度开始为0，没有取到则加1 运行 gcc -lm test.c test.c代码如下 #include "stdi
  • epoll使用详解 jimmee clinux服务端编程epoll
    epoll - I/O event notification facility在linux的网络编程中，很长的时间都在使用select来做事件触发。在linux新的内核中，有了一种替换它的机制，就是epoll。相比于select，epoll最大的好处在于它不会随着监听fd数目的增长而降低效率。因为在内核中的select实现中，它是采用轮询来处理的，轮询的fd数目越多，自然耗时越多。并且，在linu
  • Hibernate对Enum的映射的基本使用方法 linzx0212 enumHibernate
      枚举   /** * 性别枚举 */ public enum Gender { MALE(0), FEMALE(1), OTHER(2); private Gender(int i) { this.i = i; } private int i; public int getI
  • 第10章 高级事件（下） onestopweb 事件
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • 孙子兵法 roadrunners 孙子兵法
    始计第一 孙子曰： 兵者，国之大事，死生之地，存亡之道，不可不察也。 故经之以五事，校之以计，而索其情：一曰道，二曰天，三曰地，四曰将，五 曰法。道者，令民于上同意，可与之死，可与之生，而不危也；天者，阴阳、寒暑 、时制也；地者，远近、险易、广狭、死生也；将者，智、信、仁、勇、严也；法 者，曲制、官道、主用也。凡此五者，将莫不闻，知之者胜，不知之者不胜。故校 之以计，而索其情，曰
  • MySQL双向复制 tomcat_oracle mysql
    本文包括: 主机配置 从机配置 建立主-从复制 建立双向复制   背景 按照以下简单的步骤: 参考一下： 在机器A配置主机(192.168.1.30) 在机器B配置从机(192.168.1.29) 我们可以使用下面的步骤来实现这一点   步骤1：机器A设置主机 在主机中打开配置文件 ,
  • zoj 3822 Domination(dp) 阿尔萨斯 Mina
    题目链接：zoj 3822 Domination 题目大意：给定一个N∗M的棋盘，每次任选一个位置放置一枚棋子，直到每行每列上都至少有一枚棋子，问放置棋子个数的期望。 解题思路：大白书上概率那一张有一道类似的题目，但是因为时间比较久了，还是稍微想了一下。dp[i][j][k]表示i行j列上均有至少一枚棋子，并且消耗k步的概率（k≤i∗j）,因为放置在i+1~n上等价与放在i+1行上，同理
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他