morpheusl的博客

原创 http常用状态码

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

原创 结束端口

结束端口： netstat -ano netstat -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 in hasOwnProperty  ---->查找属于自己的属性 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/79079660 javascript: 进程与线程的区别？ 进程：是并发执行的程序在执行过程中分配和管理资源的基本单位，是一个动态概念，竞争计算机系统资源的基本单位。 线程：是进程的一个执行单元，是进程内科调度实体。比进程更小的独立运行的基本单位。线程也被称为轻量级进程。 地址空间：同...

原创 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 标准 js ES7 ES8..... ES5.x ECMA-262 -> ES1.0 -------------------------------------------- ES2015 ES6 -> 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 UDP TCP与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 - 420 var 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到远程github 3、单个文件回滚（本地） 右键文件team -&gt...

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

第一步：全局安装vue-cli cnpm 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 -g or yarn add webpack-cli -g //装全局webpack 开始创建 1、创建工程目录；2、初始化工程目录：npm init。3、全局安装webpack-cli。4、全局安装webpack。5、webpack –mode development/production进...