morpheusl的博客

原创 http常用状态码

status 状态码：常用：200：请求成功（后台处理结果ok）、303：重定向400：请求错误、401：未授权、403：禁止访问、404：文件未找到500：服务器错误其他如下：https://www.douban.com/note/218418718/...

原创 结束端口

结束端口：netstat -anonetstat -aon|findstr “占用的端口”tasklist|findstr “0000”taskkill /f /t /im node.exe（该进程）

原创 vue数据双向绑定原理

当前台显示的view发生变化了，它会实时反应到viewModel上，如果有需要，viewModel会通过ajax等方法将改变的数据 传递给后台model 同时从后台model获取过来的数据，通过vm将值响应到前台UI上vm的核心是view 和 data当data 有变化的时候它通过Object.defineProperty(）方法中的set方法进行监控，并调用在此之前已经定义好d...

原创 methods,watch,computed的区别

watch主要是监听数据变化，可以监听数据来源的三个部分：props,data,computed内的数据，然后它还提供两个参数（new,old）,顺序一定是新值、旧值。computed主要是处理逻辑运算，computed来存储需要处理的数据值，它有存储的机制，只有改变时才执行。computed 并不是一个方法,而是依赖于属性的,就是一个属性的封装,主要当作属性来使用,属性的结果会被缓...

原创 关于forEach()你要知道

定义: 按升序为数组中含有效值的每一项执行一次回调函数。语法：array.forEach(function(currentValue, index, arr), thisValue)参数:function(必须): 数组中每个元素需要调用的函数。// 回调函数的参数1. currentValue(必须),数组当前元素的值2. index(可选), 当前元素的索引值3. ...

原创 Ajax工作原理

1.创建ajax对象 if(window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera,Safari xmlhttp=new XMLHttpRequest(); }else{ // code for IE6, I...

转载 HTTP与HTTPS的区别

HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。HTTPS和HTTP的区别主要如下：　...

原创 常见的数组/字符串操作

2、正则去掉字符中空格 String.prototype.trim=function(){　　 return this.replace(/(^\s*)|(\s*$)/g, "");　　 }　　 String.prototype.ltrim=function(){　　 return this.replace(/(^\s*)/g,""); //去掉左边...

原创 递归

function mul(n){ if(n=1){ return 1;} return n * (n-1)!}mul(5)===>5*mul(4);mul(4)===>4*mul(3);mul(5)===>3*mul(2);mul(4)===>2*mul(1); /* * n的阶乘 * n!=n*(n-1)! ...

原创 try(){}catch(e){}

原创 对象的枚举

 for inhasOwnProperty  ---->查找属于自己的属性 in  --->判断属性是否为某个对象 instanceof  ---->看A对象的原型链上有没有B对象的原型枚举里面for in循环...

原创 模仿jquery实现方法的连续调用

原创 异步加载

原创 继承 / （原型/原型链）

继承1、传统形式----->原型链 (过多的继承了没有用的属性)2、借用构造函数----->call/apply (不能继承，借用构造函数的原理，每次构造函数都要多走一个函数，浪费效率)3、共享原型 (不能随便改动自己的原型)4、最终模式1、原型/原型链1， 原型是function对象的一个属性,他定义了构造函数生产出对象的公...

原创 数组/类数组/arguments/json

 数组：改变原数组 ：push 、pop、shift、unshift、re'verse、splice、sort不改变原数组 ：concat、join ----> split、toString、slice类数组：一定要有length属性// Array.prototype.push = function(target){ obj[obj.le...

原创 克隆/深度克隆

克隆： var obj = { name: 'abc', age: '17', sex: 'female' } var obj1 = {} function clone(origin, target) { for(var prop in origin) { target[prop] = origin[prop] ...

原创 dom基本操作/事件/脚本化css

/* * 根据insertBefore(),封装insertAfter() */Element.prototype.insertAfter = function(targetNode, afterNode) { var beforeNode = afterNode.nextElementSibling; if(beforeNode == null) { this.appen...

原创 typeof / instanceof

比较typeof与instanceof？相同点：JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。typeof的定义和用法：返回值是一个字符串，用来说明变量的数据类型。细节：(1)、typeof 一般只能返回如下几个结果：number,boolean,string,function,object,undefined。(...

原创 2019web前端面试题

相关阅读：https://blog.csdn.net/wdlhao/article/details/79079660javascript:进程与线程的区别？进程：是并发执行的程序在执行过程中分配和管理资源的基本单位，是一个动态概念，竞争计算机系统资源的基本单位。线程：是进程的一个执行单元，是进程内科调度实体。比进程更小的独立运行的基本单位。线程也被称为轻量级进程。地址空间：同...

原创 this

   1,函数预编译过程：this——>window   2,全局作用域：this——>window   3,call/apply 可改变函数运行时this指向   4,obj.func();    func() 里面的this指向obj ...

原创 预编译

预编译四部曲：创建AO对象 找形参和变量声明，将变量和形参名作为AO的属性名，值为undefined 将实参值和形参统一 在函数体里找函数声明，值为其函数体function test(a, b) {          console.log(a);//1          c=0;          var c;          a = 3;          b = 2...

原创 立即执行函数

输出10个10<script type="text/javascript">        function test() {            var arr = [];            for(var i = 0; i < 10; i++) {                arr[i] = function() {  //定义时，不执行函数内容  ...

原创 作用域链/闭包

作用域链作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期闭包闭包作用：实现公有变量、 可以做缓存（存储结构）、 可以实现封装，属性私有化、 模块化开发，防止污染全局变量。影响：当内部函数被保存到外部时，将会产生闭包，闭包会导致原有作用链不释放，造成内存泄漏。/** 闭包*/fu...

原创 每日一题

有顺序的数组由大-小封装type方法返回任何类型function type(target) { var template = { "[object Array]": "array", "[object Object]": "object", "[ob...

原创 冒泡排序

function fn(arr) {        for (var i = arr.length; i >= 2; --i) {            for (var j = 0; j < i - 1; j++) {                if (arr[j + 1] < arr[j]) {                    var temp;    ...

原创 es6笔记

ES6 -> ECMA 标准jsES7 ES8.....ES5.xECMA-262 -> ES1.0--------------------------------------------ES2015ES6 -> 2015年6月 ES6.0每年6月份，发布一个版本 2016年6月 ES6.1 ...

转载 TCP/IP

TCP/IP详解学习笔记(13)-TCP坚持定时器，TCP保活定时器TCP/IP详解学习笔记(12)-TCP的超时与重传TCP/IP详解学习笔记(11)-TCP交互数据流，成块数据流   TCP/IP详解学习笔记(1)-基本概念 为什么会有TCP/IP协议在世界上各地，各种各样的电脑运行着各自不同的操作系统为大家服务，这些电脑在表达同一种信息的时候...

转载 TCP/IP的十个知识点

                    &am

原创 TCP、UDP区别

TCP UDPTCP与UDP基本区别 1.基于连接与无连接 2.TCP要求系统资源较多，UDP较少； 3.UDP程序结构较简单 4.流模式（TCP）与数据报模式(UDP); 5.TCP保证数据正确性，UDP可能丢包 6.TCP保证数据顺序，UDP不保证　　UDP应用场景： 1.面向数据报方式 2.网络数据大多为短消息 3.拥有大量Client 4...

原创 js设计模式

/** * 构造一个动物的函数 */function Animal(name, color){ this.name = name; this.color = color; this.getName = function(){ return this.name; }}// 实例一个对象var cat = new Animal('猫', '白色');console.log( cat.getName()...

原创 箭头函数

*当要求动态上下文的时候，就不能够使用箭头函数。也就是this的固定化1、在使用=>定义函数的时候，this的指向是定义时所在的对象，而不是使用时所在的对象2、不能够用作构造函数，这就是说，不能够使用new命令，否则就会抛出一个错误3、不能够使用arguments对象4、不能使用yield命令class Animal { constructor(){...

转载 js分页

<script type="text/javascript">var pagesi = "2";//每页行数var totalPage = "0";//总页数var currentPage = "1";//当前页 $(function(){ $('.menu_item').click(function () { ...

原创 小程序高度自适应

// 高度自适应wx.getSystemInfo({success: function (res) {var clientHeight = res.windowHeight,clientWidth = res.windowWidth,rpxR = 750 / clientWidth;// * rpxR - 420var calc = clientHeight;co...

原创 jquery引用兼容IE

<!--[if (gte IE 9)|!(IE)]><!-->

原创 不同浏览器选择jquery版本

对于1.9x 和 2.x 版，如果你要支持IE 6/7/8，就选择 1.9 版；反之随便选，1.9 和 2.0 版皆可。你也可以使用下面的代码：<!--[if gte IE 9]><!-->中的<!-->一定不能省略否则在ie之外的浏览器就无法加载js了。<!DOCTYPE html> <html> <head> ...

原创 脑壳疼的js设计模式

构造函数模式/** * 构造一个动物的函数 */function Animal(name, color){ this.name = name; this.age= age; this.getName = function(){ return this.name; }}// 实例一个对象var dog= new Animal('...

原创 Vue通信、传值的几种方式

一、通过路由带参数进行传值①两个组件 A和B,A组件通过query把orderId传递给B组件（触发事件可以是点击事件、钩子函数等）this.$router.push({ path: '/conponentsB', query: { orderId: 123 } }) // 跳转到B②在B组件中获取A组件传递过来的参数this.$route.query.orderId二、通过设置 Session ...

原创 git克隆及命令

1、从github获取项目Projects from Git >git clone URI（填写github上的项目https网址即可）。2、提交github 右键项目team - > Commit -> Commit and Pust既Commit到本地仓库，又Push到远程github3、单个文件回滚（本地）右键文件team -&gt...

原创 用vue-cli来搭建vue项目和webpack

第一步：全局安装vue-clicnpm install vue-cli -g 第二步：初始化一个项目  vue init webpack-simple projectName第三步：把文件切换到初始化的项目中 cd my-project 第四步：安装依赖cnpm install第五步：运行 npm run dev webpack要...

原创 webpack的创建

webpack4.x:npm i webpack-cli -goryarn add webpack-cli -g //装全局webpack开始创建1、创建工程目录；2、初始化工程目录：npm init。3、全局安装webpack-cli。4、全局安装webpack。5、webpack –mode development/production进...