simple-love

2020年11月27日

摘要： 1.数据与视图分离 jquery的数据与视图没有分离,数据和视图是混在一起的，而vue框架对数据和视图进行了分离，解耦（开放封闭原则，对扩展开放对修改封闭） 2.数据驱动视图通过数据去驱动视图的变化，只关心数据的变化，dom操作被封装 3. 插件库与 UI库区别 4. 首先最明显的就是对Dom操阅读全文

posted @ 2020-11-27 10:55 simple-love 阅读(574) 评论(0) 推荐(0) 编辑

理解webpack的hash，contenthash，chunkhash

摘要：问题来源对于浏览器来说，一方面期望每次请求页面资源时，获得的都是最新的资源；一方面期望在资源没有发生变化时，能够复用缓存对象。这个时候，使用文件名+文件哈希值的方式，就可以实现只要通过文件名，就可以区分资源是否有更新。而webpack就内置了hash计算方法，对生成文件的可以在输出文件中添加h 阅读全文

posted @ 2020-11-27 10:06 simple-love 阅读(404) 评论(0) 推荐(0) 编辑

2020年11月26日

js如何判断数组是Array类型

摘要：在说明如何判断一个对象为数组类型前，我们先巩固下js的数据类型，js一共有六大数据类型：number、string、object、Boolean、null、undefined。 var str="string"; console.log(typeof str); //string var num=1 阅读全文

posted @ 2020-11-26 09:43 simple-love 阅读(560) 评论(0) 推荐(0) 编辑

2020年11月24日

react父组件和子组件之间相互调用方法

摘要：父组件： import React, { Component } from 'react'; import Child from './child2' class Parents extends Component { constructor(props) { super(props); } han 阅读全文

posted @ 2020-11-24 10:24 simple-love 阅读(824) 评论(0) 推荐(0) 编辑

2020年11月23日

深入理解JavaScript作用域和作用域链

摘要： 1.什么是作用域作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。换句话说，作用域决定了代码区块中变量和其他资源的可见性。可能这两句话并不好理解，我们先来看个例子： function outFun2() { var inVariable = "内层变量2"; } outFun2() 阅读全文

posted @ 2020-11-23 17:37 simple-love 阅读(168) 评论(0) 推荐(0) 编辑

对于js的原型和原型链的理解

摘要：一、什么是原型：任何对象都有一个原型对象，这个原型对象由对象的内置属性_proto_指向它的构造函数的prototype指向的对象，即任何对象都是由一个构造函数创建的，但是不是每一个对象都有prototype，只有方法才有prototype。 function Person() { } var p 阅读全文

posted @ 2020-11-23 16:59 simple-love 阅读(314) 评论(0) 推荐(0) 编辑

css盒模型（标准模式和怪异模式）

摘要： css盒模型一共有两种模式：标准模式和怪异模式只要完整定义DOCTYPE都会触发标准模式，如果DOCTYPE缺失则在ie6/ie7/ie8下将会触发怪异模式标准模式：盒子总宽度=width+padding+border+margin 怪异模式：盒子总宽度=width(包含padding+bord 阅读全文

posted @ 2020-11-23 16:29 simple-love 阅读(606) 评论(0) 推荐(0) 编辑

如何实现微前端？

摘要： single-spa： https://single-spa.js.org/ 基于乾坤：https://github.com/a1029563229/blogs/blob/master/BestPractices/qiankun/Start.md 乾坤官网：https://qiankun.umijs 阅读全文

posted @ 2020-11-23 13:23 simple-love 阅读(264) 评论(0) 推荐(0) 编辑

微前端到底是什么？

摘要：一.简介为了解决庞大的一整块后端服务带来的变更与扩展方面的限制，出现了微服务架构（Microservices）：微服务是面向服务架构（SOA）的一种变体，把应用程序设计成一系列松耦合的细粒度服务，并通过轻量级的通信协议组织起来具体地，将应用构建成一组小型服务。这些服务都能够独立部署、独立扩展，每阅读全文

posted @ 2020-11-23 13:22 simple-love 阅读(1023) 评论(0) 推荐(0) 编辑

微前端的起源

摘要：微前端的概念最早由 thoughtworks 在 2016 年提出。其核心思路是借鉴后端微服务架构理念，将一个单体的庞大的前端应用拆分为多个简单独立的前端工程。每个前端工程可以独立开发、测试、部署。最终再由一个容器应用，将拆分后的微前端工程组合为一个整体，面向用户提供服务。微前端的架构方式所带来的阅读全文

posted @ 2020-11-23 13:19 simple-love 阅读(502) 评论(0) 推荐(0) 编辑

2020年11月19日

JS-箭头函数及其this的指向和改变this指向（call apply bind）

摘要： 2,箭头函数 function(){} ()=>{} 箭头函数 function(e){} e =>{} 箭头函数 function(){一行} ()=>一行箭头函数 function(e){一行} e =>一行箭头函数特点:1,this指向与一般的function函数不同声明式 funct 阅读全文

posted @ 2020-11-19 11:50 simple-love 阅读(2811) 评论(0) 推荐(0) 编辑

js中 this的指向，如果工作

摘要： <script> function fun() { console.log(this) } fun() // Window let obj = { a:fun } obj.a() // obj function test2(c) { c&&c() } test2(obj.a) // Window / 阅读全文

posted @ 2020-11-19 11:39 simple-love 阅读(120) 评论(0) 推荐(0) 编辑

前端中的事件循环eventloop机制

摘要：我们知道 js 是单线程执行的，那么异步的代码 js 是怎么处理的呢？例如下面的代码是如何进行输出的： console.log(1); setTimeout(function() { console.log(2); }, 0); new Promise(function(resolve) { con 阅读全文

posted @ 2020-11-19 11:19 simple-love 阅读(167) 评论(0) 推荐(0) 编辑

vue2.0数组对象检测问题！

摘要： <template> <div> <span>{{ arr }}</span>  <br/> <span v-for="item in arr2" :key="item.num 阅读全文

posted @ 2020-11-19 10:10 simple-love 阅读(220) 评论(0) 推荐(0) 编辑

2020年11月18日

HTTP长连接、短连接究竟是什么？

摘要： 1. HTTP协议与TCP/IP协议的关系 HTTP的长连接和短连接本质上是TCP长连接和短连接。HTTP属于应用层协议，在传输层使用TCP协议，在网络层使用IP协议。 IP协议主要解决网络路由和寻址问题，TCP协议主要解决如何在IP层之上可靠地传递数据包，使得网络上接收端收到发送端所发出的所有包，阅读全文

posted @ 2020-11-18 09:29 simple-love 阅读(270) 评论(0) 推荐(0) 编辑

Figure out what you like. Try to become the best in the world of it.