m0_61036418的博客

原创 Vuex分模块使用图

原创 Vue生命周期与axios

首先解释上一篇的问题为啥data是个函数呢那必然是作用域的问题,当多个组件被引用时,就会出现变量污染的情况,使用函数将data定义的变量独立一个作用域出来,这样就能解决变量污染的问题什么是生命周期?vue实例从创建到销毁的过程本图摘自vue中文文档具体解释可参阅vue文档一.vue钩子函数概念:vue框架内置函数,随着组件生命周期阶段,自动执行生命周期钩子函数 阶段 方法名 方法名 初始化 beforeCreate created 挂

原创 Vue组件与组件通信

首先回答一下上篇文章的问题1.为什么v-for的key不用索引呢?首先,:key是用于给v-for颁发唯一标识的,用于性能优化,其值最好是不重复且唯一.如果使用索引作为key的值,当往数组中再插入一个值,或者删除一个值的时候,索引就会跟随值的改变而改变,此时v-for渲染出来的位置就有可能打乱,比如删除一个当前值,结果删除了后面那个所以,在使用:key时最好使用一个唯一的,不重复的值,比如id,这样就能保证准确2.数组更新为何有时v-for不触发呢?vue底层只能检测到数组顺序/位置

原创 Vue中的计算属性与侦听器

一.v-for1.更新检测

原创 Vue脚手架搭建与一些简单小指令

如果Vue是一条大路,我就是一辆汽车,我跑啊跑,我多快乐!如果Vue是一条大河,我就是一条小鱼,我游啊游,我多快乐!如果Vue是一棵大树,我就是一片落叶,我飘啊飘,我多快乐!一.什么是vuevue 是一种渐进式的javascript框架框架:拥有自己一套语法,有自己的规则二.创建vue脚手架...

原创 工具推荐之webpack

一.什么是webpack现代 javascript 应用程序的静态模块打包器 (module bundler),可以分析,翻译,压缩,打包代码,让代码体积更小,浏览器打开速度更快二.如何使用1.项目文件夹初始化2.安装第三方模块安装webpack 和webpack-cli3.配置命令bulid命令名可以自定义,执行的是webpack4.几个案例4.1打包两个js文件首先按照下图结构创建js文件在add.js中导出函数在index.j...

原创 前端开发最浪漫的技巧------promise(承诺)

在漫漫历史长河中,许多文人墨客对于承诺这个概念有着很多的见解,也留下了很多脍炙人口的篇章,如"君子一言驷马难追",《诗经·邶风·击鼓》中有着一段"死生契阔，与子成说。执子之手，与子偕老。"直至今日依然为世人传颂.ES6时代,javascript提出了一个新的构造器"promise(承诺)",这掷地有声的名称背后也是前端开发中非常重要的一个语法.一.什么是promisepromise是ES6提出的一种新语法,一个新的构造器,用于优化实现异步操作。二.如何使用1.语法格式 //实例化创

原创 express前端的接口利器

一.什么是expressexpress是个基于Node.js平台的web开发框架,是个第三方模块二.如何使用express1.下载安装express//在你的项目根目录下，打开小黑窗//1. 初始化 package.json 文件npm init -y//2. 本地安装 express 到项目中npm install express2.简单创建一个服务器//导入 Expressconst express = require('express')//调用 expr

原创 理解中间件

一.中间件(middleware)概念中间件是一个特殊的url地址处理函数,一般作为app.use(中间件函数)的参数或者在某个路由处理函数中使用二.基本使用const express = require('express')//导入express模块const app = express();//创建服务//app.use()中间件app.use((req, res, next) => { console.log("第1个中间件"); req.a1 = 100; ne

原创 javascript数组(Array)常用方法推荐

在日常开发中,会遇到很多关于数组的操作,借此整理一些数组常用方法一.什么是数组'数组是一种类列表对象，它的原型中提供了遍历和修改元素的相关操作。'这是MDN对于数组的描述,翻译一下的意思就是,数组就是复杂数据类型,有很多属性和方法可供操作.二.如何创建数组1.字面量方式let arr = [1,2,3,4,5,6,....]2.实例函数创建letarr=newArray("a","b","c");字面量方式与实例函数创建,一般情况没什么区别,都能用三.增删...

原创 node.js构建服务器

一.服务器与客户端1.服务器的类型web服务器:安装apache, tomcat, iis, nginx, 或者在nodejs环境写代码 提供:图片浏览，新闻浏览....等服务的服务器。ftb服务器:安装serv-U软件，为其它电脑提供文件下载，共享服务数据库服务器:安装mysql软件，为其它电脑提供数据库服务。2.服务器相关概念2.1http协议： HTTP(HyperText Transfer Protocol) 超文本传输协议。 协议双方： 浏览器与web服务器

原创 node.js的模块化与包

一.模块化1.为何要模块化一个js文件可以引入其他的js文件,就可以使用引入文件中的变量,数据,node.js支持模块化.在es6之前,js是没有模块化的功能的,js代码依靠html文件统一管理,这样做的问题很明显,变量污染并且代码无法维护.2.模块化的历史2.1 es6前为了支持模块化,程序员借用第三方库实现模块化sea.js require.js2.2 es6后 es6原生语法也支持模块化（浏览器不是直接支持模块化 --- 需要单独设置） Nodejs

原创 关于node.js的那些事...

一.什么是node.js?'node.js是基于chrome V8引擎的javascript代码运行时',这个是官方的权威解释,翻译为人话就是,node.js是一种可以用来运行javascript代码的环境.基于node.js,可以为我们提供很多的工具和框架二.如何安装node.js的安装非常简单node.js有中文网站,推荐选择长期维护版,比较稳定(但实际用起来差别不大).下载完毕后,点击安装包,开始安装,可以选择更换安装路径(路径不要有中文!!!),一直点击下一步(next.

原创 javascript中的字符串(string)常用操作

字符串一.如何创建字符串1.字面量方式直接创建2.构造函数(实例化),与字面量方式基本无差别 let str = new String("hello world");二.字符串常见属性1.length属性let str = 'xxxxxxxxxx.....'str.length 用来返回字符串长度2.索引索引从0开始,str[0]返回字符串第一个对应的字符str[1]返回字符串第二个对应的字符....三.字符串常见的方法1.分割字符串spli

原创 开发中常见的快捷键与快捷方式

在开发中,你是否一次又一次的用鼠标右键创建文件夹?你是否一次又一次的用鼠标右键保存你辛辛苦苦码下的代码?是否一次又一次的被同行嘲笑?烦躁,愤怒,杂乱无章充斥着的你的思想,不断地消磨你的意志。他来了他来了,他带着快捷方式走来了,用简单快捷的方式,减轻你的负担!!!从此不再感觉身体被掏空!!!是的,学会它!你将倍感轻松!!用上他!同行撕逼倍有面子!!敲出他!从此头发自信又飘逸,一口气连上10层连气都不喘了!!! 你还在等什么!!!程序员常用的快捷方式大集合,持续更新中......一.常见的终端命