GFLY博客

Vue的初步认识前端发展历史htmlhtml [ 1990 ] ----> html5 [ 2008.1.12 ]csscss 1.0 1996css 2.0 1998css 3.0 2001EcmaScript1997年诞生2015 EcmaScript 20152016 EcmaScript 2016 dart语言 vs javascript随着前端项...

cli简介cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpack版本cli2 cli3cli3对电脑的配置有一定要求一、cli的安装npm/cnpm/yarn 都可以使用yarn1. $ yarn add @vue/cli global 这个是cli3的版本如果我们还想使用cli2的脚手架，那么我们可以在安装一个包2. $ yarn add...

销毁触发条件： 当组件销毁时beforeDestroydestroyed这两个钩子功能一致的，这两个钩子没有太大的区别作用：用来做善后的,比如计时器的关闭 第三方实例的删除1. 通过开关的形式 - 外部销毁<div id="app"><button @click = "flag = !flag"> 切换 </button><Hello...

运行中触发条件：数据更新beforeUpdate<div id="app"> <Hello></Hello></div> <template id="hello"><div> <p>{{msg}}</p></div></template>...

vue2.0加入了virtual dom，有点向react靠拢的意思。vue的diff位于patch.js文件中，复杂度为O(n)。 了解diff过程，我们先从虚拟dom开始。1. 虚拟dom是什么？虚拟dom( virtual dom )它是一个Object对象模型，用来模拟真实dom节点的结构。2. diff算法是什么？diff算法是比较两个文件的差异，并将两个文件不同之处，将这个不同...

nodejsJavaScript是一个什么语言轻量级 弱类型 脚本语言JavaScript的运行环境是什么？浏览器？浏览器内核中的JavaScript解析引擎JavaScript 可以干什么？特效？ DOM操作交互 ajax jsonp游戏？ DOM操作 Canvas表单验证JavaScript 不可以做什么？操作文件和文件夹操作OS获取系统信息为什么js做不到 弱类型...

slot 作用域插槽旧： slot-scope使用流程在组件的模板中书写slot插槽，并将当前组件的数据通过 v-bind 绑定在 slot标签上在组件使用时，通过slot-scope = “slotProp” 来接收slot标签身上绑定的数据通过 slotProp.xxx 就可以进行使用了 <div id="app"> <Hel...

生命周期Vue的生命周期分为三个阶段，分别为： 初始化，运行中， 销毁，一共8个钩子函数注意： 生命周期钩子函数不允许写成箭头函数1.什么是生命周期？vue中的生命周期指的是 组件 从创建到销毁的一个过程，在这个过程中，我们在每一个特定的阶段会触发一些方法（ 这些方法具备一些功能），我们给这些方法起了个名字叫做（ 生命周期钩子函数/ 组件钩子 ）2. 生命周期的作用？因为我们想在生命...

1. token1.1 token的使用场景无状态请求保持用户的登录状态第三方登录（token+auth2.0）1.2 token使用流程先安装openssl先安装perl重启电脑进行 C:\Perl64\eg以管理员身份运行 perl --help报错（ perl没有配置环境变量 ）安装openssl软件安装无要求，一路next重启电脑然后在命...

前端的开发规范本文主要从以下几个方面来概述前端的开发规范目录构建规范前端命名规范前端工作规范开发文档的书写规范1. 前端目录构建规范我们从命名原则、根目录、业务逻辑等方面进行目录构建1.1 命名原则：- 简洁明了（如下：） * src 源代码 * img 图片资源 image images * js JavaScript脚本 * dep 第...

组件通信为什么要进行组件通信？组件可以说是一个具有独立功能的整体，但是当我们要将这些组件拼接在一起时，这些组件相互之间要建立联系，这个联系我们就称之为通信组件通信的方式有以下几种（ 王者级 ）父子组件通信使用props来实现 <div id="app"> <Father></Father> </div> &...

文件目录server.js这个js文件中写的是主服务器的代码代码如下const net = require ( 'net' );const port = 9000;const hostname = 'localhost';const clients = {};let count = 0;// 1. 创建服务器const server = new net.createS...

前端的异步流程 （ 很重要 ）传统的原生异步回调函数事件使用异步流程工具（ 别人封装好的东西 ）es6 Promise Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise 所谓Promise ，简单说就是一个容器，里面保存着某个未...

React的起源和发展React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。React与传统MVC的关系轻量级的视图层库！A JavaScript library for building user interfac...