weixin_30505043
weixin_30505043

HTML5纯Web前端也能开发直播，不用开发服务器（使用face2face）

前段时间转载了某位大神的一篇文章，开发Web版一对一远程直播教室只需30分钟 - 使用face2face网络教室。非常有意思。看起来非常简单，但作为一名前端开发人员来说，还是有难度。因为要开发服务器端的接口，这对我这种前端初学者来说就无能为力了。

无意中注意到，在face2face的官方文档上，其实还介绍了一种纯前端的开发方式，使用这种方式，不用写任何服务器代码，也能做直播。

face2face的文档在这里：http://face2face.net.cn/help/1710.htm　。

下面我就介绍一下是如何用HTML5纯Web前端开发直播的。

 

首先进入face2face的官网，登录后（不用注册也行，用QQ登录就行了），点击顶部的“1对1教室”，然后创建一个教室（因为face2face是专门做直播教室的，所以是“创建教室”）。创建完成后，会提示继续为教室添加学员，可以不用理会，直接跳过就行了。

可以将一个教室当成是一个直播间。

记住创建的教室的“教室编号”，在后面开发时有用。然后点击“排课”，就是设置用户什么时候可以进入这个直播间。

HTML5纯Web前端也能开发直播，不用开发服务器（使用face2face）_第1张图片

在排课时设置一个时间，为了方便测试，这个时间不要设置得太远了，最好是在当前时间附近。

排课完成后，会在页面中显示刚刚创建的排课，有一个“通行证”，记住它，在后面开发时有用。

HTML5纯Web前端也能开发直播，不用开发服务器（使用face2face）_第2张图片

准备工作完毕了，可以开始开发自己的网页了。

DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>HTML5纯Web前端开发直播title>
    <style type="text/css">
        html, body {
            width:100%;
            height:100%;
            margin:0px;
            padding:0px;
        }
        #start {
            padding:50px 0px;
            text-align:center;
        }
        #room {
            width:100%;
            height:100%;
            display:none;
        }
    style>
head>
<body>
    <div id="start">
        <div>
            用户ID：<input id="uid"/>
        div>
        <div>
            通行证：<input id="pass"/>
        div>
        <div>
            <button id="enter">进入button>
        div>
    div>
    <div id="room">div>
body>
html>

在上面的代码中，start是用户打开网页后见到的内容，提示用户输入用户ID和通行证。room是用来放直播间的，刚开始是隐藏的，当用户输入完成，并点击“进入”后，才将它显示出来。

页面运行后是这样子的：

HTML5纯Web前端也能开发直播，不用开发服务器（使用face2face）_第3张图片

然后在页面中引入face2face的open.js，并给enter按钮添加click事件。

    <script src="https://face2face.net.cn/js/open.js">script>
    <script>
        document.getElementById('enter').addEventListener('click', function () {
            var div_start = document.getElementById('start'),
                div_room = document.getElementById('room'),
                txt_uid = document.getElementById('uid'),
                txt_pass = document.getElementById('pass'),
                uid = txt_uid.value,
                pass = txt_pass.value;
            if (uid && pass && (uid == 1 || uid == 2)) {
                div_start.style.display = 'none';
                div_room.style.display = 'block';

                $F.open.init({
                    container: div_room,
                    ty: 3,
                    appid: 10043,
                    pass: pass,
                    uid: uid,
                    ismaster: uid == 1 ? 1 : 0,
                    vdo: 0
                });
            }
        }, false);
    script>

这样就算开发完毕了，哈哈，非常简单。

下面对上面的代码解释一下。

当用户点击enter后，先判断用户是否有输入用户ID和通行证，并且在这里我限制了用户ID只能是1或者2。

如果用户输入的数据正确，就将start隐藏，同时将room显示出来。

然后再调用$F.open.init初始化直播间。

它的几个参数中，container 是用来放直播间的DOM元素，我用的是room。

ty 在这里必须传3，因为我刚创建的教室是1对1教室，它就必须是3。

appid 是刚刚创建的教室的“教室编号”。

pass 是用户输入的通行证，就是前面为教室创建排课后得到的通行证。

uid 也是用户输入的用户ID，我这里限制了只能是1或者2。

ismaster 的值要么是1，要么是0，如果是1，表示这个用户是这个直播间的老师。在face2face的官方文档中，要求每个直播间必须有一个老师，并且只能有一个老师。在我的代码中，将用户ID是1的用户当作老师。

vdo 我这里传的是0，表示用户进入直播间后默认分享电脑屏幕。这里的值还可以是1，表示用户进入直播间后默认分享摄像头。

运行后，在用户ID中输入1，在通行证中输入之前创建的排课的通行证，点击enter按钮后，页面将会是这样子的：

HTML5纯Web前端也能开发直播，不用开发服务器（使用face2face）_第4张图片

转载于:https://www.cnblogs.com/mafengzi/p/10513987.html

你可能感兴趣的:(HTML5纯Web前端也能开发直播，不用开发服务器（使用face2face）)

  • 华为OD机试 - 转盘寿司 - 链表（Python/JS/C/C++ 2024 E卷 100分） 哪 吒 华为od链表python
    一、题目描述寿司店周年庆，正在举办优惠活动回馈新老用户。寿司转盘上总共有n盘寿司，prices[i]是第i盘寿司的价格。如果客户选择了第i盘寿司，寿司店免费赠送客户距离第i盘寿司最近的下一盘寿司j，前提是prices[j]
  • 华为OD机试 - 特殊的加密算法 - 深度优先搜索DFS（Python/JS/C/C++ 2024 D卷 200分） 哪 吒 华为od深度优先python
    一、题目描述有一种特殊的加密算法，明文为一段数字串，经过密码本查找转换，生成另一段密文数字串。规则如下明文为一段数字串由0-9组成密码本为数字0-9组成的二维数组需要按明文串的数字顺序在密码本里找到同样的数字串，密码本里的数字串是由相邻的单元格数字组成，上下和左右是相邻的，注意:对角线不相邻，同一个单元格的数字不能重复使用。每一位明文对应密文即为密码本中找到的单元格所在的行和列序号(序号从0开始)
  • 华为OD机试 - 查找一个有向网络的头节点和尾节点 - 拓扑排序（Python/JS/C/C++ 2024 D卷 200分） 哪 吒 python华为od网络
    一、题目描述给定一个有向图，图中可能包含有环，图使用二维矩阵表示，每一行的第一列表示起始节点，第二列表示终止节点，如[0,1]表示从0到1的路径。每个节点用正整数表示。求这个数据的首节点与尾节点，题目给的用例会是一个首节点，但可能存在多个尾节点。同时图中可能含有环。如果图中含有环，返回[-1]。说明：入度为0是首节点，出度为0是尾节点。二、输入描述第一行为后续输入A的键值对Q数量(N≥0)第二行为
  • 华为OD机试 - 拼接URL（Python/JS/C/C++ 2024 D卷 100分） 哪 吒 python华为odjavacc++javascript
    一、题目描述给定一个URL前缀和URL后缀，通过”,”分割，需要将其连接为一个完整的URL，如果前缀结尾和后缀开头都没有“/”，需自动补上“/”连接符，如果前缀结尾和后缀开头都为“/”，需自动去重。约束：不用考虑前后缀URL不合法情况。二、输入描述URL前缀（一个长度小于100的字符串)，URL后缀（一个长度小于100的字符串）。三、输出描述拼接后的URL。四、解题思路读取输入的URL前缀和URL
  • C#实现条形码识别 我曾经是个程序员 常用代码片段c#开发语言
    见过不少人、经过不少事、也吃过不少苦，感悟世事无常、人心多变，靠着回忆将往事串珠成链，聊聊感情、谈谈发展，我慢慢写、你一点一点看......1.使用Nuget安装第三方库dotnetaddpackageZXing.NetdotnetaddpackageZXing.Net.Bindings.SkiaSharp2.识别方法public class BarcodeReaderService  {    
  • Python+Requests接口分层自动化测试框架 丁鱼教育 Python自动化测试requestspython
    阅读本小节，需要读者具备如下前提条件：1.掌握一种编程语言基础，如java、python等。2.掌握一种单元测试框架，如java语言的testng框架、python的unittest框架。3.掌握目前主流的UI测试框架，移动端APP测试框架Appium，或者掌握Web端测试框架Selenium。4.如果是Appium框架，还需要掌握如何定位控件元素，原生页面可使用安卓SDK自带的uiautomat
  • 鸿蒙OpenHarmony【Docker编译环境】工具 郁闷的黄米鸡 hmharmonyos华为单片机嵌入式硬件鸿蒙鸿蒙系统
    工具概述为了方便开发者进行设备开发，OpenHarmony提供了HUAWEIDevEcoDeviceTool（以下简称DevEcoDeviceTool）一站式集成开发环境，同时借助了应用容器引擎Docker简化编译环境搭建。表1工具简介工具简介相关资源DevEcoDeviceToolDevEcoDeviceTool是OpenHarmony面向智能设备开发者提供的一站式集成开发环境，支持OpenHa
  • Vue 和 uniApp 中 CSS 样式差别 洗发水很好用 vue.jsuni-appcss
    之前一直在做vue2的项目，最近开始uniapp的项目，发现两种项目之间css还是有亿点区别的。一、布局单位Vue2项目：通常使用px作为主要的长度单位，这是一个绝对单位，在不同设备屏幕上显示的物理尺寸相同。例如：.container{width:300px;height:200px;}在响应式设计中，可能会使用%或vw、vh等相对单位，以及媒体查询来适配不同的屏幕尺寸。例如：@media(max
  • Spring Boot使用WebSocket 洗发水很好用 springbootwebsocket后端
    跟其他http的控制层类似，我们需要实现一个基本的WebSocket服务器端点。PlatformAsyncWebSocket.javapackagecom.rmeservice.platform.websocket;importlombok.extern.slf4j.Slf4j;importorg.springframework.stereotype.Component;importjavax.w
  • Java网络爬虫技术之路：从基础构建到实战应用 Yori_22 java爬虫开发语言
    在当今信息爆炸的时代，数据已成为一种宝贵的资源。如何从海量的网络数据中提取有价值的信息，成为了众多开发者和数据科学家的共同挑战。Java网络爬虫技术，作为一种自动化采集数据的工具，正逐渐成为解决这一问题的关键。本文将带您踏上Java网络爬虫技术之路，从基础构建到实战应用，一步步揭开其神秘面纱。一、Java网络爬虫技术基础网络爬虫，又称网络蜘蛛或网络机器人，是一种按照一定规则自动抓取互联网信息的程序
  • Qt小例子学习53 - 使用resizeEvent调整窗口大小时调整Qlabel的图像大小 虾球xz
    Qt小例子学习53-使用resizeEvent调整窗口大小时调整Qlabel的图像大小testsize.h#ifndefTESTSIZE_H#defineTESTSIZE_H#includeclassQLabel;classtestsize:publicQWidget{Q_OBJECTpublic:explicittestsize(QWidget*parent=0);~testsize();pri
  • RocketMQ原理解析 Luxangn 后端rocketmq
    RocketMQ是阿里巴巴开源的一款分布式消息队列系统，也是一款高性能、高可用性、高可靠的消息中间件。使用RocketMQ可以轻松地构建分布式、高可用性的消息系统，并可以快速响应业务需求和处理海量数据。下面是RocketMQ的原理解析：架构模型：RocketMQ的架构模型采用分布式、主从复制、高可用性设计，包括Broker、NameServer和Producer、Consumer等模块。其中，Br
  • kafka直接对接nginx Lu_Xiao_Yue nginxkafka
    很多时候我们要对nginx产生的日志进行分析都是通过flume监控nginx产生的日志，通过flume把日志文件发送该kafka，flume作为生产者，但是这种方式的缺点就是可能效率会比较慢，除此之外还可以使用kafka直接对接nginx，nginx作为生产者，把log日志直接对接到kafka的某些分区中，这种方法的效率比较高，但是缺点就是可能会出现数据丢失，可以通过把nginx的日志进行一份给k
  • Spring Boot 全局异常处理 十二同学啊 SpringBootspringbootjava前端
      在开发任何应用程序时，异常处理都是至关重要的。一个良好的异常处理机制不仅能提高用户体验，还能帮助开发者更好地定位和修复问题。SpringBoot提供了强大的异常处理能力，使我们能够集中处理应用程序中抛出的各种异常，从而构建更健壮和可靠的系统。  本文将深入探讨SpringBoot中全局异常处理的最佳实践，包括如何创建全局异常处理器，如何自定义异常响应，以及如何处理不同类型的异常。为什么需要全局
  • Python爬虫入门教程：超级简单的Python爬虫教程 梦子mengy7762 爬虫python数据分析python爬虫htmlpycharmvisualstudio
    这是一篇详细介绍[Python]爬虫入门的教程，从实战出发，适合初学者。读者只需在阅读过程紧跟文章思路，理清相应的实现代码，30分钟即可学会编写简单的Python爬虫。这篇Python爬虫教程主要讲解以下5部分内容：了解网页；使用requests库抓取网站数据；使用BeautifulSoup解析网页；清洗和组织数据；爬虫攻防战；了解网页以中国旅游网首页为例，抓取中国旅游网首页首条信息（标题和链接）
  • 代理ip是虚拟的吗？一起揭开它的神秘面纱 神龙HTTP tcp/ip网络协议网络
    代理IP是虚拟的吗？在网络世界中，IP地址是设备在互联网上的标识符。随着网络隐私和数据安全的日益重要，代理IP作为一种常见的技术手段被广泛使用。那么，代理IP究竟是虚拟的吗？本文将对此进行详细探讨。1.代理IP的基本概念代理IP是指在用户与目标服务器之间充当中介的IP地址。当用户通过代理服务器发送请求时，目标服务器看到的并不是用户的真实IP，而是代理服务器的IP。这种方式可以隐藏用户的真实身份，提
  • 【YashanDB知识库】druid连接池做断网测试，无法自动重新连接 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7919216.html?templateId=171...【标题】druid连接池断网测试，崖山数据库无法自动重新连接【问题分类】驱动使用【关键字】druid，sockettimeout【问题描述】使用崖山数据库23.2.7.100进行适配过程中反馈崖山数据库不能自动重连【问题原因分
  • 【YashanDB知识库】原生mysql驱动配置连接崖山数据库 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7919231.html?templateId=171...【问题分类】功能兼容【关键字】YAS-07202、YAS\_MYERROR，不兼容【问题描述】本项目的架构是hadoop+hive+yashandb使用崖山数据库，将mysql相关的创建表语句进行初始化同步使用崖山23.3版本
  • HTML 迷宫游戏 黑客白泽 HTML网页程序html游戏前端
    HTML迷宫游戏相关资源文件已经打包成压缩文件，可双击index.html直接运行程序，且文章末尾已附上相关源码，以供大家学习交流，博主主页还有更多Python相关程序案例，秉着开源精神的想法，望大家喜欢，点个关注不迷路！！！1.简介：迷宫游戏一个网页操作类小游戏，操作方法也很简单，用键盘的方向键控制即可（所以手机不能玩）,如果你觉得太简单，可以随时调整迷宫的宽和高，增加迷宫的难度，刷新网页后迷宫
  • 基于 React 和 Vite 的前端项目自动化测试方案
    背景前端自动化测试在工程化的研发体系中不可或缺。前端领域的自动化测试常被忽略，原因在于人们认为编写测试用例成本高且意义不大，本质是觉得投资回报率低。但当收益大于支出时，引入前端自动化测试是必要的。例如在表单功能从简单到复杂的迭代过程中，手动测试成本会指数级增长且可能无法完成所有测试，此时引入自动化测试能提升效率、保证测试覆盖范围、减少误差和遗漏、实现用例重复使用等。成本初始成本，引入自动化测试框架
  • Jenkins配置测试报告后无法正常显示或显示空的解决方法（问题集锦）
    ️Jenkins配置测试报告无法正常显示或显示空的解决方法在Jenkins中，测试报告的正确显示对于持续集成和持续交付（CI/CD）流程至关重要。当测试报告无法正常显示或显示为空时，可能会影响开发团队对项目质量的评估。以下是详细的解决方法，帮助您排查并解决这一问题。1.检查路径和文件名确保在Jenkins配置中指定的测试报告路径和文件名准确无误，与实际生成的测试报告文件一致。步骤：验证报告生成路径
  • Gitlab Runner安装与配置
    由于格式和图片解析问题，为了更好阅读体验可前往阅读原文本篇使用Docker安装Gitlabrunner进行runner的安装和注册，其他方式请参考官方文档非Docker安装Gitlabrunner请确保runner版本和gitlab版本兼容以及docker相关版本兼容问题下载镜像dockerpullgitlab/gitlab-runner:v14.6.0创建挂载卷mkdir-p/srv/gitla
  • Web前端------HTML多媒体标签之图片标签 王da魔 HTML前端html
    一.图片标签介绍1.路径问题>.绝对路径从盘符开始的路径问题：改变了工程目录的位置后，绝对路径从盘符开始则不能使用了，考虑相对路径>.相对路径从当前位置（指从代码书写.html文件）开始如何表示当前位置------使用./如何表示上一级--------使用../2.图片标签的导入方式3.常见图片属性src：图片地址：1.网络路径2.绝对路径3.相对路径alt：图片加载失败时，提示信息width/h
  • 2025最新的陪玩小程序系统有哪些开源架构?如何完全的实现安全交付？ D矜持 架构安全前端框架交友uniapp系统架构
    一、开源架构前端框架：*Uni-app等前端框架使得开发者能够创建跨平台的应用程序，这些应用程序在不同操作系统和设备上具有一致的用户体验。这些框架提供了丰富的组件和工具，使得开发者能够快速构建出美观、易用的用户界面。*通过这些前端框架，用户可以轻松地浏览陪玩师资料、下单、支付以及进行实时通信等操作，从而提高用户满意度和忠诚度。实时通信技术：*WebSocket实时通信技术实现了用户与陪玩师之间的即
  • 融云 IM 干货丨SwiftUI 集成 IMKit 源码解决方案 融云即时通讯
    关于在SwiftUI中集成IMKit的问题，需要找到一个源码解决方案。首先，需要明确IMKit是什么。IMKit是一个用于构建即时通讯界面的库，它提供了消息列表、输入视图等组件，可以简化开发过程。既然问题是关于在SwiftUI中集成IMKit，IMKit可能最初是为UIKit设计的。因此，需要找到一种方法，将UIKit的组件或视图与SwiftUI的视图进行桥接。首先，需要检查IMKit是否已经支持
  • 编码必看！智能代码助手帮你快速解释代码、解释函数
    文心快码(BaiduComate)是基于百度文心大模型，在研发全流程全场景下为开发者提供辅助建议的智能代码助手。结合百度积累多年的编程现场大数据、外部优秀开源数据，可为开发者生成更符合实际研发场景的优秀代码，提升编码效率，释放“十倍”软件生产力。如果您对【文心快码企业版】感兴趣，希望获取更多详细信息，点击进入企业服务咨询我们会尽快安排专业人员与您取得联系！我们期待与您建立联系，为您的企业带来更高效
  • 如何从一个 Shell 脚本调用另一个 Shell 脚本 ？ bash
    在Unix和Linux的世界中，shell脚本是一种强大的工具，可用于任务自动化和系统管理等。通常，我们需要从一个shell脚本中调用另一个shell脚本。这不仅有助于将复杂的脚本组织成可管理的模块，而且有助于脚本的可重用性和可维护性。BasicMethod最直接的方法是在父脚本中使用它的路径。假设您有两个脚本：script1.sh和script2.shscript1.sh:#!/bin/bash
  • Nmap使用总结 黑客KKKing 网络工程师网络安全网络web安全安全
    0X00背景nmap是测试中常用的网络探测工具，但是这回简单的操作，一直了解不深入，现在深入的了解和学习一下。在文章结构上，我把平时常用的内容提前了，以便再次查阅的时候，比较方便。0X01安装nmap可以到DownloadtheFreeNmapSecurityScannerforLinux/Mac/Windows下载最新版本(目前最新版本nmap-7.70)0X02实例部分实例下面给出一些实例，简
  • 如何在 Apache 中创建单个文件的别名 ？ apache
    要创建Apache中的单个文件的别名，您可以在Apache配置文件中使用Alias指令，Alias指令允许您将URL路径映射到文件系统位置，该路径可以是目录或单个文件。OpenConfigurationFile使用文本编辑器打开Apache配置文件。它可以是httpd.conf，apache2.conf或一个虚拟主机文件，具体取决于您的设置和操作系统。AddAliasDirective要为单个文件
  • 你曾经star学习的项目现在能看懂了吗？ github阅读
    前言我有随时翻看GitHubStar的习惯，尤其是下载了GitHubApp后更加方便我查看了，后来我偶然翻到了自己曾经折腾过的项目LiteWebChat_Frame看了看文档忽然一个问题映入了我的脑海自己曾经因为没看懂而star的项目现在看懂了吗这也是我写文的缘由且也想和大家聊聊这件事三个阶段我又重新看了一遍我的Star，发现可分为三个阶段1.Minecraft及相关启动器2.命令行及后端3.前端
  • java工厂模式 3213213333332132 java抽象工厂
    工厂模式有 1、工厂方法 2、抽象工厂方法。 下面我的实现是抽象工厂方法, 给所有具体的产品类定一个通用的接口。 package 工厂模式; /** * 航天飞行接口 * * @Description * @author FuJianyong * 2015-7-14下午02:42:05 */ public interface SpaceF
  • nginx频率限制+python测试 ronin47 nginx 频率 python
           部分内容参考：http://www.abc3210.com/2013/web_04/82.shtml 首先说一下遇到这个问题是因为网站被攻击，阿里云报警，想到要限制一下访问频率，而不是限制ip（限制ip的方案稍后给出）。nginx连接资源被吃空返回状态码是502，添加本方案限制后返回599，与正常状态码区别开。步骤如下：
  • java线程和线程池的使用 dyy_gusi ThreadPoolthreadRunnabletimer
    java线程和线程池 一、创建多线程的方式     java多线程很常见，如何使用多线程，如何创建线程，java中有两种方式，第一种是让自己的类实现Runnable接口，第二种是让自己的类继承Thread类。其实Thread类自己也是实现了Runnable接口。具体使用实例如下： 1、通过实现Runnable接口方式 1 2
  • Linux 171815164 linux
    ubuntu kernel http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.1.2-unstable/ 安卓sdk代理 mirrors.neusoft.edu.cn        80 输入法和jdk sudo apt-get install fcitx su
  • Tomcat JDBC Connection Pool g21121 Connection
           Tomcat7 抛弃了以往的DBCP 采用了新的Tomcat Jdbc Pool 作为数据库连接组件，事实上DBCP已经被Hibernate 所抛弃，因为他存在很多问题，诸如：更新缓慢，bug较多，编译问题，代码复杂等等。        Tomcat Jdbc P
  • 敲代码的一点想法 永夜-极光 java随笔感想
                  入门学习java编程已经半年了,一路敲代码下来,现在也才1w+行代码量,也就菜鸟水准吧,但是在整个学习过程中,我一直在想,为什么很多培训老师,网上的文章都是要我们背一些代码?比如学习Arraylist的时候,教师就让我们先参考源代码写一遍,然
  • jvm指令集 程序员是怎么炼成的 jvm 指令集
    转自：http://blog.csdn.net/hudashi/article/details/7062675#comments       将值推送至栈顶时 const ldc  push   load指令 const系列 该系列命令主要负责把简单的数值类型送到栈顶。(从常量池或者局部变量push到栈顶时均使用) 0x02 &nbs
  • Oracle字符集的查看查询和Oracle字符集的设置修改 aijuans oracle
    本文主要讨论以下几个部分：如何查看查询oracle字符集、 修改设置字符集以及常见的oracle utf8字符集和oracle exp 字符集问题。 一、什么是Oracle字符集 Oracle字符集是一个字节数据的解释的符号集合,有大小之分,有相互的包容关系。ORACLE 支持国家语言的体系结构允许你使用本地化语言来存储，处理，检索数据。它使数据库工具，错误消息，排序次序，日期，时间，货
  • png在Ie6下透明度处理方法 antonyup_2006 css浏览器FirebugIE
    由于之前到深圳现场支撑上线，当时为了解决个控件下载，我机器上的IE8老报个错，不得以把ie8卸载掉，换个Ie6,问题解决了，今天出差回来，用ie6登入另一个正在开发的系统，遇到了Png图片的问题，当然升级到ie8(ie8自带的开发人员工具调试前端页面JS之类的还是比较方便的，和FireBug一样，呵呵)，这个问题就解决了，但稍微做了下这个问题的处理。 我们知道PNG是图像文件存储格式，查询资
  • 表查询常用命令高级查询方法(二) 百合不是茶 oracle分页查询分组查询联合查询
    ----------------------------------------------------分组查询 group by    having   --平均工资和最高工资   select avg(sal)平均工资,max(sal)  from emp ;  --每个部门的平均工资和最高工资
  • uploadify3.1版本参数使用详解 bijian1013 JavaScriptuploadify3.1
    使用：     绑定的界面元素<input id='gallery'type='file'/>$("#gallery").uploadify({设置参数，参数如下}); 设置的属性： id: jQuery(this).attr('id'),//绑定的input的ID langFile: 'http://ww
  • 精通Oracle10编程SQL(17)使用ORACLE系统包 bijian1013 oracle数据库plsql
    /* *使用ORACLE系统包 */ --1.DBMS_OUTPUT --ENABLE:用于激活过程PUT,PUT_LINE,NEW_LINE,GET_LINE和GET_LINES的调用 --语法：DBMS_OUTPUT.enable(buffer_size in integer default 20000); --DISABLE:用于禁止对过程PUT,PUT_LINE,NEW
  • 【JVM一】JVM垃圾回收日志 bit1129 垃圾回收
    将JVM垃圾回收的日志记录下来，对于分析垃圾回收的运行状态，进而调整内存分配(年轻代，老年代，永久代的内存分配)等是很有意义的。JVM与垃圾回收日志相关的参数包括： -XX:+PrintGC -XX:+PrintGCDetails -XX:+PrintGCTimeStamps -XX:+PrintGCDateStamps -Xloggc -XX:+PrintGC 通
  • Toast使用 白糖_ toast
    Android中的Toast是一种简易的消息提示框，toast提示框不能被用户点击，toast会根据用户设置的显示时间后自动消失。     创建Toast 两个方法创建Toast makeText(Context context, int resId, int duration)     参数：context是toast显示在
  • angular.identity boyitech AngularJSAngularJS API
    angular.identiy 描述: 返回它第一参数的函数. 此函数多用于函数是编程. 使用方法: angular.identity(value); 参数详解: Param Type Details value * to be returned. 返回值: 传入的value 实例代码: <!DOCTYPE HTML>
  • java-两整数相除，求循环节 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class CircleDigitsInDivision { /** * 题目：求循环节，若整除则返回NULL，否则返回char*指向循环节。先写思路。函数原型：char*get_circle_digits(unsigned k,unsigned j)
  • Java 日期 周 年 Chen.H javaC++cC#
    /** * java日期操作(月末、周末等的日期操作) * * @author * */ public class DateUtil { /** */ /** * 取得某天相加(减)後的那一天 * * @param date * @param num *
  • [高考与专业]欢迎广大高中毕业生加入自动控制与计算机应用专业 comsci 计算机
          不知道现在的高校还设置这个宽口径专业没有,自动控制与计算机应用专业,我就是这个专业毕业的,这个专业的课程非常多,既要学习自动控制方面的课程,也要学习计算机专业的课程,对数学也要求比较高.....如果有这个专业,欢迎大家报考...毕业出来之后,就业的途径非常广.....      以后
  • 分层查询（Hierarchical Queries） daizj oracle递归查询层次查询
    Hierarchical Queries If a table contains hierarchical data, then you can select rows in a hierarchical order using the hierarchical query clause: hierarchical_query_clause::= start with condi
  • 数据迁移 daysinsun 数据迁移
    最近公司在重构一个医疗系统，原来的系统是两个.Net系统，现需要重构到java中。数据库分别为SQL Server和Mysql，现需要将数据库统一为Hana数据库，发现了几个问题，但最后通过努力都解决了。 1、原本通过Hana的数据迁移工具把数据是可以迁移过去的，在MySQl里面的字段为TEXT类型的到Hana里面就存储不了了，最后不得不更改为clob。 2、在数据插入的时候有些字段特别长
  • C语言学习二进制的表示示例 dcj3sjt126com cbasic
    进制的表示示例 # include <stdio.h> int main(void) { int i = 0x32C; printf("i = %d\n", i); /* printf的用法 %d表示以十进制输出 %x或%X表示以十六进制的输出 %o表示以八进制输出 */ return 0; }
  • NsTimer 和 UITableViewCell 之间的控制 dcj3sjt126com ios
    情况是这样的: 一个UITableView, 每个Cell的内容是我自定义的 viewA viewA上面有很多的动画, 我需要添加NSTimer来做动画, 由于TableView的复用机制, 我添加的动画会不断开启, 没有停止, 动画会执行越来越多.   解决办法: 在配置cell的时候开始动画, 然后在cell结束显示的时候停止动画   查找cell结束显示的代理
  • MySql中case when then 的使用 fanxiaolong casewhenthenend
    select "主键", "项目编号", "项目名称","项目创建时间", "项目状态","部门名称","创建人" union (select pp.id as "主键", pp.project_number as &
  • Ehcache（01）——简介、基本操作 234390216 cacheehcache简介CacheManagercrud
    Ehcache简介 目录 1       CacheManager 1.1      构造方法构建 1.2      静态方法构建 2       Cache 2.1&
  • 最容易懂的javascript闭包学习入门 jackyrong JavaScript
    http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 下面就是我的学习笔记，对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊
  • 提升网站转化率的四步优化方案 php教程分享 数据结构PHP数据挖掘Google活动
    网站开发完成后,我们在进行网站优化最关键的问题就是如何提高整体的转化率，这也是营销策略里最最重要的方面之一，并且也是网站综合运营实例的结果。文中分享了四大优化策略：调查、研究、优化、评估，这四大策略可以很好地帮助用户设计出高效的优化方案。 PHP开发的网站优化一个网站最关键和棘手的是，如何提高整体的转化率，这是任何营销策略里最重要的方面之一，而提升网站转化率是网站综合运营实力的结果。今天，我就分
  • web开发里什么是HTML5的WebSocket？ naruto1990 Webhtml5浏览器socket
    当前火起来的HTML5语言里面，很多学者们都还没有完全了解这语言的效果情况，我最喜欢的Web开发技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看6个HTML5教程介绍里 的 WebSocket API：它可用于客户端、服
  • Socket初步编程——简单实现群聊 Everyday都不同 socket网络编程初步认识
    初次接触到socket网络编程，也参考了网络上众前辈的文章。尝试自己也写了一下，记录下过程吧：   服务端：（接收客户端消息并把它们打印出来）   public class SocketServer { private List<Socket> socketList = new ArrayList<Socket>(); public s
  • 面试：Hashtable与HashMap的区别（结合线程） toknowme
    昨天去了某钱公司面试，面试过程中被问道 Hashtable与HashMap的区别？当时就是回答了一点，Hashtable是线程安全的，HashMap是线程不安全的，说白了，就是Hashtable是的同步的，HashMap不是同步的，需要额外的处理一下。   今天就动手写了一个例子，直接看代码吧 package com.learn.lesson001; import java
  • MVC设计模式的总结 xp9802 设计模式mvc框架IOC
    随着Web应用的商业逻辑包含逐渐复杂的公式分析计算、决策支持等，使客户机越 来越不堪重负，因此将系统的商业分离出来。单独形成一部分，这样三层结构产生了。 其中‘层’是逻辑上的划分。 三层体系结构是将整个系统划分为如图2.1所示的结构[3] （1）表现层（Presentation layer）：包含表示代码、用户交互GUI、数据验证。 该层用于向客户端用户提供GUI交互，它允许用户
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他