html5

任何一个重视数据的公司与部门，都不会忽略前端埋点数据上报的作用。 从直观上看，前端的埋点上报方案有啥难的呀？不就是将用户行为数据收集上来，就可以了么？ 从实际开发经验来回答：实际上并没有那么简单。为了能够将收集的用户数据最终展示并从中分析得出有意义的数据，这其中涉及的细节比想象的要多。 在本文中，我们会从两个方面来思考数据埋点上报的过程：数据收集与数据上报。 数据收集 对于数据收集的过程，我们不会对数据上报方式做区分（如常见的埋点上报与无埋点上报），而重点思考不管哪种上报方式都通用的技术点。重点考察如下基本的数据信息：UV、PV、应用浏览总时长。 UV 针对UV的统计维度有两个：注册用户与未注册用户。 注册用户好说，只需要有应用中注册用户的唯一标识符即可。 对于未注册用户，如何识别这是一个用户呢？在这种情况下，问题会转化为：如何识别一个设备？ 如何识别一个设备？ 最容易想到的就是利用浏览器的存储功能：cookie、localStorage等。具体做法是：在用户首次加载页面的时候，将UUID（如随机生成的字符串）放入到存储中，这种方案是最简单的，其中： Cookie 有生命时长限制并且有容量大小的限制。 localStorage 会永久保存，并且在容量方面比cookie大得多。 所以，使用localStorage就会比cookie更有效。但是，基于浏览器存储功能的方案

准备开始 本教程将让所有开发人员学会Cesium应用程序运行和并提高水平。 确保你的浏览器已经准备好了 验证Cesium在web浏览器中工作的最简单方法是通过 点击这里 ，运行Hello World示例(打开一个新窗口)。如果你看到下面的图片，恭喜你，你的系统可以运行Cesium，你可以安全地跳到下一节;否则,继续阅读。 Cesium是建立在几种新的HTML5技术上的，其中最重要的是 WebGL 。尽管这些新标准很快被广泛采用，但一些浏览器和系统需要更新以支持它们。如果示例应用程序不适合您，这里有一些需要尝试的东西。 更新您的web浏览器。大多数Cesium团队使用谷歌Chrome，但火狐、Internet Explorer 11和Opera也将工作。如果您已经使用了上述浏览器中的一个，请确保它已更新到最新版本。 更新你的显卡驱动，以更好地支持3D。如果你知道你有什么类型的视频卡，你可以检查供应商网站进行更新。最受欢迎的三个是: Nvidia , AMD , 和 Intel 。 如果您仍然有问题，请尝试访问 http://get.webgl.org/ ，它提供了额外的解决问题的建议。你也可以在 Cesium forum （论坛）上寻求帮助。 选择编辑器或IDE 如果您已经是一个经验丰富的开发人员，那么您很可能拥有一个最喜欢的编辑器或开发环境;例如，大多数铯团队都使用 Eclipse

常见的兼容性问题 浏览器有着大量不同的版本，不同种类的浏览器的内核也不尽相同，所以不同浏览器对代码的解析会存在差异，这就导致对页面渲染效果不统一的问题。 初始化样式 因浏览器兼容的问题，不同的浏览器对标签的默认样式值不同，如果不初始化会造成不同浏览器之间的显示差异，布局出现错乱，所以要初始化样式，达到统一的布局。 最粗暴的方案就是使用 * 初始化样式，但是其会对于所有的标签加载样式以及计算样式优先级，可能会对性能有所影响。 * { margin: 0; padding: 0; } 通常使用 Normalize.css 抹平默认样式差异，当然也可以根据样式定制自己的 reset.css 。 <link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.min.css" rel="stylesheet"> 内核样式兼容 在 CSS3 标准还未确定时，部分浏览器已经根据最初草案实现了部分功能，为了与之后确定下来的标准进行兼容，所以每种浏览器使用了自己的私有前缀与标准进行区分，当标准确立后，各大浏览器将逐步支持不带前缀的 CSS3 新属性，目前已有很多私有前缀可以不写了，但为了兼容老版本的浏览器，可以仍沿用私有前缀和标准方法，逐渐过渡。 内核 代表浏览器 前缀 Trident IE浏览器 -ms Gecko Firefox

由重庆筑智建建筑科技有限公司研发的SPDQD 质量数据云，是一套面向广大施工技术人员，针对施工现场质量技术资料在线编制、管理，支持多人实时在线协作的工具。 下面，让我们一起来看看重庆筑智建建筑科技有限公司是如何在“SPDQD 质量数据云”项目中应用表格技术实现“文档协同编辑”和“数据填报”等功能模块的。 项目背景 “SPDQD质量数据云” 是国内首个针对施工资料的在线编制工具，面向广大施工技术人员，提供施工现场质量技术资料的在线编制、管理、多人实时在线协作等功能。 该工具内置专业可靠的国标、地标表格模板，丰富的范例以及填表说明，加上各种高效的填表辅助手段，充分融合了实时协同、云服务、文件分享、数据分析等功能，可大幅提高了质量数据管理的工作效率。 SPQQD的出现，旨在通过免安装、项目资料云存储、文档云共享、项目云协作、数据分析等方式，改变传统资料创建模式，让施工资料管理走向数字信息化，让施工技术人员的工作更加便捷高效。 项目截图 （在线设计质量验收报告） （在线打印预览） （在线录入数据） （自定义特殊符号） （表格模板富文本编辑框） 选择表格控件 SpreadJS 的主要原因 1. 系统提供的表格功能均基于纯前端表格控件SpreadJS二次开发，不仅高度还原了 Excel 的操作模式和布局，还实现了报告模板的在线设计和数据录入。 2. 借助种类丰富的表格模板和范例说明

本人前端工作10年，结合了常见的"前端技术栈"文章，另外加上我在实际工作的经验（尤其是腾讯、字节跳动工作），汇总而成得到本文的前端技术栈。 在一般技术栈基础上，我标记了4种颜色，分别代表初级入门、工程师、资深工程师、高级工程师的技能要求。 这个划分，不直接对等某个公司的职级，只是我个人的一个简单划分，算是对一些刚入行的朋友的学习路线建议。 我的划分理由大概是这样的： 1.初级入门，只需要认识基本的语法、学会某个框架（例如vue），然后跟着公司项目照葫芦画瓢即可； 2.工程师，已经是团队中的熟练工，已经不需要跟别人做，需要对前端项目有整体的认识，能自行搭建一个新的小型项目架构，解决一些难题。此时需要对webpack、计算机基础都有更多认识，而且对编程思想有一些个人的见解； 3.资深工程师，除了工程师的理论知识和普适性技能外，对某个领域分支应该有丰富的实践经验，例如客户端兼容性、Nodejs高性能服务、动画类开发等； 4.高级工程师，一般是团队中的骨干，能带头分析业务的各种难题，包括需求实现的难题和性能优化难题，尤其是性能优化。这需要对所有知识点除了广度外，还要有针对性的深度学习和实践，给项目带来实际性的优化。 XMIND源文件，请到Github下载： https://github.com/kenkozheng/HTML5_research/tree/master

基础篇： Html5中Canvas绘制、样式详解（不包含动画部分） 此篇为后续 目录 1. 状态的保存和恢复 2. translate移动 3. 旋转Rotating 4. 缩放Scaling ​ 5. 图形相互交叉显示规则 6. 裁切路径 7. 动画基本步骤 8. canvas相关的动画js框架 1.状态的保存和恢复 save() 保存画布(canvas)的所有状态 restore() save 和 restore 方法是用来保存和恢复 canvas 状态的，都没有参数。Canvas 的状态就是当前画面应用的所有样式和变形的一个快照。 Canvas状态存储在栈中，每当save()方法被调用后，当前的状态就被推送到栈中保存。一个绘画状态包括： 当前应用的变形（即移动，旋转和缩放，见下） 以及下面这些属性：strokeStyle, fillStyle, globalAlpha, lineWidth, lineCap, lineJoin, miterLimit, lineDashOffset, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, globalCompositeOperation, font, textAlign, textBaseline, direction, imageSmoothingEnabled

问题： In order to define charset for HTML5 Doctype , which notation should I use? 为了为 HTML5 Doctype 定义字符集，我应该使用哪种表示法？ Short: 短： <meta charset="utf-8" /> Long: 长： <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 解决方案： 参考一： https://stackoom.com/question/Jhlz/meta-charset-utf-与-meta-http-equiv-Content-Type 参考二： https://oldbug.net/q/Jhlz/meta-charset-utf-8-vs-meta-http-equiv-Content-Type 来源： oschina 链接： https://my.oschina.net/u/4428122/blog/4303338

源码介绍： 　　海康摄像头web端无插件播放是指设置好摄像头参数后，即可在web浏览器不安装任何自定义插件即可实现流程播放。 　　系统通过拉取海康rtsp流，在用户点击观看时，自动将流转换为rtmp与hls流，推送到自定义流媒体服务器，实现web端 flash播放与html5原生播放。 如有需求，可在线留言或者发消息都可以，看到后会第一时间回复。 目前支持如下功能： 在线观看、摄像头转动调焦操作、视频录制、分屏播放等。 系统介绍： 使用web端播放无需插件（支持flash 与 html播放器 直接播放） 手机/微信端可以实时播放 rtsp流转rtmp,rtsp转hls 系统web端基于.net core 开发，推流、录制端基于.net 开发。 自动推流，无人观看时自动关闭推流 录制设置 提供第三方API，可单独部署作为单独应用使用，也可与任意第三方业务系统进行对接。 运行效果 来源： oschina 链接： https://my.oschina.net/u/4374904/blog/4496608

作者：ivx-ih5master 链接：https://www.zhihu.com/question/65302820/answer/308234634 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 这个是讨论未来的趋势，不是讨论现在的情况。既然是趋势，我们先看一下未来设备和环境的基本趋势： 手机速度越来越快 — H5可以在手机上运行比较好是在2014年，现在手机速度，超过那个时候10倍以上吧； 网络速度越来越快，成本越来越低 — 这个也是不争的事实，前些年，手机上网是按M收费的，现在都包月了； 浏览器、系统对HTML5支持都越来越好 — JS运行速度、对象渲染也越来越快；3D、视频、游戏引擎支持也越来越好； 所有大型平台对H5也是支持越来越好 — H5的开放性决定了这一点。 接下来，我们看一下HTML，也就是H5的经常被大家诟病的劣势： 运行速度慢；（从趋势上来讲，劣势越来越不明显） 需要连网。（基本上国内找到不能上网的地方已经很难了） 再看一下H5的优势：（通用和跨平台性） 生产内容成本最低的，哪怕是写代码也是；（当然用类似iH5这样的工具成本会更低） 用户分享成本最低；（因为所有平台几乎都支持网页的内容和应用） 用户使用的成本最低。（因为是SaaS的，所以不用安装、升级、卸载；你可以一秒装1000个Web App，下一秒删掉 999个）

　　Java学成什么样子可以出去实习?主要还是看公司需求! 　　公司类型，规模，对Java程序员的需求的多少，对Java程序员的不同要求，都决定了你学成什么样子可以实习! 　　但Java基础，数据库，前端，Java web，框架等都是需要有一定的掌握的。如果有项目经验，找工作会更好。当然，如果有更深层次的分布式架构、服务器虚拟化技术、企业开发解决方法等知识，能更好的找到工作哦! 　　如果你想找工作，下面这套2020年Java中高级程序员学习线路图能帮到你! 　　一、Java基础 　　JavaSE基础是Java中级程序员的起点，是帮助你从小白到懂得编程的必经之路。 　　在Java基础板块中有6个子模块的学习： 　　1.基础语法，可帮助你建立基本的编程逻辑思维; 　　2.面向对象，以对象方式去编写优美的Java程序; 　　3.集合，后期开发中存储数据必备技术; 　　4.IO，对磁盘文件进行读取和写入基础操作; 　　5.多线程与并发，提高程序效率; 　　6.异常，编写代码逻辑更加健全; 　　7.网络编程，应用服务器学习基础，完成数据的远程传输。 　　8.学习该阶段，可以完成一些简单的管理系统、坦克大战游戏、QQ通信等。 　　二、数据库 　　数据库不仅仅是Java开发工程师的必学课程，也是其他语言都需要掌握的技能。用于对交互过程中客户的数据进行存储。