- 博客(21)
- 收藏
- 关注
RSS订阅转载 云服务器部署
云服务器提供者 阿里云 百度云 新浪云 腾讯云 。。。阿里云服务器 ECS node环境搭建 流程购买一个云服务器购买域名，进行备案 【 不做 】 || 云服务器提供的 ip地址（公有）选择公共镜像系统： Centos 64 7.x 【 linux 操作系统 】自定义密码用户名： root密码： xxxxxxxxxxxx...
2019-07-29 22:24:15
635
原创 关于React
React的起源和发展React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。React与传统MVC的关系轻量级的视图层库！A JavaScript library for building user interfac...
2019-07-17 21:11:43
216
原创 vue项目环境搭建
vue项目环境搭建cli3 / cli2创建项目vue create 项目名项目目录构建（ src 源代码开发目录中的 ）pages 页面components 组件common 公共组件layout 项目布局外壳store vuexrouter 路由lib 第三方插件utils 自行封装的库vue UI组...
2019-07-02 20:37:18
358
原创 vue-router
RouterSPA （ single page App ） 单页面应用多页面应用有多个html文件，通过a标签的连接联通各个页面缺点开发起来太冗余，编译、压缩很耗时间页面之间的跳转速度太慢，这个时候就会出现一个严重的问题，白屏单页面应用不需要刷新页面，因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app、后台管...
2019-07-02 20:15:19
466
原创 cli的安装及介绍
cli简介cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpack版本cli2 cli3cli3对电脑的配置有一定要求一、cli的安装npm/cnpm/yarn 都可以使用yarn1. $ yarn add @vue/cli global 这个是cli3的版本如果我们还想使用cli2的脚手架，那么我们可以在安装一个包2. $ yarn add...
2019-06-27 17:55:17
4866
原创 vue中的生命周期（三）-销毁
销毁触发条件： 当组件销毁时beforeDestroydestroyed这两个钩子功能一致的，这两个钩子没有太大的区别作用：用来做善后的,比如计时器的关闭 第三方实例的删除1. 通过开关的形式 - 外部销毁<div id="app"><button @click = "flag = !flag"> 切换 </button><Hello...
2019-06-27 17:28:01
25914
1
原创 vue中的生命周期（二）-运行中
运行中触发条件：数据更新beforeUpdate<div id="app"> <Hello></Hello></div> <template id="hello"><div> <p>{{msg}}</p></div></template>...
2019-06-27 11:35:58
269
原创 新旧slot插槽用法
slot 作用域插槽旧： slot-scope使用流程在组件的模板中书写slot插槽，并将当前组件的数据通过 v-bind 绑定在 slot标签上在组件使用时，通过slot-scope = “slotProp” 来接收slot标签身上绑定的数据通过 slotProp.xxx 就可以进行使用了 <div id="app"> <Hel...
2019-06-26 18:49:15
340
原创 vue中的生命周期（一）-初始化
生命周期Vue的生命周期分为三个阶段，分别为： 初始化，运行中， 销毁，一共8个钩子函数注意： 生命周期钩子函数不允许写成箭头函数1.什么是生命周期？vue中的生命周期指的是 组件 从创建到销毁的一个过程，在这个过程中，我们在每一个特定的阶段会触发一些方法（ 这些方法具备一些功能），我们给这些方法起了个名字叫做（ 生命周期钩子函数/ 组件钩子 ）2. 生命周期的作用？因为我们想在生命...
2019-06-26 17:59:35
3198
原创 vue组件通信
组件通信为什么要进行组件通信？组件可以说是一个具有独立功能的整体，但是当我们要将这些组件拼接在一起时，这些组件相互之间要建立联系，这个联系我们就称之为通信组件通信的方式有以下几种（ 王者级 ）父子组件通信使用props来实现 <div id="app"> <Father></Father> </div> &...
2019-06-25 18:53:37
450
原创 虚拟dom和diff算法
vue2.0加入了virtual dom，有点向react靠拢的意思。vue的diff位于patch.js文件中，复杂度为O(n)。 了解diff过程，我们先从虚拟dom开始。1. 虚拟dom是什么？虚拟dom( virtual dom )它是一个Object对象模型，用来模拟真实dom节点的结构。2. diff算法是什么？diff算法是比较两个文件的差异，并将两个文件不同之处，将这个不同...
2019-06-24 11:58:09
323
原创 关于node.js
nodejsJavaScript是一个什么语言轻量级 弱类型 脚本语言JavaScript的运行环境是什么？浏览器？浏览器内核中的JavaScript解析引擎JavaScript 可以干什么？特效？ DOM操作交互 ajax jsonp游戏？ DOM操作 Canvas表单验证JavaScript 不可以做什么？操作文件和文件夹操作OS获取系统信息为什么js做不到 弱类型...
2019-06-23 21:15:16
311
原创 token
1. token1.1 token的使用场景无状态请求保持用户的登录状态第三方登录（token+auth2.0）1.2 token使用流程先安装openssl先安装perl重启电脑进行 C:\Perl64\eg以管理员身份运行 perl --help报错（ perl没有配置环境变量 ）安装openssl软件安装无要求，一路next重启电脑然后在命...
2019-06-22 11:10:53
236
原创 net-socket制作简易的聊天室
文件目录server.js这个js文件中写的是主服务器的代码代码如下const net = require ( 'net' );const port = 9000;const hostname = 'localhost';const clients = {};let count = 0;// 1. 创建服务器const server = new net.createS...
2019-06-22 10:43:26
364
转载 框架级的数据请求
框架级的数据请求axios ( 第三方库 — 别人封装好的库 )fetch ( javascript 原生提供 )vue这边的数据请求的发展vue-resource ( Vue 以前自己封装使用的请求类库 ) ，但是 vue-resource作者已经放弃更新了vue-resource 作者推荐我们使用 axiosvue-resource 用法 和 axios ...
2019-06-21 20:11:03
225
原创 vue中watch、computed与methods的艰难抉择
1.watchwatch是用来监听某一个数据的，当数据发生改变是，watch就会自动触发，然后我们可以进行一些任务2.computedcomputed是为了暴露一个全局变量，这个全局变量是经由一定逻辑产生的那么在做项目的时候该如何选择呢？其实很简单，他们都有自己适应的场景watch: 数据量较大，并且有异步操作我们选择 watchcomputd: 满足两个条件就可以了（1...
2019-06-21 20:01:07
386
转载 mongoDB数据库的介绍与使用
mongoDB数据库1.什么是数据库？数据库是按照数据结构来组织、存储和管理数据的仓库2.数据库的分类关系型数据库：Access mySql SqlServer Oracle db2等非关系型数据库：MongoDB Redis HBase CouchDB等3.MongoDB 的特点它的特点是高性能、易部署、易使用，存储数据非常方便。主要特性有：面向集合存储，易存储对象类...
2019-06-21 19:42:03
449
原创 Vue 基础 （二）
一.Vue基础1.模板语法插值a.文本{{ }} （mutache 语法糖，后面会详细讲解mutache）b.纯HTMLc.表达式指令：是带有v-前缀的特殊属性v-bindv-if v-showv-on:clickv-for3.事件绑定v-bind:src=>:srcv-on:click=>@clickmutachemustache语法糖对数据类...
2019-06-21 19:32:00
336
原创 初步认识Vue（一）
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随着前端项...
2019-06-19 19:58:24
542
转载 前端标准开发规范
前端的开发规范本文主要从以下几个方面来概述前端的开发规范目录构建规范前端命名规范前端工作规范开发文档的书写规范1. 前端目录构建规范我们从命名原则、根目录、业务逻辑等方面进行目录构建1.1 命名原则：- 简洁明了（如下：） * src 源代码 * img 图片资源 image images * js JavaScript脚本 * dep 第...
2019-06-18 10:49:09
1572
原创 前端异步流程
前端的异步流程 （ 很重要 ）传统的原生异步回调函数事件使用异步流程工具（ 别人封装好的东西 ）es6 Promise Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise 所谓Promise ，简单说就是一个容器，里面保存着某个未...
2019-06-12 11:18:09
3012
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人