林一怂儿
林一怂儿

H5 调用摄像头进行拍照

如果人生是一个圆,那么总会有一个人是你最终的切线。

注意: 必须使用https哦~

功能点

  • 拍照
    • 微信内置浏览器 (iPhone13 Pro)
    • QQ内置浏览器 (小米 Mix3)
    • QQ内置浏览器 (iPhone13 Pro)
    • 自带浏览器 (小米 Mix3)
    • 自带浏览器 (iPhone13 Pro)
  • 保存图片
    • 微信内置浏览器 (iPhone13 Pro)
    • QQ内置浏览器 (小米 Mix3)
    • QQ内置浏览器 (iPhone13 Pro)
    • 自带浏览器 (小米 Mix3)
    • 自带浏览器 (iPhone13 Pro)

写法上没有做很多兼容性的处理，大概写了一下逻辑。

效果

H5 调用摄像头进行拍照_第1张图片

代码

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js">script>
    <style>
        body {
            margin: 0;
        }

        html,
        body,
        video,
        canvas {
            width: 100%;
            height: 100%;
        }

        .take-photo,
        .save-photo {
            width: 70px;
            height: 70px;
            background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
            border-radius: 50%;
            position: absolute;
            left: 50%;
            bottom: 120px;
            transform: translateX(-50%);
        }

        .save-photo {
            background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
        }

        .save-photo:active,
        .take-photo:active {
            opacity: .7;
        }
    style>
head>

<body>
    <video>video>
    <canvas>canvas>
    <div class="take-photo">div>
    <div class="save-photo">div>

    <script>
        let vConsole = new window.VConsole();
        let video = document.querySelector('video');
        let canvas = document.querySelector("canvas");
        let taskPhoto = document.querySelector('.take-photo')
        let savePhoto = document.querySelector('.save-photo')

        canvas.hidden = true;
        taskPhoto.hidden = true;
        savePhoto.hidden = true;
        if (navigator.mediaDevices.getUserMedia) {
            // facingMode: "user" 前置摄像头
            // facingMode: { exact: "environment" } 强制使用后置摄像头
            let constraints = { audio: false, video: { width: document.body.clientHeight, height: document.body.clientWidth, facingMode: { exact: "environment" } } };
            navigator.mediaDevices.getUserMedia(constraints)
                .then(function (mediaStream) {
                    video.setAttribute('autoplay', '');
                    video.setAttribute('muted', '');
                    video.setAttribute('playsinline', '');
                    video.srcObject = mediaStream;
                    taskPhoto.hidden = false;
                })
                .catch(function (err) { console.log(err.name + ": " + err.message); }); // 总是在最后检查错误
        } else console.log("您的浏览器不支持");

        taskPhoto.addEventListener('click', () => {
            let c = canvas.getContext('2d');
            canvas.width = video.clientWidth;
            canvas.height = video.clientHeight;
            c.drawImage(video, 0, 0, video.clientWidth, video.clientHeight);
            video.pause();
            canvas.hidden = false;
            savePhoto.hidden = false;
            taskPhoto.hidden = true;
        })

        savePhoto.addEventListener('click', () => {
            let a = document.createElement('a');
            a.href = canvas.toDataURL()
            a.download = "照片.png";
            a.click();
            savePhoto.hidden = true;
            canvas.hidden = true;
            taskPhoto.hidden = false;
            video.play();
        });

    script>
body>

html>

你可能感兴趣的:(H5,html5)

  • 精通Canvas：15款时钟特效代码实现指南 烟幕缭绕
    本文还有配套的精品资源，点击获取简介：HTML5的Canvas是一个用于绘制矢量图形的API，通过JavaScript实现动态效果。本项目集合了15种不同的时钟特效代码，帮助开发者通过学习绘制圆形、线条、时间更新、旋转、颜色样式设置及动画效果等概念，深化对Canvas的理解和应用。项目中的CSS文件负责时钟的样式设定，而JS文件则包含实现各种特效的逻辑，通过不同的函数或类处理时间更新和动画绘制，提
  • 入门html这篇文章就够了 ξ流ぁ星ぷ132 html前端
    HTML笔记文章目录HTML笔记html介绍什么是htmlhtml的作用HTML标签介绍常用标签标签and标签and标签u标签del删除线br标签用于换行pre标签，预处理标签span标签div标签sub标签andsup标签hr标签h1,h2...h6标签：HTML5中的语义标签：特殊字符img标签a标签第一种用法：超链接第二种用法：锚点video标签表格标签：form标签input标签selec
  • h5-video标签全屏显示记录 ZhDan91 前端开发混合app
    video{width:100%;height:100%;object-fit:fill;}
  • 自测魅族手机webview加载h5时ul嵌套li标签js失效问题记录 ZhDan91 混合app前端开发
    自测魅族手机ul嵌套li标签js失效问题：可采用div嵌套option实现样式：.hot_list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}.hot_listoption{text-align:center;width:30%;padding:.16rem.34rem;border:0.1remso
  • stm32与ESP32-C3通过串口连接 林内克思 stm32嵌入式硬件单片机
    ESP32-C3是一款安全稳定、低功耗、低成本的物联网芯片，搭载RISC-V32位单核处理器，支持2.4GHzWi-Fi和Bluetooth5（LE）。ESP32-C3本身就可以作为一个单片机使用，但是我们这里只是把ESP32-C3作为一个Wi-Fi/蓝牙模块使用。STM32与ESP32-C3使用串口进行通讯。STM32可以给ESP32-C3发送命令，这种命令叫ESP-AT指令。首先通过pc串口E
  • 观众信息设置与统计（视频高级分析与统计功能） 视频砖家 视频安全视频加密数据分析视频观看分析视频数据分析
    Web播放器（POLYV-html5-player）支持设置观众信息参数，设置后在播放器上报的观看日志中会附带观众信息，这样用户就可以通过管理后台的统计页面或服务端API来查看特定观众的视频观看情况了。一、观众信息设置播放器设置观众信息参数的代码示例如下：varplayer=polyvPlayer({wrap:'#player',width:800,height:533,vid:'88083abb
  • React移动端项目准备（ts版） sync98 前端框架reacttypescript
    一、创建项目使用脚手架命令创建新项目：1.通过命令行创建项目npxcreate-react-appts-geek-park-h5--templatetypescript2.src文件夹下，保留react-app-env.d.ts文件，删除其他文件，并且创建必要的文件项目结构：src>api封装接口>assets项目资源>components通用组件>hooks自定义钩子函数>pages页面组件>s
  • react create-react-app v5 从零搭建项目（不暴露 eject）_create-react-app 搭建移动端h5(1)
    cnpminstallaxios--save2.src/utils新建一个request.js文件(没有utils就新建一个目录然后再建一个request.js)3.request代码如下：这个是最简单的配置了，你可以根据自己的需求配置请求拦截里的东西。importaxiosfrom‘axios’//axios的配置文件,可以在这里去区分开发环境和生产环境等全局一些配置constdevBaseUr
  • 【总结】暂序 ncj393437906 《HTML5Canvas核心技术图形动画与游戏开发》canvas
    文章目录目前项目业务是使用canvas对数据进行成图，不涉及动画游戏业务，《HTML5Canvas核心技术图形、动画与游戏开发》这本书总共有10章，目前只用看到【第5章-动画】章节，目前笔记就先记录到这。
  • H5页面点击调起腾讯/百度/高德地图APP
    注意：在手机端测试时发现了一个问题，用百度浏览器只能调用百度地图app的，对腾讯/高德地图是无效的，于是我用qq浏览器测试，结果发现qq浏览器是都可以调起的。一：腾讯地图（api文档）window.open(`http://apis.map.qq.com/uri/v1/marker?marker=coord:${this.latitude},${this.longitude};addr:${thi
  • Html+Css+JavaScript+Vue+Axios入门 chen_ever javascript前端html
    一.HTMLHTML（HyperTextMarkupLanguage）是构建网页的基础语言，用于定义网页的结构和内容。以下介绍HTML的基本概念和用法。页面标题这是一级标题这是一个段落。声明文档类型为HTML5。标签是文档的根元素。包含元信息，如标题和CSS链接。包含可见的页面内容。常用HTML标签到：标题标签，数字越小级别越高。：段落标签。链接文本：超链接标签。：图像标签。和：无序列表。和：有序
  • HTML5 浏览器支持 lsx202406 开发语言
    HTML5浏览器支持引言随着互联网技术的飞速发展，HTML5已经成为网页开发的新标准。HTML5的出现，使得网页开发更加便捷、高效。本文将详细探讨HTML5的浏览器支持情况，帮助开发者更好地了解和利用这一技术。HTML5浏览器支持概述支持程度目前，大多数主流浏览器都对HTML5提供了较好的支持。以下是一些主流浏览器的HTML5支持情况：Chrome：Chrome浏览器对HTML5的支持非常好，几乎
  • App Trace 功能产品介绍 tongjiwenzhang 一键拉起app快速安装小程序微信小程序目标跟踪数据分析大数据
    一键拉起、快速安装、免填邀请码的智能追踪解决方案一、功能概述AppTrace是一套专注于用户行为追踪与智能分发的技术方案，通过深度集成一键拉起、快速安装、免填邀请码三大核心功能，帮助企业精准追踪用户来源、优化转化路径，并提升拉新效率。二、核心功能详解1.一键拉起（DeepLinking）功能作用：用户点击H5页面、短信链接或二维码时，直接跳转至App内指定页面（如活动页、商品详情页）。避免“下载A
  • 关于uniapp m0_73928262 开发语言uni-app
    目录前言一、uniapp是什么？二、uniapp的由来三、uniapp的基本概念四、uniapp的使用场景五、uniapp框架格式和基本概念六、如何使用uniapp七、如何使用uniapp创建文件总结前言Uni-app是由Dcloud公司推出的一个多端开发框架，可以使用Vue开发一次代码，产出多个平台的应用程序，包括iOS、Android、H5、小程序等。这种“一次开发，多端输出”的开发方式大大减
  • 【HarmonyOS】Web 组件的 PDF 文档预览功能详解
    【HarmonyOS】Web组件的PDF文档预览功能详解一、前言应用开发中，PDF文档预览是一项常见需求。虽然官方提供了预览组件，但是在H5业务场景下，如何加载PDF呢？此时就需要Web组件提供了便捷的PDF预览能力。目前官方的ArkWeb，支持加载网络、应用沙箱内、本地资源等多种来源的PDF文档。本文将详细介绍如何使用Web组件实现PDF预览功能，包括不同场景下的加载方法、配置要点及动态切换技巧
  • 1、uniapp开发微信小程序遭遇的那些事（持续收集中） 打不着的大喇叭 微信小程序uniappuni-app微信小程序小程序前端
    可恶，我用了开发h5思维去开发小程序1、插槽加了slot-scope就不显示？？什么情况时间{{slotProps.time}}时间{{slotProps2.time2}}发现这样写，插槽是不会显示的，原因是包裹slot必须直接作为组件的子节点，不能被template包裹，否则微信小程序端slot机制会失效。slot必须直接作为自定义组件的子节点，不能被template/v-if包裹。修正后写法：
  • HTML5中背景图片如何设置 十指流玉 HTML
    自己试验了很多种方式，最终发现有一种方式最得朕心～～哈哈哈哈哈先看一下效果图吧：只截取了一部分，图片的人物不会因为页面大小而变得扭曲（这一点非常重要），我已经很满足啦～～～～～下面看一下代码吧,其实也很简单。body{/*background:rgb(185,246,246);*//*设置颜色背景*/background-image:url(photo5.png);/*设置背景图片*/backgr
  • Ch55xduino 项目使用教程
    Ch55xduino项目使用教程ch55xduino项目地址:https://gitcode.com/gh_mirrors/ch/ch55xduino1.项目介绍Ch55xduino是一个为CH55X系列微控制器提供的Arduino编程接口。CH55X是一系列低成本的MCS51USB微控制器，Ch55xduino项目旨在简化这些设备的编程环境设置，使用户能够像使用ArduinoIDE一样轻松地编写
  • Arduino CH552 ADC的使用 perseverance52 WCH-E8051单片机开发CH552ADC
    ArduinoCH552ADC的使用CH552ADC简介CH552芯片提供8位的模拟数字转换器，包括电压比较器和ADC模块。该转换器具有4个模拟信号输入通道，可以分时采集，支持0到VCC模拟输入电压范围。ADC寄存器ADC控制寄存器(ADC_CTRL)ADC配置寄存器(ADC_CFG)：ADC数据寄存器(ADC_DATA)：ADC功能ADC采样模式配置步骤：(1)、设置ADC_CFG寄存器中的AD
  • 大前端日志分析的AI应用：从海量日志中提取有价值的运维信息 欧阳天羲 大前端与AI的深度融合#AI在大前端安全与运维篇前端人工智能运维
    在大前端技术快速发展的今天，前端应用的复杂度呈指数级增长，涵盖Web、移动端H5、小程序、快应用等多端形态。随之而来的是海量日志数据的爆发式增长——从浏览器控制台输出到移动端性能埋点，从用户行为轨迹到API调用异常，这些日志分散在不同终端、格式异构，传统的人工分析或规则引擎已难以应对。本文将系统阐述AI技术如何赋能大前端日志分析，从日志采集到智能诊断的全流程解决方案，结合实际案例展示如何利用机器学
  • 5V转4.2V 300mA可调输出LDO芯片AH5233详解 h13728697869 嵌入式硬件
    1.芯片概述AH5233是一款超低压差（LDO）稳压芯片，具有宽输入电压范围（1.5V-5.5V）和可调输出电压（0.8V-5.0V），适用于便携式设备、IoT模块等低功耗场景。关键特性：✅输出电压可调：0.8V~5.0V（适用于锂电池供电4.2V）✅最大输出电流：400mA（300mA稳定工作）✅极低压差：100mV@100mA（提高电源效率）✅高精度：±1%（稳定可靠）✅超低静态电流：10μA
  • 一：以理论结合实践方式梳理前端 React 框架 ——— 初识 React 框架 十三餍 React专栏javascriptes6前端
    初识React框架假设我们并不了解node&npm的情况下，使用最被大家熟知的方法：脚本引入方式，来开始学习react框架。官方文档：https://react.docschina.org/创建第一个应用管他三七二十一，先整一个项目再说：在你习惯放置学习代码的地方，建个目录（例：F:\wwwroot\react-demo），并建一个demo01.html，搭好html5格式：DocumentRea
  • UniApp Vue3 模式下实现页面跳转的全面指南
    1.引言1.1UniApp与Vue3的结合优势UniApp是一个使用Vue.js开发所有前端应用的框架，支持编译到iOS、Android、H5、以及各种小程序平台。Vue3提供了更高效的响应式系统和CompositionAPI，使开发体验更加现代化和灵活。1.2页面跳转在应用开发中的重要性页面跳转是用户交互的核心功能之一，良好的跳转逻辑可以提升用户体验并增强应用结构的清晰度。2.UniApp原生导
  • 前端页面结构介绍 斯kk 前端前端
    前端页面中常见的标签结构通常遵循HTML5标准，以下是典型的结构分类和示例：1.文档基础结构页面标题：声明文档类型。：根标签，通常包含语言声明（lang属性）。：存放元数据、引用的CSS/JS等。：页面可见内容。2.内容分区标签网站页眉（Logo/导航）主导航链接独立内容（如博客文章）内容区块（通常带标题）侧边栏/附加内容页脚（版权/联系方式）语义化标签：HTML5引入的语义化标签，提升可读性和S
  • vue在ios手机上的一些问题（这次写的h5公众号）和后面补充的小程序问题 摆烂兔 小程序uniappvue营地html5vue.js小程序uni-app
    坑一：使用定位fixed，底部导航不显示，代码我就不写，总结就是定位套定位，心累代码太多不想贴；坑二：禁止页面放大缩小，解决：Vue移动端禁止页面放大缩小_fuf_xyxnxss的博客-CSDN博客_移动端禁止放大缩小坑三：移动端h5页面禁止长按选择复制，解决：移动端h5页面禁止长按选择复制_艾欢欢的博客-CSDN博客坑四：苹果手机IOS点击输入框弹出键盘后，所有按钮点击位置上移，解决：苹果手机I
  • App Trace功能实战：一键拉起、快速安装与免提写邀请码的应用实践 tongjiwenzhang 经验分享信息可视化大数据携带参数安装
    一、功能概述与业务价值作为移动端技术负责人，我们实现的AppTrace系统已成为公司用户增长的核心引擎。这套系统通过三大功能显著提升了关键指标：一键拉起：将H5/广告页用户转化率提升47%快速安装：应用商店跳转安装成功率提升至92%免提写邀请码：邀请注册转化率提高63%二、技术架构与实现细节1.一键拉起的技术实现Android端实现方案：//DeepLink路由分发器classTraceRoute
  • javascript基础从小白到高手系列四千八百七十二：数值范围
    除了"email"和"url"，HTML5还定义了其他几种新的输入元素类型，它们都是期待某种数值输入的，包括：“number”、“range”、“datetime”、“datetime-local”、“date”、“month”、“week”和"time"。并非所有主流浏览器都支持这些类型，因此使用时要当心。浏览器厂商目前正致力于解决兼容性问题和提供更逻辑化的功能。本节内容更多地是介绍未来趋势，而
  • 在小程序中实现实时聊天：WebSocket最佳实践 向明天乄 小程序websocket网络协议
    前言在当今互联网应用中，实时通信已经成为一个标配功能，特别是对于需要即时响应的场景，如在线客服、咨询系统等。本文将分享如何在小程序中实现一个高效稳定的WebSocket连接，以及如何处理断线重连、消息发送与接收等常见问题。WebSocket简介WebSocket是HTML5提供的一种在单个TCP连接上进行全双工通讯的协议。相比传统的HTTP请求，WebSocket具有以下优势：持久连接：一次握手，
  • uniapp路由拦截解决方案 柏昕凤Driscoll
    uniapp路由拦截解决方案【下载地址】uniapp路由拦截解决方案uniapp路由拦截解决方案为开发者提供了高效的路由管理工具，支持vue2和vue3版本。通过`uni.addInterceptor`API，开发者可以轻松实现路由跳转的拦截处理，适用于H5及多种小程序平台。该方案不仅支持全拦截功能，还能获取当前路由信息，便于进行更多自定义操作。已在H5、微信小程序、支付宝小程序、抖音小程序等平台
  • RuoYi、Vue CLI 和 uni-app 结合构建跨端全家桶方案 速易达网络 vue.jsjavascript低代码
    将RuoYi、VueCLI和uni-app结合构建跨端全家桶方案，可以实现一套代码管理后台系统（PC）和移动端应用（H5/小程序/App）。以下是整合思路和关键步骤：技术栈分工RuoYi：后端框架（SpringBoot+MyBatis）VueCLI：PC管理后台前端（基于Vue2+ElementUI）uni-app：移动端应用（一套代码编译到H5/小程序/App）整体架构关键实现步骤1.后端统一A
  • java责任链模式 3213213333332132 java责任链模式村民告县长
    责任链模式，通常就是一个请求从最低级开始往上层层的请求，当在某一层满足条件时，请求将被处理，当请求到最高层仍未满足时，则请求不会被处理。 就是一个请求在这个链条的责任范围内，会被相应的处理，如果超出链条的责任范围外，请求不会被相应的处理。 下面代码模拟这样的效果： 创建一个政府抽象类,方便所有的具体政府部门继承它。 package 责任链模式; /** *
  • linux、mysql、nginx、tomcat 性能参数优化 ronin47
    一、linux 系统内核参数 /etc/sysctl.conf文件常用参数 net.core.netdev_max_backlog = 32768 #允许送到队列的数据包的最大数目 net.core.rmem_max = 8388608 #SOCKET读缓存区大小 net.core.wmem_max = 8388608 #SOCKET写缓存区大
  • php命令行界面 dcj3sjt126com PHPcli
    常用选项 php -v php -i PHP安装的有关信息 php -h 访问帮助文件 php -m 列出编译到当前PHP安装的所有模块 执行一段代码 php -r 'echo "hello, world!";' php -r 'echo "Hello, World!\n";' php -r '$ts = filemtime("
  • Filter&Session 171815164 session
    Filter HttpServletRequest requ = (HttpServletRequest) req; HttpSession session = requ.getSession(); if (session.getAttribute("admin") == null) { PrintWriter out = res.ge
  • 连接池与Spring,Hibernate结合 g21121 Hibernate
            前几篇关于Java连接池的介绍都是基于Java应用的，而我们常用的场景是与Spring和ORM框架结合，下面就利用实例学习一下这方面的配置。         1.下载相关内容：     &nb
  • [简单]mybatis判断数字类型 53873039oycg mybatis
           昨天同事反馈mybatis保存不了int类型的属性,一直报错，错误信息如下:       Caused by: java.lang.NumberFormatException: For input string: "null" at sun.mis
  • 项目启动时或者启动后ava.lang.OutOfMemoryError: PermGen space 程序员是怎么炼成的 eclipsejvmtomcatcatalina.sheclipse.ini
       在启动比较大的项目时，因为存在大量的jsp页面，所以在编译的时候会生成很多的.class文件，.class文件是都会被加载到jvm的方法区中，如果要加载的class文件很多，就会出现方法区溢出异常 java.lang.OutOfMemoryError: PermGen space.     解决办法是点击eclipse里的tomcat，在
  • 我的crm小结 aijuans crm
    各种原因吧，crm今天才完了。主要是接触了几个新技术： Struts2、poi、ibatis这几个都是以前的项目中用过的。 Jsf、tapestry是这次新接触的，都是界面层的框架，用起来也不难。思路和struts不太一样，传说比较简单方便。不过个人感觉还是struts用着顺手啊，当然springmvc也很顺手，不知道是因为习惯还是什么。jsf和tapestry应用的时候需要知道他们的标签、主
  • spring里配置使用hibernate的二级缓存几步 antonyup_2006 javaspringHibernatexmlcache
    ．在spring的配置文件中 applicationContent.xml，hibernate部分加入 xml 代码 <prop key="hibernate.cache.provider_class">org.hibernate.cache.EhCacheProvider</prop> <prop key="hi
  • JAVA基础面试题 百合不是茶 抽象实现接口String类接口继承抽象类继承实体类自定义异常
    /*   * 栈（stack）：主要保存基本类型（或者叫内置类型）（char、byte、short、   *int、long、 float、double、boolean）和对象的引用，数据可以共享，速度仅次于   * 寄存器（register），快于堆。堆（heap）：用于存储对象。   */  &
  • 让sqlmap文件 "继承" 起来 bijian1013 javaibatissqlmap
            多个项目中使用ibatis , 和数据库表对应的 sqlmap文件（增删改查等基本语句)，dao, pojo 都是由工具自动生成的, 现在将这些自动生成的文件放在一个单独的工程中，其它项目工程中通过jar包来引用 ，并通过"继承"为基础的sqlmap文件，dao,pojo 添加新的方法来满足项
  • 精通Oracle10编程SQL(13)开发触发器 bijian1013 oracle数据库plsql
    /* *开发触发器 */ --得到日期是周几 select to_char(sysdate+4,'DY','nls_date_language=AMERICAN') from dual; select to_char(sysdate,'DY','nls_date_language=AMERICAN') from dual; --建立BEFORE语句触发器 CREATE O
  • 【EhCache三】EhCache查询 bit1129 ehcache
    本文介绍EhCache查询缓存中数据，EhCache提供了类似Hibernate的查询API，可以按照给定的条件进行查询。   要对EhCache进行查询，需要在ehcache.xml中设定要查询的属性   数据准备 @Before public void setUp() { //加载EhCache配置文件 Inpu
  • CXF框架入门实例 白糖_ springWeb框架webserviceservlet
    CXF是apache旗下的开源框架，由Celtix + XFire这两门经典的框架合成，是一套非常流行的web service框架。 它提供了JAX-WS的全面支持，并且可以根据实际项目的需要，采用代码优先（Code First）或者 WSDL 优先（WSDL First）来轻松地实现 Web Services 的发布和使用，同时它能与spring进行完美结合。 在apache cxf官网提供
  • angular.equals boyitech AngularJSAngularJS APIAnguarJS 中文APIangular.equals
    angular.equals   描述: 比较两个值或者两个对象是不是 相等。还支持值的类型，正则表达式和数组的比较。   两个值或对象被认为是 相等的前提条件是以下的情况至少能满足一项： 两个值或者对象能通过=== （恒等） 的比较 两个值或者对象是同样类型，并且他们的属性都能通过angular
  • java-腾讯暑期实习生-输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A[0]*A[1]*...*A[i-1]*A[i+1] bylijinnan java
    这道题的具体思路请参看 何海涛的微博：http://weibo.com/zhedahht import java.math.BigInteger; import java.util.Arrays; public class CreateBFromATencent { /** * 题目：输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A
  • FastDFS 的安装和配置 修订版 Chen.H linuxfastDFS分布式文件系统
    FastDFS Home:http://code.google.com/p/fastdfs/ 1. 安装 http://code.google.com/p/fastdfs/wiki/Setup http://hi.baidu.com/leolance/blog/item/3c273327978ae55f93580703.html 安装libevent (对libevent的版本要求为1.4.
  • [强人工智能]拓扑扫描与自适应构造器 comsci 人工智能
          当我们面对一个有限拓扑网络的时候,在对已知的拓扑结构进行分析之后,发现在连通点之后,还存在若干个子网络,且这些网络的结构是未知的,数据库中并未存在这些网络的拓扑结构数据....这个时候,我们该怎么办呢?       那么,现在我们必须设计新的模块和代码包来处理上面的问题
  • oracle merge into的用法 daizj oraclesqlmerget into
    Oracle中merge into的使用 http://blog.csdn.net/yuzhic/article/details/1896878 http://blog.csdn.net/macle2010/article/details/5980965 该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据. ORACLE 9i 中，使用此命令必须同时指定UPDATE 和INSE
  • 不适合使用Hadoop的场景 datamachine hadoop
    转自：http://dev.yesky.com/296/35381296.shtml。 　　Hadoop通常被认定是能够帮助你解决所有问题的唯一方案。 当人们提到“大数据”或是“数据分析”等相关问题的时候，会听到脱口而出的回答：Hadoop!  实际上Hadoop被设计和建造出来，是用来解决一系列特定问题的。对某些问题来说，Hadoop至多算是一个不好的选择，对另一些问题来说，选择Ha
  • YII findAll的用法 dcj3sjt126com yii
    看文档比较糊涂，其实挺简单的： $predictions=Prediction::model()->findAll("uid=:uid",array(":uid"=>10));   第一个参数是选择条件：”uid=10″。其中:uid是一个占位符，在后面的array(“:uid”=>10)对齐进行了赋值； 更完善的查询需要
  • vim 常用 NERDTree 快捷键 dcj3sjt126com vim
    下面给大家整理了一些vim NERDTree的常用快捷键了，这里几乎包括了所有的快捷键了，希望文章对各位会带来帮助。 切换工作台和目录 ctrl + w + h 光标 focus 左侧树形目录ctrl + w + l 光标 focus 右侧文件显示窗口ctrl + w + w 光标自动在左右侧窗口切换ctrl + w + r 移动当前窗口的布局位置 o 在已有窗口中打开文件、目录或书签，并跳
  • Java把目录下的文件打印出来 蕃薯耀 列出目录下的文件文件夹下面的文件目录下的文件
    Java把目录下的文件打印出来 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月11日 11:02:
  • linux远程桌面----VNCServer与rdesktop hanqunfeng Desktop
    windows远程桌面到linux，需要在linux上安装vncserver，并开启vnc服务，同时需要在windows下使用vnc-viewer访问Linux。vncserver同时支持linux远程桌面到linux。   linux远程桌面到windows，需要在linux上安装rdesktop，同时开启windows的远程桌面访问。   下面分别介绍，以windo
  • guava中的join和split功能 jackyrong java
    guava库中，包含了很好的join和split的功能，例子如下： 1） 将LIST转换为使用字符串连接的字符串    List<String> names = Lists.newArrayList("John", "Jane", "Adam", "Tom");
  • Web开发技术十年发展历程 lampcy androidWeb浏览器html5
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • 架构师之mima-----------------mina的非NIO控制IOBuffer(说得比较好) nannan408 buffer
    1.前言。   如题。 2.代码。   IoService IoService是一个接口，有两种实现：IoAcceptor和IoConnector；其中IoAcceptor是针对Server端的实现，IoConnector是针对Client端的实现；IoService的职责包括： 1、监听器管理 2、IoHandler 3、IoSession
  • ORA-00054:resource busy and acquire with NOWAIT specified Everyday都不同 oraclesessionLock
    [Oracle] 今天对一个数据量很大的表进行操作时，出现如题所示的异常。此时表明数据库的事务处于“忙”的状态，而且被lock了，所以必须先关闭占用的session。   step1，查看被lock的session：   select t2.username, t2.sid, t2.serial#, t2.logon_time from v$locked_obj
  • javascript学习笔记 tntxia JavaScript
      javascript里面有6种基本类型的值:number、string、boolean、object、function和undefined。number：就是数字值，包括整数、小数、NaN、正负无穷。string:字符串类型、单双引号引起来的内容。boolean:true、false object:表示所有的javascript对象，不用多说function:我们熟悉的方法，也就是
  • Java enum的用法详解 xieke90 enum枚举
    Java中枚举实现的分析：     示例：  public static enum SEVERITY{ INFO,WARN,ERROR }     enum很像特殊的class，实际上enum声明定义的类型就是一个类。 而这些类都是类库中Enum类的子类      (java.l
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他