随笔分类 - Web前端
摘要：[[ from 标签的深入理解 ]]前言： 今天被问道“有没有仔细了解过标签？”，愣了一下，因为一开始在W3cschool上看到过建议使用XHTML Transitional DTD,之后就很听话地把Dreamweaver的HTML文档类型默认设置为XHTML 1.0 Transitional。之后...
阅读全文
摘要：[[ from 老生常谈session,cookie的区别，安全性 ]] 一，为什么session,cookie经常会有人提到 做web开发的人基本上都会用session和cookie，但是仅仅只是会用，并不知道session和cookie的真正的工作原理，都只是凭着感觉来猜测。web开发者只要利用
阅读全文
摘要：准则01：尽量减少http请求“只有10%-20%的最终用户响应时间花在接收请求的HTML文档上，剩下的80%-90%时间花在HTML文档所引用的所有组件(图片，script，css，flash等等)进行的HTTP请求上”1.图片地图的使用图片地图允许你在一个图片上关联多个URL。目标URL的选择取...
阅读全文
摘要：一、什么是跨域？ 要理解跨域问题，就先理解好概念。跨域问题是由于javascript语言安全限制中的同源策略造成的. 简单来说,同源策略是指一段脚本只能读取来自同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合. URL 说明 是否允许通信 http://www.a.com/
阅读全文
摘要：web安全中有很多种攻击手段，除了SQL注入外，比较常见的还有 XSS 和 CSRF等一、XSS（Cross Site Scripting）跨站脚本 XSS其实就是Html的注入问题，攻击者的输入没有经过严格的控制进入了数据库，最终显示给来访的用户，导致可以在来访用户的浏览器里以浏览用户的身份执行...
阅读全文
摘要：FIS 也是一个新生的前端自动化工具，好下面就来简单介绍一下，真的好简单介绍啊.. 个人觉得FIS已经囊括了一个“大前端”的范畴。 先来看看别人怎么看FIS和Grunt和Gulp F.I.S在实际项目中的应用体验如何？ 前端工具里面gulp和fis，有哪些优缺点？ FIS和Grunt的区别 FIS入
阅读全文
摘要：gulp是基于流的前端自动化构建工具。 之前也谈到了 grunt的用法，grunt其实就是配置+配置的形式。 而gulp呢，是基于stream流的形式，也就是前一个函数（工厂）制造出结果，提供后者使用。 同样的，也是包括基本用法和各插件的使用。 一、环境配置 gulp是基于nodejs的，所以没有
阅读全文
摘要：grunt是什么，grunt就是个东西.. grunt作为一个前端构建工具，有资源压缩，代码检查，文件合并等功能。 下面就简单了解grunt的使用。 一、环境配置 grunt是基于nodejs的，所以需要一个 nodejs 环境，未了解的可以 来这看看 还是在windows下， 首先要保证grunt
阅读全文
摘要：光看是没用的，过不了多久就忘光光，所以还是记录一下吧。 首先windows还是离不开我，所以还是环境还是windows.. 一、SASS环境安装配置 SASS是ruby写的，所以要想将sass编译成css文件，就给配上ruby环境。 windows下载装个 rubyinstaller 就行了，注意要
阅读全文
摘要：一、CommonJS主要是用于服务器端的规范，比如目前的nodeJS.根据CommonJS规范，一个单独的文件就是一个模块。每一个模块都是一个单独的作用域，也就是说，在一个文件定义的变量（还包括函数和类），都是私有的，对其他文件是不可见的。// foo.jsvar request = require...
阅读全文
摘要：RequireJS是一个遵循 AMD 规范的模块化加载框架与上文seajs一样，这里简单介绍其相关用法同样的，首先是下载好 require.js -->http://requirejs.org/docs/download.html#requirejsAMD规范是预加载，也就是说会马上将所有模块全加载...
阅读全文
摘要：SeaJS 是一个遵循 CMD 规范的模块化加载框架CommonJS，CMD，AMD等规范后文会提到，这里主要先了解如何在代码中使用。如果你有使用过nodejs ，那么理解起来就容易多了。我们通过sea.js来加载我们定义的模块（这会儿遵循CMD规范）并使用相应的数据。首先，当然是要下载sea.js...
阅读全文
摘要：一、简单介绍一下什么是浏览器内核。 浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“解释引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页。所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎...
阅读全文
摘要：为什么叫神器呢？我总结如下：第一：也是最重要的，它占内存很小（就如同notepad++那般迅速打开，所以那款其实也不错~)。一般IDE比如WebStorm(它也是一款神器来着），Aptana(也比较常用),还有前后结合的Zend Studio 等都略显臃肿，打开太慢，耗内存太大。第二：主题丰富，漂亮...
阅读全文
摘要：绘制矩形：getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。fillStyle 方法将其染成红色，fillRect 方法规定了形状、位置和尺寸。 ...
阅读全文
摘要：重点解释：首先，为了使元素（如本图片）可拖动，把 draggable 属性设置为 true ：dataTransfer.setData() 方法设置被拖数据的数据类型和值：ondragover 事件规定在何处放置被拖动的数据。默认地，无法将数据/元素放置到其他元素中。如果需要设置允许放置，我们必须...
阅读全文
摘要：一： 团队合作避免JS冲突 脚本中的变量随时存在冲突的风险， 1. 解决办法---用匿名函数将脚本包起来，让变量的作用域控制在匿名函数之内 如： <script type="text/javascript"> (function(){ var a=123,b="12121"; })(); </scr
阅读全文
摘要：先了解：【1】 “Table”和“DIV”这两个网页元素诞生的目的不同，首先Table诞生的目的是为了存储数据，而DIV诞生的目的就是为了架设页面结构 W3C，是World Wide Web Consortium的缩写，中文是W3C组织或者万维网联盟。W3C标准不是一个标准，而是一系列标准的集合...
阅读全文
摘要：网站推广常用的29个方法搜索引擎策略以网站最重要的关键词在主要搜索引擎中排名领先，这是搜索引擎推广中最重要的策略。搜索引擎的"搜索机器人spiders" 会自动搜索网页内容，因此搜索引擎策略从优化网页开始。1、添加网页标题（title）。为每页内容写5-8个字的描述性标题。标题要简练，去掉"the,...
阅读全文
摘要：当然了，最常用的编码也就是GB2312 和 UTF-8 了。================================================起================================================先来看看各主要编码类型：经常我们打开外国网站的...
阅读全文
