随笔分类 - Web综合
摘要：删除线划掉的可以不掌握，Node 和浏览器原理部分可以不掌握，性能优化部分不要求列全，有自己的理解，知道有哪几个努力的方向即可 HTML 1. defer & async 2. Fetch API & 使用 3. Localstorage & SessionStorage 4. postMessag
阅读全文
摘要：这篇文章只对接触前端不到两个月，觉得一堆东西要学，但又不知道从何开始的同学有用 写在最前面 前端学习比较好上手，但到了一定阶段深入却比较困难，一个合格的前端应该是个web工程师，而不是JavaScript程序员，因此简单的学习目标 1. CSS、CSS3 2. HTML、HTML5 3. JavaS
阅读全文
摘要：# 前端模块化在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀这时候JavaScript作...
阅读全文
摘要：CSRF是Cross Site Request Forgery的缩写，乍一看和XSS差不多的样子，但是其原理正好相反，XSS是利用合法用户获取其信息，而CSRF是伪造成合法用户发起请求。在XSS危害——session劫持中我们提到了session原理，用户登录后会把登录信息存放在服务器，客户端有一个用户标识存在cookie中，只要用户不关闭浏览器或者退出登录，在其有效期内服务器就会把这个浏览器发送的请求当作当前客户，如果这时候用户被欺骗，使用浏览器打开了某些恶意网址，里面就会包含一些不是用户希望发送的请求，服务器也会把这些请求当作是当前客户发送的请求，这时候用户的个人信息、资金安全、如果用户权
阅读全文
摘要：在跨站脚本攻击XSS中简单介绍了XSS的原理及一个利用XSS盗取存在cookie中用户名和密码的小例子，有些同学看了后会说这有什么大不了的，哪里有人会明文往cookie里存用户名和密码。今天我们就介绍一种危害更大的XSS——session劫持。神马是session想明白session劫持及其危害，首先要搞清楚什么是session，熟悉http的同学知道，http是无状态的，也就是客户端向服务器请求完成后，会断开连接，下次同一个客户端再次访问服务器的时候，服务器会把它当作一个陌生的请求，不会知道它曾经来过，这里有它的印记。但是这样的交互是非常麻烦的，某个网站有很多theme，通过一套机制记在服务
阅读全文
摘要：跨站脚本攻击(Cross Site Script为了区别于CSS简称为XSS)指的是恶意攻击者往Web页面里插入恶意html代码，当用户浏览该页之时，嵌入其中Web里面的html代码会被执行，从而达到恶意用户的特殊目的。一个简单的留言板我们有个页面用于允许用户发表留言，然后在页面底部显示留言列表 Your Comment Nick Name: ...
阅读全文
摘要：在昨天和做SEO的同学聊了一会儿，当然我没有学会搜索引擎优化的技巧和知识，但在此之前一直对HTML5中header、footer、sidebar、article等标签嗤之以鼻，觉得这个和div没有什么区别，顶多添加个style的事儿，当然自己在写页面的时候也从来没用过h1~h6这几个标签，相信还有很多和我有同样疑惑的前端小菜，特此解一下惑。一个小问题先看一段HTML代码 Student List Name Age Byron ...
阅读全文
摘要：之前写过一篇可拖动的DIV讲如何实现可拖动的元素，最后提出了几点不足，这篇文章主要就是回答着三个问题1. 浏览器兼容性2. 边界检查3. 拖动卡顿、失灵先附上上次代码 1 2 3 4 Test 5 41 42 43 44 Dialog 45 46 This is a draggable test. 47 48 49 108 109 View Code ...
阅读全文
摘要：在做WEB UI设计的时候，拖动某个HTML元素已经成为一种不能忽视的用户界面模式，比较典型的应用例子就是Dialog，一个元素是怎么实现拖动的呢？其实原理非常简单，要想实现首先得了解几个基本知识。Tips绝对定位：只有把元素的position属性设置为absolute并且或者fixed才可以实现拖动，默认情况下元素会按文档流中的位置自行决定其出现在页面上的位置，是不能移动的，而绝对定位的元素可以使元素脱离文档流，相对于其定位的父元素或者屏幕定位，可以利用这点儿，通过改变元素与已定位父元素的位移来实现元素拖动。关于定位知识具体可以看看CSS布局 ——从display，position， flo
阅读全文
