自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(74)
  • 收藏
  • 关注

转载 ngix配置

通过 Nginx 代理转发配置实现跨域(API 代理转发)阅读 5552收藏 1332017-04-08原文链接:www.thinktxt.com[掘金官方] 1024 程序员节特别视频节目《掘友脱单指南》 正式发布!juejin.im在WEB开发中,我们经常涉及到跨域的请求,解决跨域问题的方式有很多,比如有window.name、iframe、JSONP、CORS等等,就...

2019-10-24 10:16:34 807

转载 jQuery Ajax 设置请求头

jQuery Ajax 设置请求头。 https://blog.csdn.net/WRian_Ban/article/details/70257261在项目中采用token来验证用户登录,运作机制大致如下 用户首次登录成功时,server-end发送token到client,client存入cookie。 用户做任何请求操作时,在ajax的headers里带上token,用...

2018-11-26 21:55:44 6211

转载 行内元素和块级元素的具体区别是什么?inline-block是什么?

行内元素和块级元素的具体区别是什么?inline-block是什么?(面试题目)https://www.cnblogs.com/iceflorence/p/6626187.html?utm_source=itdadao&utm_medium=referral 一,行内元素与块级元素的区别:1.行内元素与块级元素直观上的区别二、行内元素与块级元素的三个区别    行内元素会在...

2018-08-31 12:55:17 14369

转载 MySQL性能优化的最佳21条经验

MySQL性能优化的最佳21条经验资源链接:https://blog.csdn.net/kaka1121/article/details/53395587今天,数据库的操作越来越成为整个应用的性能瓶颈了,这点对于Web应用尤其明显。关于数据库的性能,这并不只是DBA才需要担心的事,而这更是我们程序员需要去关注的事情。当我们去设计数据库表结构,对操作数据库时(尤其是查表时的SQL语句),我们...

2018-08-30 22:29:26 188

转载 tcp的三次握手四次挥手

CP的三次握手与四次挥手(详解+动图)资源链接:https://blog.csdn.net/qzcsu/article/details/72861891个人分类: 理论交流版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qzcsu/article/details/72861891背景描述通过上一篇中网络模型中的IP层的介绍,我...

2018-08-28 06:44:12 152

转载 HTTP 304(Not Modified)和200(From Cache)的区别

 (转)HTTP 304(Not Modified)和200(From Cache)的区别资源链接:https://segmentfault.com/a/1190000006772793last-modified   http   304大家都知道200是正常,304是没有变化、没有修改。但200是不是真的就“正常”,304背后又都做了什么?他是怎么判断没修改的?2...

2018-08-25 16:07:26 2832

原创 js继承

因为是原创只复制了地址:https://blog.csdn.net/js_admin/article/details/71012367非构造函数的继承:浅拷贝和深拷贝浅拷贝首先可以通过 Object.assign 来解决这个问题。let a = { age: 1}let b = Object.assign({}, a)a.age = 2console.log(b....

2018-08-25 13:25:12 145

转载 理解pwa

资源链接:https://segmentfault.com/a/11900000123534732017年12月09日  ·  16.8k 次阅读讲讲PWA pwa43一、背景文章2017 前端大事件和趋势回顾,2018 何去何从?中提到了2017年前端值得关注的十大事件,其中就提到了PWA。大家都知道Native app体验确实很好,下载到手机上之后入口也方便。它也...

2018-08-25 10:49:34 915

转载 304缓存

第一篇文章资源地址:https://blog.csdn.net/huwei2003/article/details/70139062HTTP 304状态码的详细讲解304状态码或许不应该认为是一种错误,而是对客户端有缓存情况下服务端的一种响应。整个请求响应过程如下:客户端在请求一个文件的时候,发现自己缓存的文件有 Last Modified ,那么在请求中会包含 If Mo...

2018-08-25 09:10:30 2162

转载 vue中mode hash 和 history的区别

vue中mode hash 和 history的区别资料链接:https://blog.csdn.net/lyn1772671980/article/details/80804419对于 Vue 这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义。前端路由的核心,就在于 —— 改变视图的同时不会向后端发出请求。为了达...

2018-08-24 16:20:08 2141

转载 记录一下history和hash

记录一下history和hash转载地址:https://www.cnblogs.com/photon-phalanx/p/7452331.html前些天去网易面试,太紧张了结果犯了不少的错,很多还是简单的错。现在回想起来,还是觉得js的知识点掌握的不行,有些东西了解了却没有去尝试,所以一知半解,在面试官面前完全暴露出来。感谢网易的2位面试官,让我发现了不少自身的漏洞好了,开始正题...

2018-08-24 15:46:50 207

转载 网络爬虫与搜索引擎优化(SEO)

网络爬虫与搜索引擎优化(SEO)资源链接:https://www.cnblogs.com/nanshanlaoyao/p/6402721.html爬虫及爬行方式爬虫有很多名字,比如web机器人、spider等,它是一种可以在无需人类干预的情况下自动进行一系列web事务处理的软件程序。web爬虫是一种机器人,它们会递归地对各种信息性的web站点进行遍历,获取第一个web页面,然后获取那个...

2018-08-24 09:59:35 936

转载 双向绑定

双向绑定 资源地址:https://blog.csdn.net/wlfandzy/article/details/79754758https://blog.csdn.net/sara098/article/details/79513206https://blog.csdn.net/sinat_27346451/article/details/78315075vue的双向绑定主要...

2018-08-24 07:31:24 181

转载 浅谈meta viewport设置移动端自适应

浅谈meta viewport设置移动端自适应资料来源:https://blog.csdn.net/zhouziyu2011/article/details/60570547版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhouziyu2011/article/details/605705471、viewport移动设备上的vie...

2018-08-24 03:41:28 401

转载 浅谈meta viewport设置移动端自适应

浅谈meta viewport设置移动端自适应资料料来源:https://blog.csdn.net/zhouziyu2011/article/details/60570547版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhouziyu2011/article/details/605705471、viewport移动设备上的vi...

2018-08-24 03:40:06 320

转载 前端发布订阅

Javascript中理解发布--订阅模式 转载地址:Careers.cvte.com发布订阅模式介绍   发布---订阅模式又叫观察者模式,它定义了对象间的一种一对多的关系,让多个观察者对象同时监听某一个主题对象,当一个对象发生改变时,所有依赖于它的对象都将得到通知。  现实生活中的发布-订阅模式;  比如小红最近在淘宝网上看上一双鞋子,但是呢 联系到卖家后,才发现这双鞋...

2018-08-23 13:41:43 841

转载 常用的本地存储——cookie篇

 常用的本地存储——cookie篇资源链接:https://segmentfault.com/a/1190000004743454#articleHeader0一、引言随着浏览器的处理能力不断增强,越来越多的网站开始考虑将数据存储在「客户端」,那就不得不谈谈本地存储了。本地存储的好处显而易见,一是避免取回数据前页面一片空白,如果不需要最新数据也可以减少向服务端请求的次数,从而减少用...

2018-08-23 06:06:24 8600

转载 BFC和overflow解决部分问题的原理

BFC和overflow解决部分问题的原理资源链接:https://blog.csdn.net/zj128548/article/details/77684187关于BFC普通文档流的盒子属于一种格式化上下文,它可能是块状或者行内元素,但是不可能同时是二者。块状盒子属于块状格式化上下文(BFC),行内盒子属于内格式化上下文。1.创建BFC的条件:float的属性不是none;...

2018-08-22 06:27:52 349

转载 前端安全之CSRF攻击

前端安全之CSRF攻击前端安全之CSRF攻击转载请注明出处:unclekeith: 前端安全之CSRF攻击CSRF定义CSRF,即(Cross-site request forgery), 中文名为跨站请求伪造。是一种挟持用户在当前已登录的Web应用程序上执行非本意的操作的一种攻击方式。CSRF攻击的本质在于利用用户的身份,执行非本意的操作。根据CSRF的全名,可以得出的结论是:C...

2018-08-22 05:33:41 178

转载 前端安全之XSS攻击

前端安全之XSS攻击前端安全之XSS转载请注明出处:unclekeith: 前端安全之XSSXSS定义XSS, 即为(Cross Site Scripting), 中文名为跨站脚本, 是发生在目标用户的浏览器层面上的,当渲染DOM树的过程成发生了不在预期内执行的JS代码时,就发生了XSS攻击。跨站脚本的重点不在‘跨站’上,而在于‘脚本’上。大多数XSS攻击的主要方式是嵌入一段远...

2018-08-22 04:55:36 149

转载 简单讲讲前端路由概念

简单讲讲前端路由概念资源链接:https://blog.csdn.net/u014168594/article/details/79181828前端路由路由历史什么是路由? 路由是根据不同的 url 地址展示不同的内容或页面早期的路由都是后端直接根据 url 来 reload 页面实现的,即后端控制路由。后来页面越来越复杂,服务器压力越来越大,随着 ajax(异步刷新技术)...

2018-08-21 14:14:00 238

转载 前端常见跨域解决方案(全)

前端常见跨域解决方案(全)资源链接:https://www.cnblogs.com/roam/p/7520433.html什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<fr...

2018-08-20 19:56:13 141

转载 深入浅析同源策略和跨域访问

深入浅析同源策略和跨域访问资料来源:https://blog.csdn.net/qq895627041/article/details/738112091. 什么是同源策略     理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。    何谓同源:        URL由协议、域名、端口和路径组成,如果两个URL的协议、域名和端口相同,则...

2018-08-20 19:47:56 177

转载 2018秋招前端面试回顾(阿里、百度、网易、迅雷、美团等)

2018秋招前端面试回顾(阿里、百度、网易、迅雷、美团等)资源链接:https://blog.csdn.net/fengxiaoxiao_1/article/details/78128224今年秋招对我是个打击,不过也让我认清了现实。借用鲁迅先生的一句话,真正的勇士敢于直面惨淡的人生,敢于正视失败的面试。面试失败不可怕,可怕的是不能吸取教训。在吸取教训上我做的不好,不然也不会有些面试问题记...

2018-08-20 10:29:34 182

转载 2018年web前端经典面试题及答案

2018年web前端经典面试题及答案资源链接:https://www.cnblogs.com/wdlhao/p/8290436.html#_label3阅读目录JavaScript部分 JQurey部分 HTML/CSS部分 正则表达式 开发及性能优化部分本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题,并且都给出了我在网上收集的答案。马上就要过春节...

2018-08-19 00:30:57 1255

转载 全面理解和运用loader和plugins

​​​​​​webpack入门和实战(二):全面理解和运用loader和plugins资源链接:https://www.cnblogs.com/wdlhao/p/5807157.html您的阅读目录:一、理解webpack加载器loader 二、理解less-loader加载器的使用 三、理解babel-loader加载器的使用 四、webpack命令行常见使用的操作 ...

2018-08-18 23:32:41 1411

转载 移动端的touch click事件的理解+点透

移动端的touch click事件的理解+点透资源链接:https://www.jianshu.com/p/dc3bceb10dbb yongningfu 关注2017.08.09 22:45* 字数 1068 阅读 8282评论 2喜欢 9移动端在touch上一共有4个事件touchstart touchmove touchend touchcancel, touchcanc...

2018-08-18 18:56:58 263

转载 Fetch

Why Fetch 资源链接:https://www.jianshu.com/p/35123b048e5e在开发过程中,我们向服务端发送请求,一般会使用三种方式, XMLHttpRequest(XHR),jQuery实现的AJAX,Fetch ,让我们首先来比较一下这三者的使用示例。XMLHttpRequestvar xhr;if (window.XMLHttpReques...

2018-08-18 17:52:57 247

转载 前端面试-浏览器渲染机制

前端面试-浏览器渲染机制转载地址:https://blog.csdn.net/cde7070/article/details/50619853在开发WEB应用整一个流程中,用户体验通常都会被提及,而网站的性能,又是与用户体验直接挂钩,因此可以在项目需求规格文档中经常看到项目对性能的需求。WEB性能优化常见的入手点包括以下几点:1、  HTTP请求2、  服务器响应速度3、 ...

2018-08-18 13:39:26 1691

转载 S6--generator

S6--generator博客链接地址:https://blog.csdn.net/yanyongtao1/article/details/79003043阅读数:53generator(生成器)是ES6标准引入新的数据类型, 一个generator看上去像一个函数,但可以返回多次。ES6中generator的定义借鉴了python的generator的概念和语法。------...

2018-08-18 05:36:22 129

转载 50道JavaScript基础面试题(附答案)

50道JavaScript基础面试题(附答案)资料来源:https://blog.csdn.net/sinat_17775997/article/details/80704694https://segmentfault.com/a/11900000152887001 介绍JavaScript的基本数据类型Number、String 、Boolean 、Null、Undefined ...

2018-08-17 17:20:51 1264

转载 50道CSS基础面试题(附答案)

50道CSS基础面试题(附答案)前端大学 6月8日作者:刘宁Leo https://segmentfault.com/a/1190000013325778 1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin低版本IE盒子模型:宽度=内容宽度(...

2018-08-17 15:50:15 325

转载 多益网络笔试题(前端工程师)

多益网络笔试题(前端工程师)2017年08月30日 22:48:13阅读数:25211 写出inline和inline-block的差别:布局方式相同,唯一的区别在inline-block可以设置宽高,inline不可以。另外:inline设置上下内边距和上下外边距会造成一些mess。详见:What is the difference between display: inli...

2018-08-16 02:39:29 1782

转载 WebSocket 教程

WebSocket 教程2017/05/15 · 基础技术 · websocket原文出处: 阮一峰   WebSocket 是一种网络通信协议,很多高级功能都需要它。  本文介绍 WebSocket 协议的使用方法。一、为什么需要 WebSocket?初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个协议?它...

2018-08-14 15:53:48 135

转载 nodeJS理解

nodeJS理解nodejs是一个基于Chrome V8 引擎的JS运行环境,也就是让javascript运行在服务器(server)端,NodeJS使用了一个事件驱动,非阻塞式的I/O模型,使得其轻量又高效。Nodejs包管理器npm是全球最大的开源生态系统。nodejs是服务端的js平台。npm grunt express 等强大的代码与项目管理应用在nodeJS上。关于N...

2018-08-14 14:26:37 133

转载 vue我的总结+转原理

vue我的总结+转原理我的总结vue:1 mvvm模型,model,view,viewmodel,自底层向上,逐渐增加的模式2 .vue文件 包含html css js 有最近设计原则,将自己需要的放到最近,2 组件化 避免了耦合2 数据双向绑定,数据变化视图变化,视图变化数据变化,观察者的模式,Object.defineProperty()3 丰富的指令 如:v-bind缩写...

2018-08-13 19:15:26 110

转载 vuejs实现数据驱动视图原理

vuejs实现数据驱动视图原理什么是数据驱动数据驱动是vuejs最大的特点。在vuejs中,所谓的数据驱动就是当数据发生变化的时候,用户界面发生相应的变化,开发者不需要手动的去修改dom。比如说我们点击一个button,需要元素的文本进行是和否的切换。在jquery刀耕火种的年代中,对于页面的修改我们一般是这样的一个流程,我们对button绑定事件,然后获取文案对应的元素dom对象,然...

2018-08-13 18:55:58 556

转载 Vue原理&实现双向绑定MVVM

2016年08月16日  ·  145k 次阅读剖析Vue原理&实现双向绑定MVVMvue.js   双向绑定   javascript500本文能帮你做什么?1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理、数据...

2018-08-13 18:55:27 181

转载 常见的web性能优化方法

常见的web性能优化方法2017年06月07日 10:54:05阅读数:6197前言:关于优化问题,随着项目经验不断累积,多方查找资料进行拼接合并,形成如下文章,之后遇到类似好的方法,会不断补充完善。前端是庞大的,包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什...

2018-08-13 15:58:11 518

转载 jsonp的原理,应用场景,优缺点

jsonp的原理,应用场景,优缺点2017年03月26日 13:21:25阅读数:7297在开发测试中,难免会在不同域下进行跨域操作,出于安全性考虑,浏览器中的同源策略阻止从一个域上加载的脚本获取或者操作另一个域下的文档属性,这时需要进行跨域的方式进行解决,如:使用jsonp ,iframe等 1.jsonp的原理jsonp,即json+padding,动态创建scri...

2018-08-10 15:56:15 225

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除