web前端开发

目录[-] 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篇 一、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不存在或不正确会导致文档以混杂模式呈现。 　　严格模式与混杂模式存在的意义与其来源密切相关，如果说只存在严格模式，那么许多旧网站必然受到影响

前端学习路径 第一阶段： 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和主流设备简介、视口、流式布局

一、唯一定律 无论有多少人共同参与同一项目，一定要确保每一行代码都像是唯一个人编写的。 二、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，从而通知

作者： 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页面交由前端进行开发

前端总结 第一阶段 　　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和主流设备简介、视口、流式布局、弹性盒子

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

第一阶段： 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 前端开发规范手册 一、规范目的 1.1 概述 ..................................................................................................................................... 1 二、文件规范 2.1 文件命名规则.........................................................................................................................1 2.2 文件存放位置..........................................................................................................................2 2.3 css 书写规范..........................................................................................................................3 2.4 html书写规范...............

深圳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集