qq_36367494的博客

转载 call

关于call   1.如果我们调用函数的时候，想让函数里的 this 代表别的对象，而不是当前函数的对象。有什么办法呢？那就只好使用call和apply了（对于我这种初学者，这两个东西太恶心了）                       通常我们调用函数，都是直接采用以下形式调用     [调用] 函数名();  //doSomething();     其实我们还可以采用其它方法, 比...

原创 SpringMVC

原创 react 路由

写一个路由应用的小demo实现的功能以及界面如下:未完待更。。。

原创 计算机操作系统基础

1.并发是指一个处理器同时处理多个任务。 并行是指多个处理器或者是多核的处理器同时处理多个不同的任务。 并发是逻辑上的同时发生（simultaneous），而并行是物理上的同时发生。 来个比喻：并发是一个人同时吃三个馒头，而并行是三个人同时吃三个馒头。为什么引入进程：1 刻画系统动态性 （因为进程有生命周期，具有 动态性）                             2 描述共享性（可...

原创 react脚手架

脚手架包含webpack,babel的复杂配置(基于webpack+ES6+react)，上来就可开发项目入口文件index.js不能删。index.html是模板页面，没有script标签，自动生成script标签新建的项目包依赖不是基于NPM5,所以在这个项目基础上开发，如果要继续添加包依赖的话，要用npm命令，之前的包依赖都不能用了决解办法：把package-lock.json删掉，在重新输...

原创 webpack基本使用与介绍

1. js 依赖（引用）css 依赖（引用）jpg 与Gulp Grunt相比对了模块打包的概念（没有html）webpack只能直接加载和打包js 和json文件，要加载css，必须利用一个loader(webpack 1.0只能加载js   webpack 3增添加载json )2.webpack3内部支持ES6 commandJS AMD三种模块语法 webpack1.0 ES6只要打包主模...

转载 前端面试排序算法

https://segmentfault.com/a/1190000010413296

转载 跨域解决办法（详细）

window.name+iframe.contentWindow.name有三个页面：a.com/app.html：应用页面。a.com/proxy.html：代理文件，一般是一个没有任何内容的html文件，需要和应用页面在同一域下。b.com/data.html：应用页面需要获取数据的页面，可称为数据页面。实现起来基本步骤如下：在应用页面（a.com/app.html）中创建一个iframe，把...

转载 http状态码以及Ajax readyState属性

属性 描述onreadystatechange 存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。readyState 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。0: 请求未初始化1: 服务器连接已建立2: 请求已接收3: 请求处理中4: 请求已完成，且响应已就绪status 200: "OK"404: 未找到页面HTTP状态码分类分类 分类...

转载 content-type 以及MIME类型

　HTTP content-typeContent-Type，内容类型，一般是指网页中存在的Content-Type，用于定义网络文件的类型和网页的编码，决定浏览器将以什么形式、什么编码读取这个文件，这就是经常看到一些Asp网页点击的结果却是下载到的一个文件或一张图片的原因。MIME每一个 URL 都代表着一个资源对象，而当我们请求一个网页的时候，看似只请求了一个 URI（统一资源标识符），实际上...

转载 GET和POST请求的区别（前端面试必问）

var request = new XMLHttpRequest();request.open("GET", "server.php?number=" + document.getElementById("keyword").value); request.send();var request = new XMLHttpRequest(); request.open("POST", "server...

转载 JavaScript中数组Array.prototype的常用的方法总结

接下来，我们就以12个比较常见常用的API开始说起：1. join()  将数组转化为字符串，并且以某个分隔符进行连接，默认是使用的逗号“ , ”var arr1=[1,2,3];console.log(arr1.join('_'));可以使用join()来封装一个函数，连续打印重复的字符，并且可以指定重复一个字符串多少次；原理：假设n为3，那么new Array(4)就是新建一个长度为4的空的数...

转载 w3c代码规范标准 Web语义化 表现与数据分离

代码标准 w3c官网语义化：1、浏览器和W3C组织推出的如h1~h6、thead、ul、ol的HTML标签，用于在Web页面中组织对应的内容，如网页标题、表头、无序、有序列表，以达到更方便的协作及传播互联网内容。搜索引擎很好的利用了这些语义化标签抓取内容，又鉴于搜索引擎的巨大流量推荐，Web前端不得不考虑SEO，从而两者实现有益的循环，共同推进着语义化标签的使用。2、但Web的发展超乎想象，起初定...

转载 react 基础语法

1.可以在js里面不加引号直接写html  var vDom = <div id="demo">Hello, React!</div>;  //不是字符串, 不能加引号2. ReactDOM.render(vDom, containDiv);  第一个参数为虚拟DOM，后一个为真实容器  render 把虚拟DOM 变为真实的dom，然后再插入3.React能自动遍历显示数...

转载 框架的学习方法

知识和学习能力是可以迁移的，掌握了 Vue 技术栈，再去学习 React，其迁移成本非常的小，你所需要做的是看文档，比较二者的异同，然后就可以直接上手了，反之也成立。因为 Vue 和 React 的相似度确实蛮高的。 经过了这三个框架的学习，发现学习可以总结成3个步骤： * 第一步：基础学习。撸一遍官方的文档及教程（如果有的话），这时候不推荐其他二手教程，因为以正确的姿势学会走路才能让你后面跑得更...

转载 Flexbox布局

属性 ：https://segmentfault.com/a/1190000002910324

转载 84.ES6 module

export 命令模块功能主要由两个命令构成：export和import。export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。下面是一个 JS 文件，里面使用export命令输出变量。// profile.jsexpor...

转载 83.ES6 class语法

avaScript 语言中，生成实例对象的传统方法是通过构造函数。下面是一个例子。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';};var p = new Poi...

转载 82.Promise对象

  所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。 Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rejected。只要这两种情况发生，状态就...

转载 81.ES6 属性

1. 对象的属性可以简写 直接用变量来写      方法也可以简写let birth = '2000/01/01';const Person = { name: '张三', //等同于birth: birth birth, // 等同于hello: function ()... hello() { console.log('我的名字是', this.name); }...

转载 80.ES6箭头函数

箭头函数可以让this指向固定化，这种特性很有利于封装回调函数。下面是一个例子，DOM 事件的回调函数封装在一个对象里面。var handler = { id: '123456', init: function() { document.addEventListener('click', event => this.doSomething(event.type)...

转载 76.this

this 指向问题是入坑前端必须了解知识点，现在迎来了ES6时代，因为箭头函数的出现，所以感觉有必要对 this 问题梳理一下，遂有此文在非箭头函数下， this 指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链， getter & setter等都适用）；构造函数下，this与被创建的新对象绑定；DOM事件，this指向触发事件的元素；内联事件分两种情况，bind...

转载 75.原型 原型链

查找的时候会顺着原型链查找而赋值的时候不会 会直接给现有对象赋值 所以 我们都过这样的原型链 可以去继承链上的属性 同时又不会修改到他们属性的书写 大多数用.  用中括号是有需要拼写属性名的字符串 用遍历的方法  第二种方法的话 是会遍历出原型链上的一些属性，且顺序不固定全局变量和局部变量都无法被删除原型链上的大多数属性都不可被枚举我们自己用字面量或者用new object创建的 很多enumer...

转载 js实现图片上传预览原理分析

https://www.cnblogs.com/saysmy/p/5626337.html

转载 document 与window.load的区别

一、$(window).load()、window.onload=function(){}和$(document).ready()方法的区别1、$(window).load() 和window.onload=function(){}     是页面中的所有元素（包括图片、flash）等都加载完毕后，才能执行；     $(document).ready() 是页面中的DOM元素加载完成后便可执行。...

转载 74.字体图标

iconfont字体图标的使用方法--超简单!我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以自定义图标,非常强大!之前看了一波教程,觉得繁琐,自己弄明白后感觉如此简单,做了这么个简单教程,直接上图,简单粗暴,避免新手走弯路,这里讲解的默认是元素使用类名;step 1:百度iconfont,找到阿...

转载 73.table

display：table的几个用法DIV+CSS的布局已经让表格布局几乎很少用到，除非表格语义性很强的情况。display：table解决了一部分需要使用表格特性但又不需要表格语义的情况，尤其是DIV+CSS很不方便解决的问题，比如以下两种情况：一、父元素宽度固定，想让若干个子元素平分宽度通常的做法是手动设置子元素的宽度，如果设置百分数不一定能整除，设置具体的数值又限制了父元素的宽度固定，很烦。...

转载 72. -webkit-calc(expression);

.demo { width: 300px; background: #60f; padding: 3px 0;}.box { background: #f60; height: 50px; padding: 10px; border: 5px solid green;width: 90%;/*写给不支持calc()的浏览器*/ width:-moz-calc(100% - (...

原创 71. git github

HEAD指向的版本就是当前版本，因此，Git允许我们在版本的历史之间穿梭，使用命令git reset --hard commit_id。穿梭前，用git log可以查看提交历史，以便确定要回退到哪个版本要重返未来，用git reflog查看命令历史，以便确定要回到未来的哪个版本。1.使用git log查看提交的历史提交记录2.3..4    要关联一个远程库，使用命令git remote add ...

转载 雪碧图

转载 70 css +Div 布局

LOGO width:170px           height:80px;1 先把整体结构写出来 DIV 嵌套ctrl+； 调分界线    +m   量宽度2 居中 margin:0px auto;3 先把浏览器原来的样式去掉  <link rel="reset.css" href="">4. banner 的地方 设置背景图 ： background-size=100%   原因...

转载 69.切图

1. 把长宽尽量弄成整数2.CRTL+ SHIFT+ ALT+ S 另存3.选PNG-244 CRLT +N 创建一个文件5.按一下V变成选择状态  然后CRTL 点击图层  图层被选中或者CRTL +SHIFT+点击图层  一个组被选中自动选择 ：图层 或者 组6 空格 右键100%7 tab键 隐藏 显示工具栏8 另一种 量切片的方式 比较粗略 CRTL+R  然后在表示击右键 选择像素9 C...

原创 68.慕课网JS进阶

（1）var myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度为2 myarr[i]=new Array(); //再声明二维 for(var j=0;j<3;j++){ //二维长度为3 myarr[i][j]=i+j; // 赋值，每个数组元素的值为i+j } }（2）var...

转载 67 一篇很有道理的文章

作者：方老司链接：https://www.zhihu.com/question/19578287/answer/157148072来源：知乎著作权归作者所有，转载请联系作者获得授权。我什么都不会，怎么让着手做项目呢？学习里的教育向来都不是项目驱动制的，而是填鸭式的，东西都是老师讲了你才会，向来缺乏主动探索能力。但很不幸的是，好奇心和探索精神才是成功的主要因素。那如何培养这种能力呢？举个例子，我们拿...

转载 66.跨域 和 JSON 与Ajax

若愚视频注意点1. 需要注意的是: 对于当前页面来说页面存放的 JS 文件的域不重要，重要的是加载该 JS 页面所在什么域如果加载该JS的页面的域和要请求的页面的域不一样，则跨域。另：<script src="http://b.jrg.com:8080/a.js"> 页面引进JS文件，不属于跨域第一种解决办法：服务器端的代理 ： nginx代理跨域 nodejs中间件代理跨域JSONp...

转载 65.HTTP请求头

请求头  http://dafeizizhu.github.io/2013/07/12/http-header/常用的标准请求头包括下面几个：Accept，声明哪种相应是可接受的，如text\plain、application\json等。Cache-Control，声明缓存控制机制，如no-cache声明不做缓存。Connection，声明与服务器的连接机制，如keep-alive等。Cooki...

转载 64.Ajax

https://www.jianshu.com/p/a37cd239db4ehttps://segmentfault.com/a/1190000004322487#articleHeader16下面是我自己整理的一张xhr相关事件触发条件表，其中最需要注意的是 onerror 事件的触发条件。GET:向服务器发送的地址+?数据名=+数据值+&数据名=+数据值,例子：var url = "x...

转载 63. Cookie&&Session***LocalStorage

参考文章：https://www.cnblogs.com/linguoguo/p/5106618.html一、cookieCookie 一般有两个作用。第一个作用是识别用户身份。比如用户 A 用浏览器访问了 http://a.com，那么 http://a.com 的服务器就会立刻给 A 返回一段数据「uid=1」（这就是 Cookie）。当 A 再次访问 http://a.com 的其他页面时，...

转载 62.array.sort

如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。若 a 等于 b，则返回 0。若 a 大于 b，则返回一个大于 0 的值。例1：我们将创建一个数组，并按字母顺序进行排序：<script t...

转载 61.数组Array

基本使用var arr = [3, 4, 5, 6]console.log(arr.length) //4console.log(arr[0]) //3console.log(arr[3]) //6console.log(arr[4]) //undefinedarr[4] = 'hello'console.log(arr[4]) // 'hel...