web前端开发

前端框架用哪个好

て烟熏妆下的殇ゞ 提交于 2019-12-18 03:39:56
目录[-] 1、flex 2、extjs 3、easyui 4、MiniUI 5、jQuery UI 6、DWZ 7、GWT 8、YUI 9、Sencha 10、Dojo 11、ZK 12、OperaMasks-UI 13、JavaFX 1、flex Apache基金会今天发布了Flex 4.8版本, 这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。 需要注意的是,Flex目前还在孵化阶段,还不是Apache的正式项目,Flex 4.8也不是一个正式的Apache版本。 Apache称,该版本标志着Flex新时代的开始,Flex的未来将由社区来驱动,而不是由一个公司驱动。开发者可以通过贡献代码,来帮助改进Flex,如修复bug、增加功能等。 从Macromedia卖给Adobe,然后又捐给apache,不知道搞什么名堂。不过还好没有经过大幅重构,否则就真的是悲哀了! 2、extjs ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。    功能丰富,无人能出其右。    无论是界面之美,还是功能之强,ext的表格控件都高居榜首。 华丽的界面,灵活的功能,还有开发工具都是配套的,但有个最大的问题,用就得花钱! 3、easyui easyui帮助你构建你的web应用更加容易。 它是一个基于jquery的插件

前端面试题总结(一)HTML篇

ぃ、小莉子 提交于 2019-12-17 07:17:56
前端面试题总结(一)HTML篇 一、iframe的优缺点?   缺点:     1、会阻塞主页面的onload事件(iframe和主页面共享链接池,而浏览器对相同域的链接有限制,所以会影响页面的并行加载)。       解决方法:通过js动态给iframe添加src属性值。     2、会增加http请求。     3、对搜索引擎不友好。     4、在移动端设备不能完全加载,会出现滚动条,影响用户体验。   优点:     1、解决加载缓慢的第三方内容如图标和广告的加载问题。     2、并行加载脚本。     3、程序调入静态页面比较方便。     4、页面和程序分离。 二、浏览器内核分别是?   IE:trident、谷歌:webkit、火狐:gecko、欧朋:presto(已改成blink(webkit的分支))。 三、doctype作用?严格模式与混杂模式如何区分?他们有何意义? doctype是申明文档类型,告诉浏览器以什么文档类型规范来解析这个文档。 严格模式的排版和JS运作模式是以该浏览器支持的最高标准执行的。 混杂模式中,页面以宽松的、向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。 doctype不存在或不正确会导致文档以混杂模式呈现。   严格模式与混杂模式存在的意义与其来源密切相关,如果说只存在严格模式,那么许多旧网站必然受到影响

前端学习路径

谁说胖子不能爱 提交于 2019-12-17 06:51:14
前端学习路径 第一阶段: HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发。 JavaScript基础: Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效: 常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。 JS高级特征: 正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。 JQuery:基础使用 悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。 第二阶段:HTML5和移动Web开发 HTML5: HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas。 CSS3: CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。 Bootstrap: 响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。 移动Web开发: 跨终端WEB和主流设备简介、视口、流式布局

web前端入门到实战:编写灵活、稳定、高质量的HTML代码的规范

一曲冷凌霜 提交于 2019-12-17 03:29:44
一、唯一定律 无论有多少人共同参与同一项目,一定要确保每一行代码都像是唯一个人编写的。 二、HTML 2.1 语法 (1)用两个空格来代替制表符(tab) — 这是唯一能保证在所有环境下获得一致展现的方法。 (2)嵌套元素应当缩进一次(即两个空格)。 (3)对于属性的定义,确保全部使用双引号,绝不要使用单引号。 (4)不要在自闭合(self-closing)元素的尾部添加斜线 — HTML5 规范中明确说明这是可选的。 (5)不要省略可选的结束标签(closing tag)(例如,</li> 或 </body>)。 2.2 Example 三、HTML5 doctype 为每个 HTML 页面的第一行添加标准模式(standard mode)的声明,这样能够确保在每个浏览器中拥有一致的展现。 web前端开发学习Q-q-u-n: 784-783-012 ,分享开发工具,零基础,进阶视频教程,希望新手少走弯路 四、语言属性 根据 HTML5 规范: 强烈建议为 html 根元素指定 lang 属性,从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音,有助于翻译工具确定其翻译时所应遵守的规则等等。 五、IE 兼容模式 IE 支持通过特定的 <meta> 标签来确定绘制当前页面所应该采用的 IE 版本。除非有强烈的特殊需求,否则最好是设置为 edge mode,从而通知

H5与App的通讯方式

痴心易碎 提交于 2019-12-17 02:58:42
作者: JowayYoung 仓库: Github 博客: 掘金 、 思否 、 知乎 、 简书 、 头条 、 CSDN 公众号: Uzero 联系我:关注公众号后有我的 微信 哟 特别声明:未经授权不得对此文章进行转载或抄袭,否则通过法律途径进行解决,如需转载或开通公众号白名单可联系我,希望各位尊重原创的知识产权 前言 现在不管是 桌面客户端 还是 移动客户端 ,都会夹杂着一部分H5页面,这种混合式的应用也是我们常说的 Hybrid App 。为什么会出现 Hybrid App 呢,早期是因为开发一个Android或iOS的客户端,需要的人力成本比较大,开发周期比较长,后来有些团队就通过将部分页面拆分出来,由前端来完成,再通过在客户端里的 Webview 来展示。 由于小编我半路转行当程序猿,只对前端领域有所了解,对其他编程领域接触较少,故不探讨 Webview 的实现原理和与H5页面交互的原理。有兴趣的小伙伴自行百度搜索 JSBridge 的相关知识,或请教下客户端( Windows、MacOS、Android、iOS )开发的同学,看看如何桥接JS与其他编程语言之间的联系。 优缺点 凡事都是有好有坏,没有绝对的解决方案。下面我总结下 Hybrid App 在开发过程中存在的优缺点,各位同学可自行判断 Hybrid App 的好坏。 优点 H5页面交由前端进行开发

前端总结

微笑、不失礼 提交于 2019-12-16 21:48:16
前端总结 第一阶段   HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发。 JavaScript基础: Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效: 常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。 JS高级特征: 正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。 JQuery: 基础使用悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。 第二阶段:HTML5和移动Web开发 HTML5: HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas。 CSS3: CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。 Bootstrap: 响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。 移动Web开发: 跨终端WEB和主流设备简介、视口、流式布局、弹性盒子

你不得不了解的前后端分离原理

佐手、 提交于 2019-12-16 21:20:02
前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦,并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。 核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。 在互联网架构中,名词解释: Web服务器:一般指像nginx,apache这类的服务器,他们一般只能解析静态资源。 应用服务器:一般指像tomcat,jetty,resin这类的服务器可以解析动态资源也可以解析静态资源,但解析静态资源的能力没有web服务器好。 一般都是只有web服务器才能被外网访问,应用服务器只能内网访问。 一、开发人员分离 以前的JavaWeb项目大多数都是Java程序员又当爹又当妈,又搞前端,又搞后端。 随着时代的发展,渐渐的许多大中小公司开始把前后端的界限分的越来越明确,前端工程师只管前端的事情,后端工程师只管后端的事情。正所谓术业有专攻,一个人如果什么都会,那么他毕竟什么都不精。 大中型公司需要专业人才,小公司需要全才,但是对于个人职业发展来说,小编建议是分开。 1.对于后端Java工程师: 把精力放在Java基础,设计模式

前端学习思维

纵然是瞬间 提交于 2019-12-16 20:10:20
第一阶段: HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发。 JavaScript基础: Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效: 常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。 JS高级特征: 正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。 JQuery:基础使用 悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。 第二阶段:HTML5和移动Web开发 HTML5: HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas。 CSS3: CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。 Bootstrap: 响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。 移动Web开发: 跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem

web前端开发规范手册

喜欢而已 提交于 2019-12-16 17:29:07
Web 前端开发规范手册 一、规范目的 1.1 概述 ..................................................................................................................................... 1 二、文件规范 2.1 文件命名规则.........................................................................................................................1 2.2 文件存放位置..........................................................................................................................2 2.3 css 书写规范..........................................................................................................................3 2.4 html书写规范...............

深圳Web前端学习:前端前沿技术精选|千锋《JavaScript全套资料》免费领

萝らか妹 提交于 2019-12-16 16:15:42
深圳Web前端学习:前端前沿技术精选|千锋《JavaScript全套资料》免费领 当下,随着5G商用脚步的靠近,很多传统的前端工程师并不能满足时下企业用人需求了,越来越多的开发模式以及前端框架不断的涌现出来,这也就要求程序员需要不断去自我增值。 前端要学习的东西很多,对于自学的小伙伴来说,除了入门基础,最大的难处在于进阶,进阶需要的课程要求更高,系统全面是关键所在。 今天小千就为大家准备了千锋出品的《JavaScript全套视频~全套资料》精选资源!助力想要进阶的小伙伴一臂之力! 本次完全免费放送! 后续小千还会不定期为大家分享一些精品视频教程,请大家随时关注! 课程介绍 2019千锋《JavaScript全套视频~全套资料》,主要讲解Javascript基础知识以及高级进阶知识。 课程亮点 对于已经有一定前端基础,想要进阶的人群来说,通过本课程可以进一步掌握Javascript日常开发,能够实现所有常见特效及数据交互动作。 JavaScript全套视频~全套资料 课程目录 第001集 Javascript基础(1) 第002集 Javascript基础(2) 第003集 Javascript常用方法 第004集 数据类型String、Number、Boolean、undefined 第005集 数据类型Object 第006集 聊聊js大纲 第007集 堆栈详解 第008集