- 博客(23)
- 收藏
- 关注
RSS订阅原创 webpack常见错误的解决办法
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。项目列表1、安装webpacke//在本项目中安装webpack，–save-dev的意思是将依赖写...
2019-08-05 14:57:05
4208
原创 Nginx提供ajax跨域问题的解决方案
Ajax跨域时会遇到如下的问题：测试实例描述：http://localhost:3000向http://localhost:90发起一个请求接送文件的ajax请求，实现代码如下：<script type="text/javascript"> var xhr=new XMLHttpRequest(); xhr.onreadystatechange=func...
2019-07-30 20:40:01
343
原创 CSS自适应布局方法小结
CSS脱离文档流的方法：脱离文档流：元素从普通布局排版中拿走（1）float<html><head> <style> .float{ float: left; width:100px; height: 100px; border: 1px solid ...
2019-07-28 20:32:15
331
原创 未知宽高的块元素的水平垂直居中
未知宽高的块元素的水平垂直居中主要采取两种方法实现:(1)flex布局，(2)采用定位与transform结合的方式代码实现及效果（1）flex布局代码：<html><head> <style> .container { width:100%; height:100%; ...
2019-07-27 15:09:59
277
原创 TCP可靠的传输协议
1、TCP/IP分层的传输协议TCP/IP协议簇分为应用层，传输层，网络层和数据链路层，各层的功能和对应的协议如下：2、TCP与UDP的区别共同点：都是属于传输层的协议区别：TCP：（1）面向连接的；（2）面向字节流（TCP接收的是一堆数据）；（3）保证数据的正确性；（4）保证数据的顺序（解决乱序的问题）UDP：（1）面向无连接的；（2）面向数据报（UDP就是客户发送多少就接收多少）...
2019-07-25 21:06:44
1051
原创 HTTP
HTTP协议用于客户端和服务器之间的通信，是一种无状态协议，自身不对请求和响应之间的状态进行保存一、使用Cookie的状态管理Cookie的机制：（1）服务器的相应报文内会有一个Set-Cookie的首部字段，通知客户端保存Cookie（2）客户端再次发送请求时，会自动在请求报文中加入Cookie字段（3）服务器接收到发送过来的Cookie后，会比对是哪一个客户端发送过来的请求，然后比对...
2019-07-24 21:25:36
180
原创 浏览器中的Event loop
浏览器中的Event Loop（事件循环）1、JS的特点Javascript是一种单线程非阻塞的脚本语言，单线程的解释是：在任何时候，只有一个主线程执行任务；非阻塞的解释为：主线程不会直接处理异步任务，而是异步操作返回结果后才去处理异步任务，由于异步操作的存在会阻塞浏览器的渲染2、宏任务与微任务宏任务：严格按照时间顺序压栈和执行的任务，比如：setTimeout，setInterval微...
2019-07-20 21:51:31
218
转载 post与get的区别
（1）get请求会将参数追加到URL的后面，但是post请求不会将参数在URL中显示（2）get请求传输的数据量会受到限制，由于URL长度的限制；post请求传输的数据量不会受到影响（3）由于get请求的参数都在URL里，所以在发送请求时，不需要请求主体发送数据；但是post方法需要请求主体发送数据（4）get请求的数据会被浏览器缓存，如果密码这类的字段被缓存起来，会造成安全性能的问题（5...
2019-07-18 10:29:02
86
原创 AJAX
Ajax：能够向服务器获取额外的数据而无须卸载页面。Ajax技术的核心是XMLHTTPRequest(XHR)，XHR提供向服务器发送请求并且解析服务器响应提供了流畅的接口。对于同步请求，XHR的步骤如下：（1）新建XHR对象（2）调用open（），启动一个请求以备发送（3）调用send（），发送请求，请求被分派到服务器在接收到响应后：（1）检查响应的状态码（status属性）是否为...
2019-07-07 21:50:22
81
原创 React-router
前端路由：路由的本质是页面的URL变化时，页面的显示结果根据URL的变化而变化，但是页面不会刷新，在单页应用中，大部分页面结构不变，只改变部分内容时，可以采用前端路由。其中，单页应用表示的是页面之间的切换只需要局部更新，重新请求了前端路由和组件状态。前端路由的优点：不需要每次都从服务器获取前端路由的缺点：使用浏览器前进或者后退键时会重新发起请求React-router就是完全用React组...
2019-06-13 21:39:02
282
原创 典型的排序方法
1、冒泡排序冒泡排序的思路如下：（1）比较相邻的元素，如果前一个比后一个大，就交换它们的位置，这样第一轮结束，最大的元素就被放在最后一位；（2）重新从数组的第一位开始，重复步骤（1），直到到最后一位的前一个元素为止（这样做的目的是，已经排好序的元素就不比较了）（3）直到没有任何一对数字需要比较，排序完成Javascript实现冒泡排序的程序如下：function BubbleSort...
2019-06-07 22:57:14
154
原创 this--那些应该知道的
this：是在函数运行时绑定的，并不是在函数编写时就绑定的，它的上下文取决于函数调用时的各种条件，this的绑定和函数的声明没有任何关系，只取决于函数的调用方式（this既不指向函数自身，也不指向函数的词法作用域）。隐式绑定在对象内部包含一个指向函数的属性，并通过属性间接引用函数，将this间接绑定到这个对象上。var a=1;function foo(){ console.log...
2019-05-30 22:15:28
136
原创 词法作用域
词法作用域无论函数在哪里调用，也无论它如何被调用，它的词法作用域也都只由函数被声明时所处的位置决定，也就是说，函数在执行之前就已经确定了它的作用域。function foo(){ console.log(a);}//函数在全局被解析的，所以会在全局作用域中找function bar(){ var a=3; foo();}var a=1;bar(); // 显...
2019-05-30 21:40:12
175
原创 闭包
闭包：有权访问另一个函数作用域的变量的函数，在一个函数内部创建另一个函数，就可以叫做闭包闭包会将外部函数的活动对象添加到闭包的作用域中，就算外部函数已经执行完，但如果闭包引用了其中的变量，那么这个被引用的变量不会随着外部函数执行完毕而被销毁，其生命周期会延续到匿名函数被销毁的时候。具体过程如下：闭包的中两个典型的问题及其解决方法：（1）闭包只能取得外部函数中任何变量的最后一个值func...
2019-05-26 19:24:17
141
原创 小结javascript实现继承的6种方式
ES实现继承的方式是：实现继承（继承实际的方法）实现继承的方式（1）原型链（2）借用构造函数（3）组合继承（4）原型式继承（5）寄生式继承（6）寄生组合式继承原型链：思路：超类有自己的属性和方法，子类也有自己的属性和方法（包含自己独有的属性和方法以及从超类哪里继承来的属性和方法），该方法通过将子类的原型对象作为超类的实例，总之就是使用原型让一个引用类型继承另一个引用类型的属性和方...
2019-05-26 00:36:32
238
原创 javascript创建对象的模式
创建对象的方式：（1）工厂模式（2）构造函数模式（3）原型模式（4）组合模式（5）动态原型模式（6）寄生构造函数模式（7）稳妥构造函数模式1、工厂模式//工厂模式创建对象function createObject(name,job){ var obj=new Object(); obj.name=name; obj.job=job; obj.sa...
2019-05-25 22:20:26
133
原创 深拷贝与浅拷贝
深拷贝与浅拷贝当复制引用类型的值时，其实就是把变量的值复制一份放在新的变量空间中，但复制的并不是变量本身，而是指向对象的指针，所以在复制引用类型时，改变其中一个会影响另外一个。深拷贝与浅拷贝其实就是为了解决引用类型的复制操作会使得两个对象共用一个引用的问题本文围绕对象obj的复制、深拷贝、浅拷贝的问题展开讨论var obj={ name:"li", age:19, ...
2019-05-23 00:46:08
126
原创 跨浏览器的事件处理
event对象事件处理程序添加多个事件处理程序跨浏览器的事件处理实例实现event对象（1）兼容DOM的浏览器会将一个event对象传入事件处理程序中，event对象主要的属性/方法有：preventDefault（）：取消事件的默认行为；target：事件的目标type：被触发的事件类型（2）IE中的事件对象：在使用DOM0级方法添加事件处理程序时，event对象作为wi...
2019-05-22 21:09:03
136
原创 *Web Storage
Storage类型Storage类型提供最大的存储空间来存储数据，Storage实例有如下的方法：（1）clear（）：删除所有（2）getItem（name）：取得name的值（3）setItem（name，value）：设置名为name的值为value（4）key（index）：取得index处的值的名字（5）remove（name）：删除名值对Web Storage规范包含的对...
2019-05-22 11:04:54
94
原创 认识cookie
cookie的缺点cookie的构成JavaScript实现cookiecookie的缺点1）每个域的cookie总数是有限的IE6及其更低的版本，每个域名最多20个cookie；IE7，每个域名最多50个cookie；Firefox，每个域名最多50个cookie；Opera，每个域名最多30个cookie；Safari和Chrome对cookie的数量限制没有硬性规定。...
2019-05-22 00:52:10
140
原创 判断一个图是否存在Euler迹的算法之javascript
本次我们将整理一个之前在学习javascript中做过的一个小例子。问题描述：求解本问题的灵感来源于图论课程上的一个作业题，要求是这样的：在一个44的方格相同的棋盘上跳动一只马，这只马能否连续的完成每一种可能的跳动恰好一次，其中马的跳动是指从一个长为3，宽为2的长方形的一脚跳到另一角。解决问题的思路：以棋盘上的每一格看为一个点，马能跳动的两点 连一条边，最终判断得到的图是否存在欧拉迹。所以，...
2019-04-29 00:53:20
636
原创 React状态提升-让大家共用状态数据
当使用React遇到几个组件需要共用状态数据的情况时，这个时候就需要将共享的状态数据提升至与他们最靠近的父组件进行管理。下面，我们将利用一个小实例对状态提升进行了解，本次实例的最终UI渲染效果为：当我们在搜索框输入关键字进行模糊搜索时，此时UI就会被与关键字相匹配的内容熏染。（1）首先我们对UI进行组件的划分如上图所示，我们利用不同颜色的边框对组件进行划分，颜色相同的部分是同一个其中红...
2019-04-25 21:53:06
704
原创 初识React
最近在学习React，主要通过React官方网站以及观看视频、阅读手记的方式对React进行了解。同时也根据学习的内容做了一个小小的实例，想借此机会可以把自己学习的知识记录下来。如果其中存在错误，请大家多多指教。在本次实例中，最终运行的效果：（1）用户界面的初始页面，其中宾川红提、宾川青提以及宾川柑橘分别对应三个标签。（2） 单击宾川红提，用户界面如下：（3）单击宾川青提，用户界面如下...
2019-04-24 19:43:19
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人