前端开发
文章平均质量分 67
JiajiaAz
stay hungry,stay foolish
展开
-
Web前端PS基础
Web前端PS基础1. 测量图形元素尺寸使用矩形选框工具,选中需要测量的区域,然后在信息面板中查看选中区域的尺寸,可以通过信息面板又上角的三角形将单位改为“像素”。使用ps标尺功能(视图->标尺)使用辅助线功能(从标尺处开始按住鼠标左键往外拉),借助辅助线使用矩形选框工具测量图形大小。2. 颜色拾取利用拾色器面板获取设计页面上任意元素的颜色,获得对应原色的RGB颜色值原创 2017-06-28 17:44:24 · 435 阅读 · 0 评论 -
JS判断变量类型的方法总结
typeof操作符用于检测基本数据类型,返回值可能为:“number” “boolean” “string” “undefined” “object” “function”.注意:typeof null返回”object”。instanceof操作符用于检测某一个对象是否为某一类型的实例。[3,4,5] instanceof Array//trueObj...原创 2018-03-25 11:15:42 · 308 阅读 · 0 评论 -
从输入URL到网页呈现的过程
1、域名解析当我们在浏览器中输入一个URL,例如”www.google.com”时,这个地址并不是谷歌网站真正意义上的地址。互联网上每一台计算机的唯一标识是它的IP地址,因此我们输入的网址首先需要先解析为IP地址,这一过程叫做DNS解析。DNS解析是一个递归查询的过程。例如,我们需要解析”www.google.com”时,会经历以下步骤:在本地域名服务器中查询IP地址,未找到域名;...原创 2018-03-24 10:30:36 · 8451 阅读 · 2 评论 -
Javascript的事件机制
事件流事件流描述的是元素接收事件的顺序。事件冒泡:事件从最具体/最内层的元素开始接受,向上传递至最外层的元素节点(document),IE的事件流。事件捕获:最外层的节点最先接收到事件,逐层传递到最内层的节点。DOM2级事件流DOM2级规定事件流包括三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。处于目标阶段是指实际的事件目标接收到事件,再后续的事件处理阶段,它被看作...原创 2018-03-23 17:24:43 · 185 阅读 · 0 评论 -
跨域总结
浏览器的同源策略——跨域问题的由来如果两个页面的协议,端口(如果有指定)和域名都相同,则两个页面具有相同的源。例如,下表给出了相对http://store.company.com/dir/page.html同源检测的示例: URL 结果 原因 http://store.company.com/dir2/other.html 成功 ...原创 2018-03-06 17:20:31 · 332 阅读 · 0 评论 -
跨域资源共享 CORS 详解
跨域资源共享 CORS 详解转载自:http://www.ruanyifeng.com/blog/2016/04/cors.htmlCORS是一个W3C标准,全称是”跨域资源共享”(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制...转载 2018-03-06 16:34:56 · 154 阅读 · 0 评论 -
JavaScript闭包
闭包的概念闭包是有权访问另外一个函数作用域中的变量的函数。 如下,compare 函数即为一个闭包,它访问了compareObject作用域中的proName变量。function compareObject(proName){ return function(obj1,obj2){ var value1 = obj1[proName] var...原创 2018-03-12 16:55:52 · 171 阅读 · 0 评论 -
JavaScript自动类型转换
我们都知道,JavaScript是弱类型语言,在声明一个变量时,我们无法明确声明其类型,变量的类型根据其实际值来决定,而且在运行期间,我们可以随时改变这个变量的值和类型,另外,变量在运行期间参与运算时,在不同的运算环境中,也会进行相应的自动类型转换。自动类型转换一般是根运行环境和操作符联系在一起的,是一种隐式转换,看似难以捉摸,其实是有一定规律性的,大体可以划分为:转换为字符串类型、转换为布尔类...转载 2018-03-12 14:50:06 · 1690 阅读 · 0 评论 -
JavaScript中的继承
原型链继承子类的原型指向父类实例对象使子类的原型对象指向父类实例,并将该实例的constructor属性指向子类构造函数,实现继承。 function Super(value){ this.superPro = value}function Sub(value){ this.subPro = value}let subProtoObj = new S...原创 2018-03-10 10:54:06 · 198 阅读 · 0 评论 -
JavaScript中的对象
JavaScript的对象对象的实质是一组名值对,其中值可以为数据或函数。当值为数据时,对应的名被称为对象的属性;当值为函数时,对应的名被称为对象的方法。通过Object()类创建对象let person = new Object()person.name = "guagua"person.age = 18person.say = function(){ cons...原创 2018-03-10 10:16:12 · 218 阅读 · 0 评论 -
浏览器是如何渲染页面的?
浏览器页面渲染流程浏览器从HTTP服务器获取html文档,到呈现页面给用户,会经过以下几个步骤:1、解析文档构建DOM树浏览器的解析内容可以分为三个部分:HTML/XHTML/SVG:解析这三种文件后,会生成DOM树(DOM Tree)CSS:解析样式表,生成CSS规则树(CSS Rule Tree)JavaScript:解析脚本,通过DOM API和CSSOM API...原创 2018-03-16 09:40:07 · 21602 阅读 · 7 评论 -
跨站请求伪造(CSRF)
跨站请求伪造(CSRF)概念CSRF,全称为Cross-Site Request Forgery,跨站请求伪造,是一种网络攻击方式,它可以在用户毫不知情的情况下,以用户的名义伪造请求发送给被攻击站点,从而在未授权的情况下进行权限保护内的操作。具体来讲,可以这样理解CSRF。攻击者借用用户的名义,向某一服务器发送恶意请求,对服务器来讲,这一请求是完全合法的,但攻击者确完成了一个恶意操...原创 2018-03-07 20:51:33 · 19017 阅读 · 0 评论 -
JavaScript浅拷贝与深拷贝
JavaScript中的数据类型要理解深拷贝和浅拷贝,首先需要理解JavaScript的数据类型。可分成两类: 1. 基本数据类型:包括Null、Undefined、Boolean、Number、String、Symbol(ES6新增)。基本类型的变量存放在栈区中,复制变量时会开辟新的栈区,将变量值复制过去,因此,复制的变量和原变量是两个完全独立的变量,操作不会相互影响。 2. 复杂数据类...原创 2018-03-07 17:42:33 · 241 阅读 · 0 评论 -
cookie 及其作用域
JavaScript Cookies转载自:http://www.w3school.com.cn/js/js_cookies.asp什么是cookie?cookie 用来识别用户。cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。有关cookie的例子:名字 c转载 2018-03-07 10:20:27 · 9833 阅读 · 5 评论 -
关于两个DIV各占50%时无法在同一行显示的问题
关于两个DIV各占50%时无法在同一行显示的问题原因浏览器的原因,浏览器有3px的BUG。 因为margin,padding,border都设为0,所以与之无关。解决方案(1)在其中一个div上加上margin-left:-3px;(2)将两个元素都设置为靠左或靠右浮动,然后将宽度均设为50%。注意margin,padding,border是会占用当前元素以外的空间,而并非其本身的空间。原创 2017-07-22 10:22:02 · 3774 阅读 · 0 评论 -
Hexo+git建站流程及注意事项
建站基本流程1、安装nodejs、git 2、安装hexo$ npm install -g hexo-cli3、建站,folder为站点文件夹名称$ hexo init <folder>$ cd <folder>$ npm install4、 本地试运行$ git clean //清除原有服务器数据$ git generate ...原创 2018-06-30 14:53:09 · 530 阅读 · 0 评论