html5

前端面试题(重点整理):谈谈你对web标准和W3c的认识、什么是ECMA、什么是html、浏览器和开发工具介绍

喜你入骨 提交于 2020-10-10 18:13:55
目录 一、对web标准和W3C的认识 1.1 web标准 1.2 W3C的认识 二、什么是ECMA 三、什么是html 四、浏览器和开发工具介绍 4.1 浏览器介绍 4.2 开发工具介绍 一、对web标准和W3C的认识 1.1 web标准 所有的html标签都要小写。 这些标签都是成双成对的。(准确的说是这些标签都要关闭)。 标签可以嵌套,但是不能交叉嵌套。 1.2 W3C的认识 W3C: 万维网联盟 主要负责web标准制定,html5就是他们制定的标准。(html/css这些写法) 二、什么是ECMA ECMA是European Computer Manufacturers Association的缩写,即欧洲计算机制造商协会。 ECMA这个组织指定了一个标准叫ECMA-262,凡是按照这个标准设计出来的脚本语言都叫 ECMAScript。 JavaScript和JScript都是按照ECMA-262这个标准设计出来的。 所以我们学习的javasript语言就属于ECMAScript。 ES5 \ ES6说的就是ECMAScript5和ECMAScript6 . 三、什么是html 超文本标记语言(英语:HyperText Markup Language,简称:HTML) 是一种用于创建网页的标准标记语言。 HTML目前最新版本是html5,简称H5 , 就是第5代HTML

SpreadJS 纯前端表格控件应用案例:医疗行业智能报表系统

此生再无相见时 提交于 2020-10-10 08:02:39
由西安几何数字信息技术有限公司(简称:几何数字)推出的医疗行业智能报表系统,通过嵌入纯前端表格控件 SpreadJS,实现了拖拽式操作和丰富的可视化指标体系,可助您轻松自如地完成数据透视分析、自助分析、业务数据探查、报表制作和数据门户搭建等工作,有效提升医院数据化运营能力。 下面,让我们一起来看看几何数字是如何在“医疗行业智能报表系统”中应用表格技术实现“ 类 Excel 报表设计 ”等功能模块的。 一、案例名称:医疗行业智能报表系统 二、企业介绍(客户简介) 西安几何数字信息技术有限公司(简称:几何数字)踏信息化大浪孕育而生,以深入专注卫生信息化领域的专家团队为核心,以先进的专业技术为手段、长期的行业经验积累为后盾,专心致力于为用户量身定做的业务集成整体解决方案。 三、项目背景 医疗行业报表统计,指由各级卫生事业单位汇总计算本地区当期实际发生的利润总额及应上交利税等经济指标。 为使业务人员、管理人员可以从多个角度快速掌握医院的相关状况、趋势,并为医院的决策者提供更为有效和直观的决策信息,几何数字推出了一款针对医疗行业的智能报表系统,该系统通过采集各基层社区的报表数据,进行计算汇总分析,以直观、灵活的方式呈现多维数据分析。 医疗行业智能报表系统,通过智能化的数据建模工具,极大降低了数据的获取成本和使用门槛。通过拖拽式操作和丰富的可视化指标体系,轻松自如地实现数据透视分析、自助分析

GitHub上值得收藏的100个精选前端项目!

狂风中的少年 提交于 2020-10-09 00:32:33
引言 整理与收集的一些比较优秀github项目,方便自己阅读,顺便分享出来,大家一起学习,作者简书上文章会持续更新,版权归原作者所有。 最新更新 codepen 一个在线编辑前端项目的网站,其中有一些前端大神的作品,也有很多令人惊艳的前端效果,可以浏览和下载使用。 codrops 一系列具有相当具有创意且有趣的前端效果的集合,是非常棒的学习资料,可以欣赏和下载使用。并且有些项目,也托管到了github仓库中 docschina 印记中文网收集了由社区翻译的比较流行的前端相关框架、工具的中文版文档。为学习一些新的框架扫平了语言障碍。 toby 超级赞的收集与协作管理书签的chrome插件,前端开发应该都会用chrome。全球超过10W+的用户。 microjs 可以让你选择微型的js类库的网站,该网站里的库都是压缩后不大于5KB的,非常实用,该网站的资源都托管到了github。 plainjs 该仓库都是用原生js写的插件和组件,非常实用,该网站的资源都托管到了github。 目录 综合/资源 面试相关 样式/UI/css 构建工具/预编译 测试/工具 canvas/数据可视化 动画 插件 框架、库和组件 移动端 Node.js相关 模板引擎 WEB编辑器 React相关 编程软实力 浏览器兼容方案 综合/资源 frontend-dev-bookmarks 一个巨大的前端开发资源清单

Web Storage API的介绍和使用

最后都变了- 提交于 2020-10-08 11:34:45
文章目录 简介 浏览器的本地存储技术 Web Storage相关接口 浏览器兼容性 隐身模式 使用Web Storage API 总结 简介 Web Storage为浏览器提供了方便的key value存储,是一种比cookie更加方便简洁的存储方式。也是诸多客户端存储方式中非常常见的一种。 一起来看看吧。 浏览器的本地存储技术 除了最早的使用cookie来进行本地存储之外,现代浏览器使用Web Storage API来方便的进行key/value的存储。 Web Storage有两种存储方式: sessionStorage: 对于每一个访问源,都会维持一个独立的存储区域。只要浏览器不关闭,这些数据都不会消失。 所以这种存储叫做session存储。 注意,这里的session和服务器端的session的意思是不一样的,这里的sessionStorage只是本地的存储,并不会将数据传输到服务器端。 sessionStorage的存储容量要比cookie大得多,可以达到5MB。 localStorage:和sessionStorage类似,也是用来做数据存储的,不同的是localStorage存储的数据不会随着浏览器的关闭而消失。 我可以通过设置过期时间,使用javascript手动删除或者清楚浏览器缓存来清除localStorage。 这两种存储方式是通过Window

SpreadJS 纯前端表格控件应用案例:质量制造执行系统 QMES

本秂侑毒 提交于 2020-10-07 00:53:42
质量制造执行系统 QMES,改变了传统制造过程中,针对产品检验质量管理环节粗放式的控制方式,实现了生产全过程质量精细化管理,从很大程度上影响了现场质量控制和质量持续改进。 下面,让我们一起来看看中天极科技是如何在“质量制造执行系统 QMES”中,应用表格技术实现“ 数据填报 ”与表单模板定制化开发的。 项目背景 在传统制造过程中,质量管理大都采用了关键环节产品检验及不合格品处理的粗放式质量控制方式,不能实现生产全过程质量精细化管理,这在很大程度上影响了现场质量控制和质量持续改进。 中天极科技研发的质量制造执行系统 QMES通过引入航天产品数据包管理理念和方法,基于产品结构和工艺流程,以质量跟踪卡为主线,对加工、装配、检验和实验全过程进行策划、引导和控制,并实现了生产数据的准确采集、系统整合、灵活打包、智能分析和关联追溯,为生产过程质量精细化管理、质量追溯和质量改进提供了有力手段。 该系统的主要功能包括质量跟踪卡管理、检验管理、质量问题处理、分批合批管理、实物配套管理、合格证管理、质量追溯、质量统计分析等。 项目截图 (模板规范维护) (表格数据录入) (自定义单元格状态) (在线填报数据) (数据模板展示) (数据包模板编制) 表格技术带来的价值 SpreadJS纯前端表格控件内置了大量API接口,可针对不同的需求,调用不同的js方法或事件,使得开发人员在处理业务逻辑操作时

如何使用Anychart创建JavaScript网络图

邮差的信 提交于 2020-10-06 09:53:29
如何使用Web的JavaScript HTML5创建网络图网络图是一种特殊的,非常有趣的数据可视化形式。与条形图 或 饼图等更传统的图表类型不同,网络图的作用远不只是可视化数字数据。使用这些图表,可以将每个对象表示为一个点(称为节点),并将对象之间的连接表示为一条线(称为链接或边)。在这里,我们不专注于以通常使用的相同精度来表示对象。取而代之的是,我们试图发现网络或网络中各个部分的关系,而不必担心单个节点。 现在,我将指导您 如何使用JavaScript(HTML5)为Web开发交互式网络图。受 本·沙林斯(Ben Sullins)创建的有趣的可视化效果的启发 ,我决定采用有关过去十年最大的电视连续剧《权力的游戏》的数据。这是一个史诗般的幻想故事,围绕着各种派系式房屋的争吵。因此,在本教程中,我将通过展示谁攻击了谁来形象化《权力的游戏》世界中的关系。跟着我,这将是一次很酷的冒险! 制作网络图 从头开始构建JS网络图 基本上,要构建基于JS的网络图,我们需要遵循与任何JavaScript图表相同的四个步骤: 创建一个HTML页面。 添加必要的脚本。 加载将可视化的数据。 绘制图表。 1.创建一个HTML页面 建立网络图的第一步是设置HTML页面。这涉及为图表创建基本的HTML模板以及添加必要的CSS规则。 在这里,我们还为HTML页面添加标题,并创建一个div来包含图表。 <

入门级HTML、CSS_HTML基础

喜夏-厌秋 提交于 2020-10-06 09:34:17
感谢这么基础的东西还能有小伙伴前来赏光, 你好,我是阿Ken 之后阿Ken会在本专栏持续更新HTML、CSS的入门基础, 主要以课本教材为主,自学网站资源为辅 有想自学或者是回过头看一看、复习的小伙伴可以过来扎个堆儿了哈哈哈 最近疏于调整状态,仔细说来也是十分惭愧 总是想着与年纪不符的事情,总寻思把能考虑到的都能够考虑周全,不断的给自己施压和一些说不上麻烦但零散的小事儿整的心态一直不是很乐观 再加上我也只是一个学习效率低下的普通人 可能是有点丧了_ 但当一个人尝尽孤独的滋味 他会笑着与这个世界和解 当你对自己产生疑问的时候, 就是你该改变的时候了 1.1_html基础 1.1.1_html5文档基本格式及HTML标记 <!doctype html> < html > < head > < meta charset = " utf-8 " > < title > 无标题文档 </ title > </ head > < body > </ body > </ html > <!doctype>标记 位于文档最前面,使用html5的DOCTYPE声明,会触发浏览器以标准兼容模式来显示页面,浏览器才能将该网页作为有效的html文档。 <!doctype html> < html >标记 该标记位于<!doctype>标记 之后,该标记意味着html文档的开始和结束

WKWebView详解&WKWebVieW和JS交互

匆匆过客 提交于 2020-10-06 05:24:09
开发App的过程中,常常会遇到在App内部加载网页,通常用UIWebView加载。而这个自iOS2.0开始使用的Web容器一直是开发的心病:加载速度慢,占用内存多,优化困难。如果加载网页多,还可能因为过量占用内存而给系统kill掉。各种优化的方法效果也不那么明显iOS8 以后,苹果推出了新框架 WebKit,提供了替换 UIWebView 的组件 WKWebView。各种 UIWebView 的性能问题没有了,速度更快了,占用内存少了,体验更好了,下面列举一些其它的优势: 1、在性能、稳定性、功能方面有很大提升(最直观的体现就是加载网页是占用的内存,模拟器加载百度与开源中国网站时,WKWebView占用23M,而UIWebView占用85M); 2、允许JavaScript的Nitro库加载并使用(UIWebView中限制); 3、支持了更多的HTML5特性; 4、高达60fps的滚动刷新率以及内置手势; 5、将UIWebViewDelegate与UIWebView重构成了14类与3个协议(查看苹果官方文档); 14个类 WKBackForwardList: 之前访问过的 web 页面的列表,可以通过后退和前进动作来访问到。 WKBackForwardListItem: webview 中后退列表里的某一个网页。 WKFrameInfo: 包含一个网页的布局信息。

APICloud:跨平台开发技术的演进之路

只愿长相守 提交于 2020-10-06 02:01:20
移动互联网历经10余年的发展,期间app开发者遭遇移动设备的屏幕碎片化,系统版本分散,厂商定制泛滥等各种开发适配的痛点,因为把大量的精力耗费在不同平台的实现以及解决各种兼容适配问题上,而导致项目周期长,成本增加,这与企业希望app低成本快速实现,按时上线的诉求是矛盾的。 跨平台技术正是在这个过程中诞生和发展。 跨平台技术消除了不同平台之间的差异,开发者能够通过一次编码,同时开发出高性能和体验的Android / iOS双平台app。传app开发模式下需要4人日的工作,现在只需1日人即可完成,不仅大大降低企业的开发成本,还能保证项目如期的上线。也正是跨平台技术具备开发效率高、体验和性能不输原生的特点,使其至今仍具有强大的生命力,持续为企业输出价值。市面上主流的app产品,或多或少都在使用跨平台技术架构进行开发,可以说跨平台技术的历史几乎和移动互联网本身的历史一样长。 如今跨平台技术和生态趋于稳定,企业和开发者对跨平台技术已形成共识,并大规模的应用到各种业务场景中。在此期间,跨平台技术分离出两个主要方向: 1 混合方向 即HTML5 + Native混合,也就是我们通常说的混合开发:通过HTML5快速实现app的UI布局、业务逻辑,在开发过程中涉及HTML5无法实现或者体验不好的功能,则借助Native模块来实现。 该模式的app引擎整体基于Webview架构,对前端开发者友好

学习web前端后发展前景怎么样?

喜夏-厌秋 提交于 2020-10-06 01:55:24
  在互联网大时代中,IT行业成为很多年轻人的选择,web前端开发无疑是IT行业中不错的工作岗位,那么,学习web前端后发展前景怎么样?下面,小编就带大家一起来看看。   一、web前端工程师发展路径:   1、工作1~2 年后可成为年薪15万以上的HTML5/web前端高级软件工程师;   2、工作3-5年后可成为年薪30万左右的高级工程师或团队负责人;   3、工作5年后通常能成为互联网公司的技术总监或产品经理,年薪将达到50万左右。   二、地区薪资排行   可以看到,在北上深、web前端的平均薪资都在15000左右,而即使二线城市,web前端工程师的平均薪资也达到了9710元,且相对于其他IT岗位,web前端的工作岗位非常的多!   三、薪资变化趋势   web前端从2010年起,平均薪资都在大幅提升,并且在2018年达到最高点,至月薪20K左右。在2019年虽然稍有下降,但是依然很高,超过18000元。   四、为什么web前端薪资如此之高?   现在是互联网公司的时代,人们也离不开互联网,可以说生活处处是IT。很多互联网公司如雨后春笋般发展,所以对前端开发的需求很旺盛,都是处于供不应求的情况。随便上招聘网一搜,北上广深这些一线城市不说,二线省会城市一个月的招聘消息都成千上万。   虽然现在互联网行业普遍缺少前端工程师,但是我们相信越来越多的人将会加入前端的大军