css框架 | 易学教程

unittest详解（一） unittest初识

阅读更多关于 unittest详解（一） unittest初识

unittest是python内置的一个单元测试框架，在学习怎么使用它之前，我们先来了解它的一些概念和原理。 Test Case：测试用例，一个TestCase的实例就是一个测试用例。什么是测试用例呢？就是一个完整的测试流程，包括测试前准备环境的搭建(setUp)，执行测试代码(run)，以及测试后环境的还原(tearDown)。单元测试(unit test)的本质也就在这里，一个测试用例是一个完整的测试单元，通过运行这个测试单元，可以对某一个问题进行验证。 Test Suite：测试套件，就是多个测试用例集合在一起 Test Runner：测试执行，用来执行测试用例，其中的run(test)会执行TestSuite/TestCase Test Fixture：对一个测试用例环境的搭建和销毁，是一个fixture，通过覆盖TestCase的setUp()和tearDown()方法来实现。这个有什么用呢？比如说在这个测试用例中需要访问数据库，那么可以在setUp()中建立数据库连接以及进行一些初始化，在tearDown()中清除在数据库中产生的数据，然后关闭连接。注意tearDown的过程很重要，要为以后的TestCase留下一个干净的环境。了解了概念后，我们来看一个登陆的测试脚本。代码： # coding = utf-8 import unittest import

jQuery总结

阅读更多关于 jQuery总结

一、jQuery初步认知 jQuery概述 JQuery概念 javascript概念基于Js语言的API和语法组织逻辑，通过内置window和document对象，来操作内存中的DOM元素 JQuery概念基于javascript的，同上，提高了代码的效率 jQuery是什么: 是一个javascript代码仓库，我们称之为javascript框架。是一个快速的简洁的javascript框架，可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。它可以帮我们做什么(有什么优势) 轻量级、体积小，使用灵巧(只需引入一个js文件) 强大的选择器出色的DOM操作的封装出色的浏览器兼容性可靠的事件处理机制完善的Ajax 链式操作、隐式迭代方便的选择页面元素(模仿CSS选择器更精确、灵活) 动态更改页面样式/页面内容(操作DOM，动态添加、移除样式) 控制响应事件(动态添加响应事件) 提供基本网页特效(提供已封装的网页特效方法) 快速实现通信(ajax) 易扩展、插件丰富如何引入JQuery包引入本地的JQuery 引入Google在线提供的库文件（稳定可靠高速）使用Google提供的API导入写第一个JQUery案例解释:在JQuery库中，$是JQuery的别名，$()等效于就jQuery() <script type=“text

前端优化带来的思考，浅谈前端工程化

阅读更多关于前端优化带来的思考，浅谈前端工程化

这段时间对项目做了一次整体的优化，全站有了20%左右的提升（本来载入速度已经1.2S左右了，优化度很低），算一算已经做了四轮的全站性能优化了，回顾几次的优化手段，基本上几个字就能说清楚：传输层面：减少请求数，降低请求量执行层面：减少重绘&回流传输层面的从来都是优化的核心点，而这个层面的优化要对浏览器有一个基本的认识，比如： ① 网页自上而下的解析渲染，边解析边渲染，页面内CSS文件会阻塞渲染，异步CSS文件会导致回流 ② 浏览器在document下载结束会检测静态资源，新开线程下载（有并发上限），在带宽限制的条件下，无序并发会导致主资源速度下降，从而影响首屏渲染 ③ 浏览器缓存可用时会使用缓存资源，这个时候可以避免请求体的传输，对性能有极大提高衡量性能的重要指标为首屏载入速度（指页面可以看见，不一定可交互），影响首屏的最大因素为请求，所以请求是页面真正的杀手，一般来说我们会做这些优化：减少请求数 ① 合并样式、脚本文件 ② 合并背景图片 ③ CSS3图标、Icon Font 降低请求量 ① 开启GZip ② 优化静态资源，jQuery->Zepto、阉割IScroll、去除冗余代码 ③ 图片无损压缩 ④ 图片延迟加载 ⑤ 减少Cookie携带很多时候，我们也会采用类似“时间换空间、空间换时间”的做法，比如： ① 缓存为王，对更新较缓慢的资源&接口做缓存（浏览器缓存

web前端自学之路：我的HTML、CSS学习计划

阅读更多关于 web前端自学之路：我的HTML、CSS学习计划

前端自学大概的路线图因为刚开始学习，没有完整的前端知识体系，所以是大概的路线图，希望大家可以帮我一起修改完善。大致的思路是：1.先打好基础，在学习框架。基础方面主要涉及到的语言是Html、CSS、JavaScript，如果在这三个里面在挑基础的话应该就是Html、CSS了。所以，2.基础知识里面先学Html,CSS。 Html\CSS学习计划之前有过一个月的断断续续的学习，W3C的基础知识也看了，但是一到自己写页面还是不会。我就问自己为什么？我觉得可能的原因是，会HTML\CSS基础知识还不足以写出完整的静态页面，一定是我还缺少了某些知识和能力。我觉得一个最重要的能力是：拿到设计图，首先是分析它，而不是直接写代码。分析是一种能力，而HTML\CSS只是实现我们目标的工具，而掌握了HTML\CSS基础知识仅仅是掌握了如何使用这些工具，就像是我会搬砖，但并不知道怎么盖房子。我认为这种分析能力是需要通过做大量完整的页面来锻炼的。所以我大致的学习思路是：以最快的速度了解Html\CSS基础知识，然后至今开始做大量的完整的静态页面。下面会展开说我的学习计划以及一些资料。 1.快速掌握基本的HTML、CSS知识网上有很多免费的HTML\CSS教程，但是为了快速，我推荐[marksheet]，这个教程的好处是它先介绍了web方面的基础知识，让大家对web有个宏观上的了解

AngularJS从构建项目开始

阅读更多关于 AngularJS从构建项目开始

AngularJS体验式编程系列文章，将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下，angularjs能脱颖而出，从架构设计上就高人一等，双向数据绑定，依赖注入，指令，MVC，模板。Angular.js创新地把后台技术融入前端开发，扫去jQuery一度的光芒。用angularjs就像写后台代码，更规范，更结构化，更可控。关于作者张丹(Conan), 程序员Java,R,PHP,Javascript weibo：@Conan_Z blog: http://blog.fens.me email: bsspirit@gmail.com 转载请注明出处： http://blog.fens.me/angularjs-yeoman-project/ 前言随着AngularJS被越来越多的开发人员所了解，AngularJS的应用受到市场的好评。AngularJS是一种新型的以Javascript为基础的框架，以后台的编程思路影响着web前端的开发。在扎根细节之前，让我们先了解AngularJS项目构架。自顶向下的开始，就是不一样的开发。Angular体验式编程从此开始。目录 AngularJS介绍构建AngularJS项目（Yeoman，angular-seed）

第2章 HTML与CSS网页开发基础

阅读更多关于第2章 HTML与CSS网页开发基础

第 2章 HTML与CSS网页开发基础知识点：（1）掌握 HTML 文档的基本结构（2）运用 HTML 的各种常用标记（3）了解 HTML 5 新增部分的内容（4）使用 CSS 样式表控制页面（5）了解 CSS 3 的新特征本章概述： HTML 是一种在互联网上常见的网页制作标记性语言。严格地说， HTML 并不能算作是一种程序设计语言，因为它缺少了程序设计语言所应有的特征。 HTML 是通过浏览器的翻译，将网页中的内容呈现给用户的。对于网站设计人员来说，只使用 HTML 是不够的，还需要在页面中引入 CSS （层叠样式表（ Cascading Style Sheets ））样式。 HTML 与 CSS 的关系是“内容”与“形式”的关系，由 HTML 来确定网页的内容，由 CSS 来实现页面的表现形式。 HTML 与 CSS 的完美搭配，可使页面更加美观、大方，且容易维护。 2.1 HTML 标记语言相信所有读者都有上网冲浪的习惯。在浏览器的地址栏中输入一个网址，就会查阅到相应的网页内容。在网页中包含很多内容，如文字、图片、动画，以及声音和视频等。网页的最终目的是为访问者提供有价值的信息。提到网页设计，不得不提到 HTML标记语言，HTML的全称是Hypertext( 超文本（含有指向其它文本文件链接的文本） ) Markup Language

frameset

阅读更多关于 frameset

刚刚快速帮别人做了一个frameset。以后不想再做了。就copy上来咯。^_^ frameset.html <html> <head> <title>框架菜单</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head>  <frameset rows="218*,239*" cols="*" framespacing="0" frameborder="NO" border="1" > <frame src="top.html" name="topFrame" scrolling="NO" noresize/> <frameset rows="*" cols="250,500,250" framespacing="0" frameborder="NO"> <frame src="left.html" name="leftFrame" scrolling="NO" noresize/> <frame src="main.html" name="mainFrame" scrolling="no" noresize/>  <frame src="right.html" name=

前端优化带来的思考，浅谈前端工程化

阅读更多关于前端优化带来的思考，浅谈前端工程化

重复优化的思考这段时间对项目做了一次整体的优化，全站有了20%左右的提升（本来载入速度已经1.2S左右了，优化度很低），算一算已经做了四轮的全站性能优化了，回顾几次的优化手段，基本上几个字就能说清楚：传输层面：减少请求数，降低请求量执行层面：减少重绘&回流传输层面的从来都是优化的核心点，而这个层面的优化要对浏览器有一个基本的认识，比如： ① 网页自上而下的解析渲染，边解析边渲染，页面内CSS文件会阻塞渲染，异步CSS文件会导致回流 ② 浏览器在document下载结束会检测静态资源，新开线程下载（有并发上限），在带宽限制的条件下，无序并发会导致主资源速度下降，从而影响首屏渲染 ③ 浏览器缓存可用时会使用缓存资源，这个时候可以避免请求体的传输，对性能有极大提高衡量性能的重要指标为首屏载入速度（指页面可以看见，不一定可交互），影响首屏的最大因素为请求，所以请求是页面真正的杀手，一般来说我们会做这些优化：减少请求数 ① 合并样式、脚本文件 ② 合并背景图片 ③ CSS3图标、Icon Font 降低请求量 ① 开启GZip ② 优化静态资源，jQuery->Zepto、阉割IScroll、去除冗余代码 ③ 图片无损压缩 ④ 图片延迟加载 ⑤ 减少Cookie携带很多时候，我们也会采用类似“时间换空间、空间换时间”的做法，比如： ① 缓存为王，对更新较缓慢的资源&接口做缓存

HTML & CSS

阅读更多关于 HTML & CSS

1 请遵循html元素必须有开始和结束的标准规范 <html></html> 2 空元素,空元素没有结束标签，形式如下 //换行 <hr /> //水平线 3 html注释  4 上标下标 下标 //下标 上标 //上标 5 预格式文本 <pre></pre> //保留了里面的空格，适合放代码，html元素默认会除去行首行尾段首段为空格 6 删除线下划线 <del></del> <ins></ins> 7 链接没有下划线的链接 <a href="/example/html/lastpage.html" style="text-decoration:none"> 使用 Target 属性，你可以定义被链接的文档在何处显示 <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a> 链接到同一个页面的不同位置 name 属性规定锚（anchor）的名称。您可以使用 name 属性创建 HTML 页面中的书签。书签不会以任何特殊方式显示，它对读者是不可见的 <a name="tips">基本的注意事项 - 有用的提示</a> <a href="#tips">有用的提示</a> 8 样式表内部定义的

前端工程师常见的面试题

阅读更多关于前端工程师常见的面试题

1、对WEB标准以及W3C的理解和认识？标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率使用外链css和js脚本，结构行为表现的分离文件下载与页面速度更快，内容能被更多的用户所访问，内容能被更广泛的设备所访问更少的代码和组价，容易维护，改版方便，不需要变动页面内容提供打印版本而不需要复制内容、提高网站易用性。 2、xml和html有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同是： XHTML元素必须被正确地嵌套 XHTML元素必须被关闭标签名必须用小写 XHTML文档必须拥有根元素 3、doctype（文档类型）的作用是什么？你知道多少种文档类型？　　作用是：此标签可以告知浏览器文档使用哪种HTML或XHTML规范　　此标签可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML文档 HTML4.01规定了三种文档类型：Strict、Transition以及Frameset XHTML1.0 规定了三种XML文档类型：Strict、Transitional以及Frameset Standards（标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，而Quirks（包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页 4、行内元素有哪些？块级元素有哪些

订阅 css框架