- 博客(14)
- 收藏
- 关注
RSS订阅
原创 10分钟上手使用vuex
很多刚学习vue的人对于全局变量管理工具vuex都觉得很神秘，今天就用很通俗的大白话协助大家理解一下vuex，作者的vue项目使用vue脚手架搭建的，用脚手架搭建的项目会在src文件夹下有一个store文件，打开store文件，会看到里边有index.js，getters.js，actions.js这几个js文件（如果没有的话就自己建一下）。那么vuex的核心就在这几个文件当中，其实vuex最核心...
2019-06-13 18:47:33
6791
10
原创 vue+express项目https配置
作者基于单页应用搭建了vue后台项目，相信会对初学vue的朋友有较大的帮助，项目地址：https://github.com/guodonglw/vue_admin关于https的配置补充一、web端代码修改// vue项目config/prod.env.js修改（改为https的请求协议）BASE_URL:"'https://xxx.xxx.xxx:111/api'"// 项目打包（如...
2019-05-13 19:08:06
5536
原创 vue前端express后端项目开发环境搭建
相信刚学vue的朋友会感觉稍微有点陌生，找到一个好的demo将会让你快速上手vue，作者基于单页应用搭建了vue后台项目，相信会对初学vue的朋友有较大的帮助，项目地址：https://github.com/guodonglw/vue_admin下面将对整个前后端项目环境的搭建进行一个介绍。web端vue项目一、运行环境node二、开发环境搭建// 将项目拉到本地git clone ...
2019-05-13 19:02:58
4131
原创 分享一波js，node，vue等相关的书籍
作者在空闲时间看了一些关于js，node，vue等相关的一些书籍，为了方便有需要的朋友一起学习，所以将这些书籍分享给大家，大家如果有需要的可以根据自己的需要下载。书籍清单：css相关《CSS那些事儿》flex布局相关《[Flex.3权威指南].（美）塔伯.扫描版》js相关《JavaScript高级程序设计（第3版）》《JavaScript语言精粹》《JavaScript权威指南(...
2019-09-29 09:38:06
1026
5
原创 两分钟看懂vue数据驱动dom
不论对于前端哪个框架，数据无疑是最重要的，以数据改变来驱动dom操作，从而尽量减少对dom本身的操作，使得开发人员所有的关注点都集中到了数据，而页面呈现仅仅是一种数据变化带来的映射，这样的代码将使得维护成本大大降低。在当今大部分的框架设计中，这一点也变得越来越成为前端发展的趋势。vue官网深入响应式原理图片第1步vue追踪数据变化建立在将所有的data属性转化为getter/setter，...
2019-07-05 18:08:24
989
原创 koa后端实践
作者借着不忙的时间用koa搭了一个后端的服务器（可轻松实现api调用），大家如果有需要，可以查看：https://github.com/guodonglw/koa_demo。相比于express框架，koa框架的async await语法简直让人非常舒服，结合koa的洋葱模型，有点像堆栈的先入后出的感觉，一层一层出去，在一层层的收回来，比起层层回调（可能会导致回调地狱），这样的实现简直优雅的不止...
2019-06-25 18:50:20
553
原创 axios请求及响应拦截
对于一次http请求简单来讲，就两个过程（非http建立连接过程），一是将前端请求发送到后端，二是将后端处理后的数据拿到。那么在请求发送之前，以及数据返回之后，我们都可以对请求的结构以及返回的数据做一个处理，然后在将请求发给后端（如在请求头中增加token），如果是后端返回数据，则可以根据状态码来进行提前的一个提示。以下就对axios封装的代码做一个简单的介绍。对axios进行基础配置impo...
2019-06-20 18:37:05
14942
原创 5分钟上手vue组件开发
对于许多刚开始研究vue的朋友，可能对于vue的父子组件之间如何通信不是很了解，今天作者就vue父子组件之间的通信做了一个小的demo来方便大家快速的理解父子组件通信原理，下面将结合代码对父子组件通信进行分析，希望可以帮助到需要的朋友。（项目变大以后相信大家会用到组件开发的，因为组件开发对项目的后续开发会有着较大的意义）
2019-06-18 18:37:15
198
原创 node心跳代码示例，接口超时未被调用，则发出提示
实际应用场景前端定时调用后端接口，若超时未调用，则向企业微信发送一条消息。代码示例var request = require('request'); // 用于发送http请求var timeOld = new Date().getTime(); // 记录上次请求的时间var flag = true; // 超时是否只提示一次的标志变量// 向企业微信发送信息functio...
2019-06-10 19:04:39
768
原创 vue项目点击侧边栏刷新页面
在很多vue后台demo中都会有点击侧边栏刷新页面的需求，在很多演示中对这部分并没有太多的考虑，今天作者就对该部分的代码设计做一个介绍，首先直接上代码：修改路由分发的部分// 在app.vue或者具体项目中路由分发的地方引入v-if="isRouterAlive"<template> <div id="app"> <transition name="fad...
2019-05-28 18:54:52
7088
9
原创 vue项目部署到nginx服务器
相信很多刚学习vue的朋友都可以进行到将vue项目进行npm run build这部，对于将build后的结果部署到nginx服务器上却一知半解，作者刚开始的时候也是很迷惑，看到网上很多朋友在问，今天作者就将自己的部署过程记录下来，供大家参考。首先将开发完成的vue项目打包// 在终端中cd到项目目录下cd /usr/local/project// 进行项目构建（可在本地构建）np...
2019-05-23 19:17:37
13241
3
原创 npm install过程失败的几种处理方法
npm install安装包过程失败的几种处理方法npm install过程失败第一种情况// 首先经过npm install后，会生成node_modules，先清除它rm -rf node_modules// 如果项目中有package-lock.json文件rm package-lock.json// 然后在继续进行包安装npm install (或者npm instal...
2019-05-20 19:13:56
22139
2
原创 node.js学习有用贴整理
之前写了关于vue部分的一些帖子合集，今天作者继续就node.js部分的学习贴进行整理，相信大家在开发过程中会用得到，作者用node.js的express框架搭建了配合前段vue项目的后端部分代码，项目地址：https://github.com/guodonglw/vue_adminnode.js让两个函数先后执行（当然用async模块更常规）sleep(numberMillis) {let...
2019-05-08 19:14:52
146
原创 vue学习过程遇到的问题及解决问题贴整理（适合初学者）
相信大家在刚使用vue的过程中都免不了查各种资料，作者在学习vue的过程中进行了大量的查询操作，但有些帖子说的不够有用，以下是作者在使用vue过程中觉得有用的帖子集合，最终作者用vue做了一个小的demo:https://github.com/guodonglw/vue_adminvue 不固定宽度文字超出显示…鼠标移入浮层显示全文，模拟title浮层方法https://blog.csdn.n...
2019-05-03 11:07:05
742
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人