前端
文章平均质量分 62
cynwang
这个作者很懒,什么都没留下…
展开
-
前端路由与后端路由
后端路由 意味着 浏览器刷新页面。显然很多 webapp 的需求上是不希望这样的体验的。网速慢的话说不定屏幕全白再有新内容。前端路由就不会有这样的问题了。随意控制,逻辑也可以都放在前端。前端慢慢复杂化,自己的路由这种东西是必不可少的啦。从性能和用户体验的层面来比较的话,后端路由每次访问一个新页面的时候都要向服务器发送请求,然后服务器再响应请求,这个过程肯定会有延迟。而前端路由在访问原创 2016-10-01 19:46:03 · 8582 阅读 · 0 评论 -
Web开发中 前端路由 实现的几种方式和适用场景
故事从名叫Oliver的绿箭虾`说起,这位大虾酷爱社交网站,一天他打开了Twitter,从发过的tweets的选项卡一路切到followers选项卡,Oliver发现页面的内容变化了,URL也变化了,但为什么页面没有闪烁刷新呢?于是Oliver打开的网络监控器(没错,Oliver是个程序员),他惊讶地发现在切换选项卡时,只有几个XHR请求发生,但页面的URL却在对应着变化,这让Oliver不得不去转载 2016-10-01 19:47:13 · 5218 阅读 · 0 评论 -
前端:将网站打造成单页面应用SPA
摘要:不知你有没有发现,像Github、百度、微博等这些大站,已经不再使用普通的a标签做跳转了。他们大多使用Ajax请求替代了a标签的默认跳转,然后使用HTML5的新API修改了Url,你可以在F12的Network面板里发现这个秘密。原文 http://hao.jser.com/archive/7948/前言不知你有没有发现,像Github、百度、微博等这些大站,已经不再转载 2016-10-01 19:09:30 · 1667 阅读 · 0 评论 -
你如何对网站的文件和资源进行优化?
1、文件合并(目的是减少http请求):Web性能优化最佳实践中最重要的一条是减少HTTP 请求,它也是YSlow中比重最大的一条规 则。减少HTTP请求的方案主要有合并JavaScript和CSS文件、CSS Sprites、图像映射 (Image Map)和使用Data URI来编码图片。CSS Sprites和图像映射现在已经随处可见了,但由于IE6和IE7不支持Data URI以及性能问题原创 2016-09-06 21:23:09 · 962 阅读 · 0 评论 -
[HTML/CSS]盒子模型,块级元素和行内元素
目录概述 盒子模型 块级元素 行内元素 可变元素 总结 概述在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效。虽然自己不是做前端的,但是,在项目中,曾经也弄过从前端布局,也吃过这方面的亏。今天,群里有朋友问起这个,就趁着学习一下,也算是查漏补缺吧,虽然,谈不上精通,但是了解,还是很有必要的。盒子模型css原创 2016-08-07 11:17:47 · 471 阅读 · 0 评论 -
CSS的选择器,优先级
1.基础的选择器选择器含义示例*通用元素选择器,匹配任何元素* { margin:0; padding:0; }E标签选择器,匹配所有使用E标签的元素p { font-size:2em; }.info和E.infoclass选择器,匹配原创 2016-08-07 15:49:17 · 486 阅读 · 0 评论 -
CSS包含块(Containing Block)
包含块(Containing Block)是视觉格式化模型的一个重要概念,它与框模型类似,也可以理解为一个矩形,而这个矩形的作用是为它里面包含的元素提供一个参考,元素的尺寸和位置的计算往往是由该元素所在的包含块决定的。包含块简单说就是定位参考框,或者定位坐标参考系,元素一旦定义了定位显示(相对、绝对、固定)都具有包含块性质,它所包含的定位元素都将以该包含块为坐标系进行定位和调整。原创 2016-08-15 19:24:25 · 668 阅读 · 0 评论 -
前端书籍推荐
一. 入门级 :就是有一定的基础(比如最常见的HTML标签及其属性、事件、方法;最常见的CSS属性;基础的JavaScript编程能力),能够完成一些简单的WEB前端需求。 推荐:《JavaScript dom 编程艺术》 理由:此书绝对是入门的好书,本人也是在接触JS一段时间后才看的这本书。此书从JS的历史 - JS基础语法知识 - DOM介绍和简单的使用。现在这本书已经出了第二版,原创 2016-08-21 17:08:34 · 475 阅读 · 0 评论 -
正则表达式——(一)
正则表达式 - 语法正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。列目录时, dir *.txt或ls *.txt中的*.txt就不是一个正则表达式,因为这里*与正则式的*的含义是不同的。构造正则表达式的方法和创建数学表达式的方法一样。也就是用多种元字符与运原创 2016-08-21 15:44:44 · 408 阅读 · 0 评论 -
前端学习——主要知识点
前端基础个人认为需要提到下面这些知识: HTML、 CSS、JS 、 HTML5 、CSS3、 浏览器相关、http(https)、session、cookie、ajax、jsonp等具体的可以个人去延伸,比如W3C标准。其他的基于这些可以看看CSS的基本功:布局、盒子模型、选择器优先级及使用等,JavaScript: 数据类型、面向对象、String Array的操作、继承、正则、闭原创 2016-08-06 22:44:50 · 633 阅读 · 0 评论 -
正则表达式(二)
字符类要想查找数字,字母或数字,空白是很简单的,因为已经有了对应这些字符集合的元字符,但是如果你想匹配没有预定义元字符的字符集合(比如元音字母a,e,i,o,u),应该怎么办?很简单,你只需要在方括号里列出它们就行了,像[aeiou]就匹配任何一个英文元音字母,[.?!]匹配标点符号(.或?或!)。我们也可以轻松地指定一个字符范围,像[0-9]代表的含意与\d就是完全一致的:一位数原创 2016-08-21 16:13:06 · 663 阅读 · 0 评论 -
前端性能优化
前端性能优化 1. 请减少HTTP请求 基本原理: 在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出。 一个正常HTTP请求的流程简述:如在浏览器中输入"www.xxxxxx.com"并按下回车,浏览器再与这个URL指向的服务器建立连接,然后浏览器才能向服务器发送请求信息,服务器在接受到请求的信息后原创 2016-08-19 17:03:03 · 769 阅读 · 0 评论 -
前端面试题
HTML相关标签的定义与用法。块级元素和行内元素都有哪些?你真的了解HTML吗? 雅虎面试题 把前面黄底那段拿去搜索下就知道了(曾在某浪公司面试的时候被问到过,确实是很好的问题)。 CSS相关介绍所知道的CSS hack技巧(如:_, *, +, \9, !important 之类)。介绍CSS盒模型。CSS层叠是什么?介绍一下。都知道哪些CSS浏览器兼容性问题。有时转载 2016-08-19 16:54:41 · 374 阅读 · 0 评论 -
前端自动化测试探索
原文出处: FEX - zhangtao(@设计无极限的地盘) 背景测试是完善的研发体系中不可或缺的一环。前端同样需要测试,你的css改动可能导致页面错位、js改动可能导致功能不正常。由于前端偏向GUI软件的特殊性,尽管测试领域工具层出不穷,在前端的自动化测试上面却实施并不广泛,很多人依旧以手工测试为主。本文试图探讨前端自动化测试领域的工具和实践。为什么需要自动化测试转载 2016-10-02 22:19:07 · 902 阅读 · 0 评论