- 博客(75)
- 收藏
- 关注
转载 详解URL的组成
很久很久以来,我对浏览器地址栏的信息了解的甚少,只知道域名(估计不知道是这么叫)。唉。。。真是很汗颜啊!在软件专业都混了两年了,还是个菜鸟。说真的,有的时候觉得计算机这个领域真的真的有太多的东西要学了,而且发展速度又那么快。但,这已经是无法改变的事实了,对于我只能是硬着头皮努力的往前走下去,我相信会有成功的一天!最近一段时间都在学javascript,书上有讲到URL方面的一点知识。然后我又查了其
2016-08-30 19:22:35 281
原创 RESTful
Respresentational State Transfer 表现层状态转化它的设计哲学主要讲服务器端提供的内容实体看做一个资源,并表现在url上比如一个用户的地址为:/users/jack这个地址代表了一个资源,对这个资源的操作,主要体现在HTTP请求方法上,不是体现在url上REST的设计就是,通过URL设计资源、请求方法定义资源的操作,通过Accept决定资源的表现形式
2016-08-29 21:47:07 324
转载 target与currentTarget
target在事件流的目标阶段;currentTarget在事件流的捕获,目标及冒泡阶段。只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。比如说现在有A和B, A.addChild(B) A监听鼠标点击事件 那么当点击B时,target是B,curre
2016-08-25 19:58:24 297
转载 http请求头和响应体信息
1)请求(客户端->服务端[request]) GET(请求的方式) /books/java.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号) Accept: */*(客户端能接收的资源类型) Accept-Language: en-us(客户端接收的语言类型) Connection: Keep-Alive(维护客户端和服务端的连接关系
2016-08-24 17:21:55 1684
转载 http状态码
HTTP 204(no content)表示响应执行成功,但没有数据返回,浏览器不用刷新,不用导向新页面。HTTP 205(reset content) 表示响应执行成功,重置页面(Form表单),方便用户下次输入。使用ajax时,当只需要知道响应成功或失败的情况,则可以使用状态码HTTP 204来代替HTTP 200,减少多余的数据传输。例子:ajax提交用户名、文章id,记
2016-08-24 17:05:17 557
转载 http
作者:Leozhang链接:https://www.zhihu.com/question/24774343/answer/96586977毫无疑问,Web 性能的终极目标是减少到用户端的延迟,让用户能够尽快的打开前端网页并进行相关交互。就 HTTP 而言,理想的协议应该看起来是这样的:<img src="https://pic4.zhimg.co
2016-08-24 14:09:10 259
转载 网上面试题(二)
说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染,缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。闭包有三个特性:1.函数嵌套函数 2.函数内部可以引用外部的参数和变量 3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便,分担了服务器
2016-08-22 14:25:59 6317
转载 网上面试题
链接:https://www.zhihu.com/question/41466747/answer/910848881.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维 护、改版方便,不需要变动页面
2016-08-22 14:21:03 2218
原创 媒体查询
@media screen and (min-width:639px)@media only screen and (max-width: 500px){ .gridmenu { width:100%; } .gridmain { width:100%; } .gridright {
2016-08-22 13:15:27 274
原创 多栏布局与盒布局
使用float和position属性的缺点:两个div是独立的,一旦某一个div添加一些内容,就会出现空白区域,两个元素的底部不能对齐使用column-count进行多栏布局div{-moz-column-count:3; /* Firefox */-webkit-column-count:3; /* Safari 和 Chrome */column-count:3;}与
2016-08-22 13:09:09 334
原创 css3动画
Tansitions支持从一个属性值平滑过渡到另一个属性值transition:property duation timing-function transition-delay缺点是:只能指定属性的开始值和终点值,然后在这两个属性之间实现平滑过渡,不能实现更为复杂的动画效果Animations支持通过关键帧的指定来在页面上产生更复杂的动画效果div {
2016-08-22 10:02:13 215
原创 background
background-clip:border|padding|content该属性指定了背景在哪些区域可以显示,但与背景开始绘制的位置无关,背景的绘制的位置可以出现在不显示背景的区域,这时就相当于背景图片被不显示背景的区域裁剪了一部分一样。background-origin:padding|border|content该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控
2016-08-22 09:46:17 193
原创 box-sizing
content-boxpadding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和,即 ( Element width = width + border + padding )此属性表现为标准模式下的盒模型border-boxpadding和border被包含在定义的width和height之内。对
2016-08-22 09:27:43 167
原创 word-break/word-wrap
word-break让文本自动换行normal 使用浏览器默认换行规则 对于西方文字来说,浏览器会在半角空格或连字符的地方自动换行,而不会在单词的当中突然换行。 对于中文来说,可以在任何一个中文字后面进行换行。 如果中文当中含有西方文字,浏览器也会在半角空格或连字符的地方进行换行,而不会在单词中间强制换行。
2016-08-22 08:57:24 320
原创 单例模式
//模块模式。为单例创建私有变量和特权方法。 var singleton = function(){ //私有变量和私有函数 var privateVariable = 10; function privateFunction(){ return false; } //特权/公有方法和属性 return {
2016-08-21 21:24:03 203
转载 内存泄漏排查
http://frontenddev.org/link/js-memory-leak-screening-method-chrome-profiles.html
2016-08-21 16:28:42 204
转载 简述在IE下mouseover和mouseenter的区别
栗子一:script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js">script>script type="text/javascript">x=0;y=0;$(document).ready(function(){ $("d
2016-08-18 19:04:22 1410
原创 JS中&&和||用法
&&和||在JQuery源代码内尤为使用广泛,由于本人没有系统的学习js,所以只能粗略的自我理解出来,希望大家指点下。粗略理解如下:a() && b() :如果执行a()后返回true,则执行b()并返回b的值;如果执行a()后返回false,则整个表达式返回a()的值,b()不执行;a() || b() :如果执行a()后返回true,则整个表达式返回a()的值,b()不执行;如
2016-08-18 18:01:35 195
转载 IndexedDB
Web Storage(Local Storage和Session Storage)与IndexedDB。Web Storage使用简单字符串键值对在本地存储数据,方便灵活,但是对于大量结构化数据存储力不从心,IndexedDB是为了能够在客户端存储大量的结构化数据,并且使用索引高效检索的API。异步API在IndexedDB大部分操作并不是我们常用的调用方法,返回结果的模式,而是
2016-08-18 10:54:16 831
原创 webStorage存储
webStorage 的两个主要目标是:1提供一种在cookie之外存储会话数据的途径2提供一种存储大量可以跨会话存在的数据的机制方法:clear getItem key removeItem setItemsessionStorage对象存储特定于某个会话的数据,也就是该数据只保持到浏览器关闭globalStoragelocalStorage 不能给
2016-08-18 10:03:24 318
转载 cookie-子cookie
Cookie的诞生由于HTTP协议是无状态的,而服务器端的业务必须是要有状态的。Cookie诞生的最初目的是为了存储web中的状态信息,以方便服务器端使用。比如判断用户是否是第一次访问网站。目前最新的规范是RFC 6265,它是一个由浏览器服务器共同协作实现的规范。Cookie的处理分为:服务器像客户端发送cookie浏览器将cookie保存之后
2016-08-18 09:49:59 493
原创 网易面试
一面:1、继承如何实现?组合继承的缺点?怎么解决?2、两栏布局,左侧固定,右侧自适应,怎么实现?多种方法怎么实现?3、事件代理你知道吗?用在什么场景?还有就是那个,你点了一个button,里面还有一个a标签,你如何知道你是点的这个button呢?就是我们之前的那个解决方案,while(target.id !=”btn”){……}4、盒模型二面:1、一个方法,要自己调用自己,
2016-08-17 10:51:19 346
转载 继承
[javascript] view plain copy print?"code" class="javascript"> //1.原型链实现继承 function father() { this.faName = 'father'; } father.pr
2016-08-17 10:49:44 225
原创 js循环绑定事件
1 2 3 4 var ali = document.getElementsByTagName('a'); for(var i=0;i (function(){ var p = i ; c
2016-08-15 21:31:23 261
原创 微店
css3盒模型 box-sizing垂直居中实现一个圆css画一个X原生js写ajax请求304 503 303 重定向怎么实现(返回301,返回请求的新的地址。服务器端地址放在location里面)动画transtion animation 动画结束之后调用一个函数,怎么判断动画是否结束http://blog.csdn.net/kongjiea/article/
2016-08-15 15:36:58 363
转载 js中的继承——浅拷贝、深拷贝
构造函数的继承http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html今天要介绍的是,对象之间的"继承"的五种方法。比如,现在有一个"动物"对象的构造函数。 function Animal(){ this.species = "动物
2016-08-13 18:35:24 2679
原创 阿里一面总结
jquery源码前端框架:backbone Angular.js Vue.js前后端分离this的指向canvas与SVGhtml5css3正则表达式对象与继承的实现跨域性能优化前端安全职业规划为什么学前端?
2016-08-09 15:38:36 395
转载 数值的扩展
传统的写法 在介绍数值的扩展之前我们来看看旧的规范和使用方式,有对比才能看出不同之处。 在ES5中,我们存在几个全局函数 isNaN函数,isFinite函数,parseInt函数,parseFloat函数等,对于这些全局函数的使用很简单,就拿isNaN函数来举例。ES5中的写法是: isN
2016-08-09 10:49:46 399
转载 字符串的扩展
字符串的扩展 简答说,ES6对字符串新增了一些函数和操作规范,使得开发者对字符串的操作更加方便,以往需要借助其他javascript代码才能实现的效果,现在利用这些函数即可快速实现。新特性:模板字符串 “模板字符串”是字符串的一个新特性,传统的字符串实现拼接的时候,要将变量插入字符串中,语法是这样的,
2016-08-09 10:25:21 512
转载 解构赋值
什么是解构赋值 按照一贯的套路,接下来的内容是解释:什么是解构赋值? 来看看官方的解释:ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。 这句话也不难理解,但是前端君怎么会这么敷衍了事,随便贴一段官方的文字解释就算呢。
2016-08-09 10:15:31 6917
转载 const常量——传址赋值
const 的作用 const是constant(常量)的缩写,const和 let一样,也是用来声明变量的,但是const是专门用于声明一个常量的,顾名思义,常量的值是不可改变的。以前用var声明的变量,想怎么改就怎么改,同一个变量,后面的值可以轻松覆盖原来的值,这次const声明的变量,可由不得我们这么任性地想改就改了。常量
2016-08-09 09:59:15 1012 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人