2020年02月_mr_orange_klj

转载手把手教你使用Electron5+vue-cli3开发跨平台桌面应用

Electron是一个基于Chromium和 Node.js，可以使用 HTML、CSS和JavaScript构建跨平台应用的技术框架，兼容 Mac、Windows 和 Linux。虽然B/S是目前开发的主流，但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上Web开发的低成本、高效率的优势，这种方式越...

2020-02-08 18:21:00 12723 10

转载 Vue render函数

前几天想学学Vue中怎么编写可复用的组件，提到要对Vue的render函数有所了解。可仔细一想，对于Vue的render函数自己只是看了官方的一些介绍，并未深入一点去了解这方面的知识。为了更好的学习后续的知识，又折回来了解Vue中的render函数，这一切主要都是为了后续能更好的学习Vue的知识。回忆Vue的一些基本概念今天我们学习的目的是了解和学习Vue的render函数。如果想要更好的...

2020-02-08 01:26:58 324

转载 Vue渲染原理

现在基本所有的框架都已经认同这个看法——DOM应尽可能是一个函数式到状态的映射。状态即是唯一的真相，而DOM状态只是数据状态的一个映射。如下图所示，所有的逻辑尽可能在状态的层面去进行，当状态改变的时候，View应该是在框架帮助下自动更新到合理的状态，而不是说当你观测到数据变化之后手动选择一个元素，再命令式地去改动它的属性。下图是Vue的一个模板示例，如果没有用过Vue的话，可以大概感觉到这...

2020-02-07 21:51:24 1537

转载 Vue渲染过程浅析

Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。但是模板毕竟是模板，不是真实的dom节点。从模板到真实dom节点还需要经过一些步骤把模板编译为render函数实例进行挂载, 根据根节点render函数的调用，递归的生成虚拟dom 对比虚拟dom，渲染到真实dom 组件内部data发生变化，组件和子组件引用data作为props重新调用render函数，生成虚拟...

2020-02-07 21:23:38 210

原创对JS中的prototype、proto,constructor的理解

首先参考此文章：https://blog.csdn.net/cc18868876837/article/details/81211729根据参考文章，得到知识点1：知识点1：一个对象的__proto__属性，指向该对象的构造函数的prototype属性。然后补充知识点：知识点2：函数也是对象，对象就需要构造函数，而函数对象的构造函数是Function();知识点3：函数的pro...

2020-02-05 02:58:06 165

转载 export 和 export default 的区别

export命令用于规定模块的对外接口。一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。下面是一个 JS 文件，里面使用export命令输出变量。// profile.jsexport var firstName = 'Michael';export var lastName = 'Ja...

2020-02-03 15:46:57 391

转载深入理解JavaScript的执行机制（同步和异步）

不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为JavaScript是一门单线程语言，所以我们可以得出结论：JavaScript是按照语句出现的顺序执行的所以我们以为JS都是这样的：let a = '1';console.log(a);let b = '2';console.log(b);12345然而实...

2020-02-03 12:15:20 168

转载深入理解JS模块

引言JavaScript的模块机制其实是借鉴的其他程序设计语言的, 如Java中package的概念, import java.util.ArrayList;; package就是逻辑上相关的代码组织到同一个包内，包内是一个相对独立的作用域，不用担心命名冲突等等, 当需要在外部使用的是否直接import相应的package即可。由于JavaScript在设计之初的定位原因, 并没有提供类似...

2020-02-03 01:28:44 228

转载什么是立即执行函数，它有什么作用？

一：什么是立即执行函数？声明一个函数，并马上调用这个匿名函数就叫做立即执行函数；也可以说立即执行函数是一种语法，让你的函数在定义以后立即执行；立即执行函数的创建步骤，看下图：image.png二：立即执行函数的写法：有时，我们定义函数之后，立即调用该函数，这时不能在函数的定义后面直接加圆括号，这会产生语法错误。产生语法错误的原因是，function 这个关键字，既可以...

2020-02-03 01:17:55 1473