html5 | 易学教程

大华海康摄像头视频拉流

阅读更多关于大华海康摄像头视频拉流

流程技术海康&大华&DSS获取RTSP 实时流海康： rtsp://[username]:[password]@[ip]:[port]/[codec]/[channel]/[subtype]/av_stream 说明： username: 用户名。例如admin。 password: 密码。例如12345。 ip: 为设备IP。例如 192.0.0.64。 port: 端口号默认为554，若为默认可不填写。 codec：有h264、MPEG-4、mpeg4这几种。 channel: 通道号，起始为1。例如通道1，则为ch1。 subtype: 码流类型，主码流为main，辅码流为sub。栗子： IPC rtsp://admin:123456@192.168.18.105:554/h264/ch1/main/av_stream NVR rtsp://admin:123456@192.168.18.106:554/Streaming/Channels/101 说明： 101，第一个1代表通道，最后一个1代表麻溜。大华： rtsp://[username]:[password]@[ip]:[port]/cam/realmonitor?channel=1&subtype=0 说明: username: 用户名。例如admin。 password: 密码。例如admin。 ip:

2018年前端年末小结

阅读更多关于 2018年前端年末小结

前言：2018年即将接近尾声，现对前端基础做一个小结与巩固。【一、HTML+CSS】：  <!DOCTYPE html>  <html> <head>  <meta charset="utf-8"> <title>网页标题</title>  <style type="text/css"> #div1, #div2{ width:150px; height:50px; margin:10px 0;padding:10px;border:1px solid #aaaaaa; } p:first-child{ background:yellow; } a:hover{ /* text-decoration:none; */ border: 1px solid; padding: 5px; border-radius: 50%; } </style>  <link rel="stylesheet" type="text/css" href="#"/> <!-- <script

使用formdata等格式传参调用服务一些写法

阅读更多关于使用formdata等格式传参调用服务一些写法

使用formdata等格式传参调用服务一些写法使用axios,set或者append都可以 let formData = new FormData() formData.set('body', params[0]) formData.set('companyName', params[1]); formData.set('payType', params[2]); formData.set('orderNum', params[3]); formData.set('total_fee', params[4]); formData.set('token', params[5]); axios({ method: 'post', url: `${urlConfig.pcPay}`, data: formData, headers: { 'Content-Type':'multipart/form-data',//'application/json;charset=UTF-8' 'token': localStorage.getItem('token') } }).then(function (response) { return response; } ) .catch(function (error) { return error; }); 使用request const

不知道这些网站还做什么程序员啊！

阅读更多关于不知道这些网站还做什么程序员啊！

今天我就来总结一些程序员必备的网站，囊括开源项目、解决bug、技术分享、一线资源和自我提升的网站，希望能对广大程序猿有所帮助，赶紧给我收藏起来，下次刷不到了可别说我没提醒你。我们首先来看一下国内比较流行的程序员社区： 1、CSDN： https://blog.csdn.net/linuxguitu 老牌社区也挺好，就是广告和低质量内容多些，这个基本都是直接搜索结果跳转，犯懒不想看英文时候的选项。缺点就是鱼龙混杂，需要大家的甄别能力 2、segmentfault： https://segmentfault.com/u/chenbeiyou SegmentFault创立于2012年，是中文领域较大的技术问答交流社区平台，在这里你可以检索，交流和分享任何技术编程相关的问题及知识。产品原型来自于国外程序员问答社区StackOverflow，但其产品形态经过一年多的发展，已经有问答、博客、活动等，它还是多个***马拉松活动的组织方。 3、知乎： https://www.zhihu.com/people/nan-gui-72-90-50 这个不用多说了吧，知乎是国内最大网络问答社区，连接各行各业的用户。其中程序员一直占据着半壁江山，老码农们分享着彼此的知识、经验和见解，为中文互联网源源不断地提供多种多样的信息。 4、哔哩哔哩： https://space.bilibili.com

软件架构设计网页端轮询策略：轮询、长轮询、长连接、websocket

阅读更多关于软件架构设计网页端轮询策略：轮询、长轮询、长连接、websocket

目录 ①轮询 ②长轮询（comet） ③长连接（SSE） ④WebSocket 四种Web即时通信技术比较 web端即时通讯技术：即时通讯技术简单的说就是实现这样一种功能：服务器端可以即时地将数据的更新或变化反应到客户端，例如消息即时推送等功能都是通过这种技术实现的。但是在Web中，由于浏览器的限制，实现即时通讯需要借助一些方法。这种限制出现的主要原因是，一般的Web通信都是浏览器先发送请求到服务器，服务器再进行响应完成数据的现实更新。　　实现Web端即时通讯的方法：实现即时通讯主要有四种方式，它们分别是轮询、长轮询(comet)、长连接(SSE)、WebSocket。它们大体可以分为两类，一种是在HTTP基础上实现的，包括短轮询、comet和SSE；另一种不是在HTTP基础上实现是，即WebSocket。下面分别介绍一下这四种轮询方式，以及它们各自的优缺点。 ①轮询　　短轮询的基本思路就是浏览器每隔一段时间向浏览器发送http请求，服务器端在收到请求后，不论是否有数据更新，都直接进行响应。这种方式实现的即时通信，本质上还是浏览器发送请求，服务器接受请求的一个过程，通过让客户端不断的进行请求，使得客户端能够模拟实时地收到服务器端的数据的变化。　　这种方式的优点是比较简单，易于理解，实现起来也没有什么技术难点。缺点是显而易见的，这种方式由于需要不断的建立http连接

input type类型和input表单属性

阅读更多关于 input type类型和input表单属性

一、input type类型 1.Input 类型 - email 在提交表单时，会自动验证 email 域的值。 E-mail: < input type ="email" name ="user_email" /> 当不符合邮箱的时候会自动弹出 2.Input 类型 - url url 类型用于应该包含 URL 地址的输入域。在提交表单时，会自动验证 url 域的值。 Homepage: < input type ="url" name ="user_url" /> 错误时提示 3.Input 类型 - number number 类型用于应该包含数值的输入域。您还能够设定对所接受的数字的限定： Points: < input type ="number" name ="points" min ="1" max ="10" /> 可以店家右边上下箭头加减，当不符合的时候属性值描述 max number 规定允许的最大值 min number 规定允许的最小值 step number 规定合法的数字间隔（如果 step="3"，则合法的数是 -3,0,3,6 等） value number 规定默认值 4.Input 类型 - range range 类型用于应该包含一定范围内数字值的输入域。 range 类型显示为滑动条。您还能够设定对所接受的数字的限定： <

Android之webview详解(非原创）

阅读更多关于 Android之webview详解(非原创）

文章大纲一、webview基本介绍 1.什么是webview 2.为什么要使用webview 3.webview基本操作二、webview高级使用 1.WebView状态 2.资源加载 3.WebView加载优化 4.数据缓存 5.Android 和 JavaScript 交互 6.网页前进与后退 7.内存管理 8.Cookie操作 9.页面监听与拦截 10.定位设置 11.常见问题处理三、参考文章 webview基本介绍 1.什么是webview WebView是 Android 中的原生UI控件，主要用于在app应用中方便地访问远程网页或本地html资源。同时，WebView也在Android中充当 Java 代码和JS代码之间交互的桥梁。实际上，也可以将WebView看做一个功能最小化的浏览器。 2.为什么要使用webview 目前很多公司的 App 使用一个 WebView 作为网页加载， App 中的所有网页内容使用 HTML5 进行展示，这样只需要写一次 HTML5 代码，就可以在 Android 和 iOS 平台上运行，这就是所谓的跨平台。随着 HTML5 的普及，很多 App 都会内嵌 WebView 来加载 HTML5 页面，即原生和HTML5 共存，这就是当下最流行的「混合开发」。HTML5 最大的优势是迭代方便, 只需要修改服务端的

IETF和W3C的区别

阅读更多关于 IETF和W3C的区别

国际互联网协会ISOC和万维网联盟W3C是互联网领域内两大国际协会组织，ISOC旗下IETF机构与W3C是互联网行业内两大标准组织。不可否认「IETF和W3C都是优秀的组织，它们从事着一种使事情按程序运作的令人兴奋的工作」，「它们是计算机工业的伟大贡献者，它们就是开放的标准」。　　W3C是全球互联网最具权威的技术标准化组织，之所以被业界所推崇，离不开其创始人、被业界公认为「互联网之父」的伯纳斯·李。如果伯纳斯·李当初为自己发明的「WWW」申请专利，他现在可以在金钱上与盖茨一比高低，但是他选择了无偿的向全世界开放，让所有人都有机会接触到互联网。　　伯纳斯·李获得的荣誉　　1997年他获得不列颠帝国官佐勋章（不列颠帝国勋章是英国授勋及嘉奖制度中的一种骑士勋章），2001年英国皇家学会院士，2002年获日本国际奖（日本国际科学技术财团所颁发的奖项，奖励那些对科学技术的发展、人类的和平与繁荣做出了重大贡献的在世人物）。　　1999年《时代》将他列入20世纪最有影响的100名英国人之一。　　2002年他与劳伦斯·罗伯茨、鲍伯·卡恩和文顿·瑟夫分享阿斯图里亚斯亲王奖（这个奖原是西班牙本国最高等级的学院奖，现已面向全世界）。　　2004年4月15日伯纳斯-李因发明万维网被提名为芬兰的首届千禧技术奖（全球单项奖励金额最高的科技奖项）第一名得奖者。6月15日芬兰总统塔里娅

html中的表单标签及表单元素

阅读更多关于 html中的表单标签及表单元素

1、表单标签 <form action="提交地址" method="提交方式"></form> 表单边框标签：fieldset 2、表单元素分为三类：（1）文本类型：　　　　文本框：text 属性有：disabled（不可操作）、readonly（只读）、placeholder（默认提示文字）账号：<input type= " text " > 　　　　密码框：password 密码：<input type="password"> 　　　　隐藏域：hidden 　　　　多行文本（特殊格式）：textarea <textarea name="" id="" ></textarea> （2）选择类型：　　　　单选：radio 属性有：disabled（不可操作）、checkbox（默认选中的）性别：<input type="radio">男　　 <input type="radio">女　　　　多选：checkbox 爱好：<input type="checkbox">打游戏　　　<input type="checkbox">看电视　　 <input type="checkbox">看书　　　　下拉（特殊格式）：select option 属性（option的属性）：selected（默认选中）、multiple（全部显示）属性（select的属性）：size

Spring MVC+Mybatis+cms实现UC浏览器文章相关功能

阅读更多关于 Spring MVC+Mybatis+cms实现UC浏览器文章相关功能

最近公司在模拟UC浏览器做一个简单的cms系统，主要针对于企业内部的文章浏览需求，这边考虑用户大多用mobile浏览文章内容，故使用原生的ios和android进行开发，后面也会集成html5。 1. 使用前后端分离解决方案（服务化的方式） 2. 文章分为普通类型、视频类型、图文类型 3. 浏览详情 4. 相关文章 5. 文章浏览统计 6. 个性化频道 7. 文章评论 8. 用户登录、注册、第三方登录 9. 我的收藏 10. 文章分享到微信、qq 这边功能就不一一列了，直接上图：到此结束，后期我会把技术解决方案和代码贴出来供大家学习！（企业架构源码可以加求球：叁五三陆二肆柒二伍玖）来源： oschina 链接： https://my.oschina.net/u/4747287/blog/4710001

订阅 html5