- 博客(22)
- 收藏
- 关注
RSS订阅原创 AJAX原理
Asynchronous JavaScript and XML，用JavaScript执行异步网络请求。AJAX是客户端与服务器端的交互技术，通过异步请求的方式，实现页面无刷新式提交。 使用AJAX，请求响应模式不再是请求对应页面的模式，服务器端的响应不要求重新加载整个页面，而可能仅仅更新部分内容。而且发送的请求是异步的，不需要等待服务器对该异步请求做出响应，还可以继续当前页面的操作，当服...
2018-09-23 11:53:16
270
转载 CSS垂直居中技巧
1、Line-height适用情景：单行文字垂直居中技巧这个方式应该是最多人知道的了，常见于单行文字的应用，像是按钮这一类对象，或者是下拉框、导航此类元素最常见到的方式了。此方式的原理是在于将单行文字的行高设定后，文字会位于行高的垂直中间位置，利用此原理就能轻松达成垂直居中的需求了。<div class="content">Lorem ipsam.</div>...
2018-09-09 09:57:54
320
原创 状态码401 和 403
一、401 Unauthorized 未授权客户端在访问请求的资源之前，对自己进行认证；HTTP提供一个原生的质询/响应（challenge/response）框架，简化对用户的认证过程。认证的4个步骤：客户端发送请求：第一条请求没有认证信息； 质询（响应首部www-Authenticate）：服务器用401状态拒绝了请求，没有按照请求执行动作，说明需要用户提供用户名和密码。服务器会...
2018-09-05 16:41:46
35718
原创 this的4种绑定规则
this的四种绑定规则：默认绑定、隐式绑定、显式绑定和new绑定，分别对应函数的四种调用方式：独立调用、方法调用、间接调用和构造函数调用。1、默认绑定全局环境中，this默认绑定到windowconsole.log(this === window);//true函数独立调用时，this默认绑定到windowfunction foo(){ console.log(this...
2018-09-05 11:15:24
407
原创 JS的原型对象与原型链
一、创建对象的方法字面量 构造函数 Object.create() // 第一种方式：字面量 var o1 = {name: 'o1'} var o2 = new Object({name: 'o2'}) // 第二种方式：构造函数 var M = function (name) { this.name = name; } var o3...
2018-08-31 15:59:39
517
转载 MVC、MVP、MVVM三种区别及适用场合
本文将详细阐述以下MVC、MVP、MVVM三种理念的定义及区别还有他们的适用场合。MVCMVC模式最初生根于服务器端的Web开发，后来渐渐能够胜任客户端Web开发，能够满足其复杂性和丰富性。MVC是Model-View-Controller的缩写，它将应用程序划分为三个部分： Model 模型（用于处理与应用程序的业务逻辑相关的数据以及对数据的读取） View 视图...
2018-08-28 16:40:12
1075
原创 JS中继承方式
原型链继承 借用构造继承 组合继承 原型式继承 寄生式继承 寄生组合式继承一 、原型链继承本质：通过将一个构造函数的实例赋值给另一个构造函数的原型，实现是重写原型对象，代之以一个新类型的实例。function SuperType(){ this.property = true; // 实例属性} SuperType.prototype.getSuperValue...
2018-08-26 22:16:32
317
原创 前端模块化，AMD与CMD的区别
在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀这时候JavaScript作为嵌入式的脚本语言的定位动摇了，JavaScript却没有为组织代码提供任何明显帮助，甚至没有类的概念，更不用...
2018-08-24 15:17:38
224
转载 前端跨域知识
1、什么是跨域？跨域：只要协议、域名、端口有一个不相同就是属于跨域，为了浏览器安全考虑，浏览器有一个同源策略，但也为iframe引入和ajax请求带来不少的麻烦，所以需要通过一些方法是本地js能够操作其他域的页面对象或者其他域的js能够操作本域的页面对象（iframe之间）。下面是具体的跨域情况详解：URL 说明 是否允许通信 http://www.a.com/a....
2018-08-23 14:25:05
534
原创 JS事件委托的概念和作用
1、为什么要用事件委托一般来说，dom需要有事件处理程序，我们都会直接给它设事件处理程序就好了，那如果是很多的dom需要添加事件处理呢？比如我们有100个li，每个li都有相同的click点击事件，可能我们会用for循环的方法，来遍历所有的li，然后给它们添加事件，那这么做会存在什么影响呢？操作DOM次数过多，造成浏览器的重排和重绘就越多； 每个事件都是一个对象，事件处理程序越多，占用的...
2018-08-23 11:08:13
2266
2
原创 XSS跨站脚本攻击和CSRF跨站点请求伪造
一、XSS跨站脚本攻击1、简介跨站脚本（cross site script）为了避免与样式css混淆，所以简称为XSS，XSS是一种经常出现在web应用中的计算机安全漏洞，也是web中最主流的攻击方式，XSS是指恶意攻击者利用网站没有对用户提交数据进行转义处理或者过滤不足的缺点，往Web页面里插入恶意html代码，当用户浏览该页之时，嵌入Web里面的html代码会被执行，从而达到恶意用户的...
2018-08-23 10:26:00
704
原创 VueJS的生命周期函数
生命周期：从Vue的创建到运行、销毁总是伴随着各种各样的事件，这些事件统称为生命周期，生命周期钩子是别名。以下生命周期函数是与methods属性平级的。生命周期函数分类：创建阶段的生命周期函数 首先通过var vm = new Vue({}) 创建一个Vue实例对象，vm是一个空的Vue实例对象beforeCreate()：在beforeCreate()生命周期函数...
2018-08-21 22:19:40
1539
原创 JavaScript 运行机制详解：深入理解Event Loop
1、为什么JavaScript是单线程的？JS是单线程的语言，也就是CPU同一时间只能处理一个事务，单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着。因为JS作为浏览器的脚本主要作用就是与用户交互，以及操作DOM，这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某...
2018-08-21 16:04:09
593
原创 从输入url到页面展示到底发生了什么
主要过程：1.输入地址，DNS域名解析；2.建立TCP连接；3.发送HTTP请求；4.服务器处理请求；5.返回响应结果；6.关闭TCP连接；7.浏览器解析HTML；8.浏览器布局渲染；1、输入地址，DNS域名解析当开始在浏览器中输入网址的时候，浏览器其实就已经在智能的匹配可能得 url 了，从历史记录，书签等地方，找到已经输入的字符串可能对应的 url，然后给出智能提示，...
2018-08-21 14:41:44
314
原创 session,cookie,sessionStorage,localStorage的区别
会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话，将用户数据存储在客户端上的方式。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式，记录客户状态的机制。cookie机制...
2018-08-21 09:25:26
822
转载 前端 HTTP和HTTPS
1、HTTP和HTTPS的基本概念http超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。https：HTTPS协议是由SSL(Secure Sockets Layer 安全套接层)+HTTP协议构建的可进行加密传输、身份认证的网络协议。是以安...
2018-08-20 20:10:50
1812
原创 jQuery插件
前言jQuery插件的用法和调用方式： //sample:扩展jquery对象的方法，bold()用于加粗字体。 (function ($) { $.fn.extend({ "bold": function () { ///<summary> ...
2018-08-20 18:10:39
281
原创 ES6 Promise
Promise 是 ES6 新增的语法，是一种异步编程的解决方案，解决了回调地狱的问题。可以把 Promise 看成一个状态机，它有三种状态，分别是pending-进行中、resolved-已完成、rejected-已失败，初始是 pending 状态，可以通过函数 resolve 和 reject ，将状态转变为 resolved 或者 rejected 状态，状态一旦改变就不能再次变化，不能逆...
2018-08-10 08:23:28
212
原创 webpack的安装和基本使用
webpack概念中文文档官网： https://www.webpackjs.com/网页中常用的静态资源：JS(.js .jsx .coffee .ts(TypeScript中间语言，不能自浏览器中运行，需要编译器进行编译为js语言)) CSS(.css .less .sass -> .scss 类似于.less) Images(.jpg .png .gif .bmp .sv...
2018-07-17 21:10:50
29282
2
原创 JavaScript闭包
闭包：指的是一种函数，有权访问另一个函数（外部函数）作用域中的变量的函数。创建闭包的方式，就是在一个函数内部创建另一个函数。1、执行环境每个函数都有自己的执行环境，环境中定义了所有的变量和函数。某个执行环境中的所有的代码执行完毕后，该执行环境被销毁，保存在其中的所有变量和函数定义随之被销毁。当执行流进入一个函数后，函数的环境会被堆入一个环境栈中，而在函数执行之后，栈将其环境弹出，把控制权返...
2018-05-28 19:53:36
225
原创 Django项目后台不挂断运行
Django项目后台不挂断运行方法一：1、进入项目目录下，运行下面程序：nohup python manage.py runserver 0.0.0.0:5008 &nohup(no hang up)用途：不挂断的运行命令&用途：在后台运行nohup /root/start.sh &在shell中回车后提示： [~]$ appending output to nohup.o...
2018-04-12 09:39:54
17539
原创 Angular4项目nginx服务器部署
Angular4项目nginx服务器部署1. Nginx相关操作命令：Ø ubuntu安装：$ sudo apt-get install nginx 安装完成即可，在/usr/sbin/目录下是nginx命令所在目录，在/etc/nginx/目录下是nginx所有的配置文件，nginx.conf文件用于配置nginx服务器以及负载均衡等信息；Ø 查看nginx进程是否启动：$ ps -ef|...
2018-04-12 09:31:16
2135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人