ExHtmlEditorExHtmlEditor是一个用于学习和编写HMTL的工具。在你边写代码时，就可以实时可视化查看最后的结果。支持HTML5,Javascript和CSS3元素。ltraEdit是一套功能超级强大的文本编辑器，能够满足你一切编辑需要，可以编辑文本、十六进制、ASCII码，完全可以取代记事本。内建英文单字检查、C++及VB指令突显，可同时编辑多个文件，而且...

　　1、HBuilderhbuilder是DCloud推出的一款支持HTML5的Web开发IDE。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。同时，它还包括最全面的语法库和浏览器兼容性数据。2、Notepad++Notepad++程序员必备的文本编辑器，软件小巧高效，支持27种编程语言，通吃C,C++,Java,C#,...

　　1、PycharmPycharm是我一直使用的开发工具，简单、易用，并且能够设置不同的主题模式，根据自己的喜好来设置代码风格。如下是二分查找Pycharm中的代码风格：公众号的代码风格：是不是很类似？在这里，强烈推荐大家使用Pycharm作为自己的开发工具。2、IPython如何进行交互式编程？没错，就是通过IPython。IPython相对于Python自带的Shell要好用的多，并且能够支...

　　1、常见的布局方案固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只设计一套尺寸;可切换的固定布局：同样以像素作为页面单位，参考主流设备尺寸，设计几套不同宽度的布局。通过识别的屏幕尺寸或浏览器宽度，选择最合适的那套宽度布局;弹性布局：以百分比作为页面的基本单位，可以适应一定范围内所有尺寸的设备屏幕及浏览器宽度，并能完美利用有效空间展现最佳效果;混合布局：同弹性布局类似，可以适应一...

　　1.直接在CSS文件中使用：@media类型and(条件1)and(条件二){css样式}@mediascreenand(max-width:1024px){body{background-color:red;}}2.使用@import导入@importurl("css/moxie.css")alland(max-width:980px);3.也是最常用的方法--直...

　　一、静态布局(StaticLayout)网页上的所有元素的尺寸一律使用px作为单位。1、布局特点不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的，也就是设置了min-width，这样的话。如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。2、设计方法PC：居中布局，所有样式使用绝对宽度/高度(...

　　1.JOJO是简单的Web应用程序开发框架。这也支持javascript和css3。编码的交互区域使您可以更快更轻松地实现和编辑代码。此集成开发系统支持与各种浏览器（如Chrome，IE，iOS等）兼容。非常支持开发各种移动和Web应用程序。2.iioEngineiioEngine是一个基于HTML5的Web应用程序开发系统。这提供了一个环境，不仅有助于开发Web应用程序，而且还提供响应式...

　　前端开发经常遇到自适应布局的项目，对于轮播图，自适应解决方案有很多种。常规的我们直接可以利用imgmax-width="100%"的属性，让图片自己本身自适应屏幕，但是这样会出现问题，因为pc端轮播图的长宽比一般都是长比宽多很多，自适应到手机就显得图片高度很窄，影响美观，对此，解决方案就是手机端和pc端分别调用，这样就要求后台给pc和手机两个不同上传图片的端口，前端处理也麻烦。在一个就是利...

　　一、rem布局1.em相对于父元素的字体大小而言；rem是相对于html的字体大小而言2.优势：可以通过修改html的文字大小来改变整个页面中元素大小，实现整体控制二、@media媒体查询：针对不同的屏幕尺寸设置不同的样式1.语法：@mediamediatypeand|not|only（mediafeature）{CSS-Code；}①mediatype查询类型：all（所有设备...

　　一、CSS3@supports1、常见用法语法：@supports(property:value){element{property:value;}}“@supports”中的“条件规则”可以声明一条或者几个由不同的逻辑运算符相结合的声明(比如说，非(not)，或(or)，与(and)等)，而且还可以使用括号来确定其操作的优先级关系。比如：Flex布局.flex{float:le...