Vue CLI

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> mac下使用vue create 项目名称 创建项目后无法运行启动问题 promote:vue_pro wangxinqiang$ npm run serve > vue_pro@0.1.0 serve /Users/wangxinqiang/Desktop/ @vue :cli3/vue_pro > vue-cli-service serve INFO Starting development server... ERROR Error: Cannot find module 'vue-template-compiler/package.json' Error: Cannot find module 'vue-template-compiler/package.json' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:603:15) at Function.Module._load (internal/modules/cjs/loader.js:529:25) at Module.require (internal/modules/cjs/loader.js:658:17) at require (internal

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 参考：[https://www.jianshu.com/p/b22d03dfe006] 以下是可行的 npm install --save axios vue-axios store.js内容如下 以下是可行的 import Vue from 'vue' import Vuex from 'vuex' import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios); Vue.use(Vuex) export default new Vuex.Store({ state: { }, mutations: { }, actions: { } }) 以上是可行的 1. 安装 Axios 1. 安装 $ npm install axios $ npm install vue-axios 2. 引入 import axios from 'axios' import VueAxios from 'vue-axios' // 通过use方法加载axios插件 Vue.use(VueAxios，axios); 3. 请求 示例 this.$http.post(Url, { page: p }).then((res) => {

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> vue-cli生成的项目，使用gitlab进行代码管理，怎样忽略项目配置文件的提交（避免每次合并分支代码冲突，而且每次修改配置文件只需修改服务器上测试环境地址即可，无需每次修改后提交） 项目配置文件：config/prod.env.js文件，配置访问后台路由地址的文件 1、本地代码将config/prod.env.js文件改名为config/prod.env.js.example，并将文件中代码注释即可。 2、使用git status,git add,git commit, git push等命令提交此工程。 3、修改.gitignore中内容，新增config/prod.env.js文件，即以后情况忽略此文件的提交。然后git status,git add,git commit, git push等命令提交此工程。 4、本地复制config/prod.env.js.example文件，并更名为config/prod.env.js文件，此时修改此文件，使用git status将不会看到更新，提交时也不会进行提交了。 5、其他分支按此方法，只不过prod.env.js.example在各分支统一即可。 其他方式： 为Vue项目添加配置文件，便于维护全局变量 来源： oschina 链接： https://my

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 由于JS单线程模型的原因，虽然可以通过异步来处理请求。但是最终还是需要由主线成处理 出于希望将渲染 / (请求、计算) 解耦的想法，所以对现在由axios构建的api请求层做改造，所有的数据请求交予web-work处理。达到渲染与请求分开的目的 问题 同时存在多少个Worker比较合适 ？ 理论上worker没有上限，开启多少个都可以，根据实际情况即可。不建议按照CPU( navigator.hardwareConcurrency )核心数开启对应的数量 像目前做的请求/渲染分离就是开启4个作为守护线程。因为除了IE6,7最少支持4个并发请求 多个Worker如何协同工作 ？ 需要考虑开启多个worker的统一调配的问题，与负载均衡的问题。 开启的worker可以通过数组存储 负载均衡可以使用轮询，最有可用等算法来处理 消息该如何处理 ？ 与axios不同的是，worker处理请求跨越不同的线程，真正的实现异步的请求。那如何保证正确的触发回调 内部通过Promise构建，返回调用者Promise对象，同时为任务分配唯一ID。将任务ID, resolve，reject 同时存储记录 worker将返回数据/异常与接受到的任务ID一并打包返回 通过任务ID将任务从任务池中pop出，执行对应的回调 请求使用什么技术？

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 虽然干了10年的前端，但是我一直把重心心放在标准和 跨屏 网站建设 的用户体验上面，我依旧认为任何好的技术最终的目的就是用户体验，只有好的用户体验才是促进成交的砝码，我们应该把中心放在用户体验上，任何网页端的技术脱离了用户体验，都是鸡肋。 –aming 下面说一说我初探vue等js框架的感受： 一共断断续续研究了一个月，之前没有去触及的主要原因是，工作的需求没有涉及到这一块，加上我把定位放在了网页用户体验和网页标准上面，直到今年才开始真真的想到用vue去做一个完整的项目，看看对于用户体验上是否真正有实质性的提高。 对于有10年经验的来说，vue到没有难倒我，并且我抛开了很多干扰（比如需要先安装node.js，然后vue-cli脚手架，然后打包等繁琐的流程），而是选择了直奔主题，直接引用vue.js就开干了。第一个vue项目选择了 切图网 以前的一个“未来教育”的h5项目，用到了vue-router实现单页路由，然后配合jquery的ajax获取数据，实现数据的获取的绑定。 这是一个非常简单的尝试，并且这个方法被证实可行，可运用在一个真实的实战项目中，好了先写到这里，后续有在补充。 来源： oschina 链接： https://my.oschina.net/u/3753812/blog/1594157

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 前言 我们后端用SpringBoot 框架已经搭建的差不多了之前，既然我们最初的梦想是做先后端分离的架手架，终于也开始学习一下前端的框架了。自己也算是前端小白，所以将自己学习vue 的过程记录系列博客。希望对学习vue 的小伙伴有帮助，用时文章中有不对的，希望大家及时提出一起探讨。 至于为什么要使用vue ,虽然是一个前端小白，但是还是知道当前主流的三大框架，Angular、React以及Vue .优劣我就不说了，我就说说我为什么选择vue 吧。其实还是因为毕竟是后端开发，对前端的东西不要求深入理解，做到能用能复制就好了。所以基本上是本着最小学习成本来的。所以相对Angular 和React来说，vue 算是上手最快的，所以也就入坑了。自己话了一周的时间预研，勉强算自己入门了吧，所以才开始写博客记录下来，这样也算是对自己学习的内容的整理，也可以记录下来方便大家。 学习地址 想要了解vue 是什么， 怎么学习？我也是参考网上的资料学习的。 vue.js 的官网： https://cn.vuejs.org/v2/guide/ 菜鸟教程： https://www.runoob.com/vue2/vue-tutorial.html gitBook: http://vue_book.siwei.me/preface

本文将从按照node.js开始脚大家如何快速的搭建mpvue框架的微信小程序，接下来让我们开始吧！ 一、node.js的安装 1.首先先下载node.js,下载地址为 http://nodejs.cn/download/ ，根据自己的操作系统下载对应的包，这里我选择的是window系统 64位的msi。 2.下载完成后，打开下载好的msi文件，然后按照指示进行安装即可，在过程中，会默认将npm和nodejs加入环境变量，省去了自己添加环境变量的过程。 3.完成后，在命令行输入npm --version，如下图所示，显示出版本号，那么我们的第一步node.js就按照完成了 二、node.js的相关配置 1.因为中国国内网络原因，因此我们需要修改npm的仓库地址，目前推荐两种方式进行设置 （1）使用config npm config set registry http://registry.npm.taobao.org/ 将仓库地址设置为国内的淘宝 （2）修改 ~/.npmrc文件 在文件中加入以下内容：registry= http://registry.npm.taobao.org/ 三、按照vue脚手架（vue-cli） 1.输入以下指令 npm install vue-cli -g，-g是全局global的意思 2.等待按照完成后，再在控制台输入vue，如果出现下图

Vue实现前后端分离项目的初体验 经过之前学习的Vue的知识： vue基本指令 vue组件 vue-resource vue路由 其实我们已经可以开始实战运用到实际的Web项目中了，由于本人是Java后端开发的，所以后端是基于SpringMVC的。 以下我们将演示如何使用Vue组件实现一个用户登录系统。 <!--more--> 介绍 后端 后端基于spring、springMVC、mybatis框架 对后端SSM框架搭建不熟悉的可以参考我的博文： SSM项目整合 前端 前端使用了wepack打包工具，利用了 vue.cli 脚手架快速搭建的项目。由于本人对一些技术也不是很熟悉，所以给大家提供些官方文档， 想要深入学习还是要仔细分析官方文档。传送门如下（也是本项目要用到的）： node.js vue.js vue-cli vue-resource vue-router webpack element-ui 以上技术都是比较常用的， webpack 类似一个打包工具，它会将你项目中的Vue组件打包为一个庞大的 js 文件（当然我们是看不懂的），而我们的前端项目是部署在 node.js 提供的web容器中的。 即前后端分离的实际效果是这样的： 有没有感觉很神奇，哈哈，反正我第一次见到的时候就是觉得很神奇，因为 html 中完全看不到任何js、css代码，但是却能渲染出来这么好看的页面

https://blog.csdn.net/qq_30669833/article/details/90487700 来源： oschina 链接： https://my.oschina.net/u/4081961/blog/3139269

本文将从按照node.js开始脚大家如何快速的搭建mpvue框架的微信小程序，接下来让我们开始吧！ 一、node.js的安装 1.首先先下载node.js,下载地址为 http://nodejs.cn/download/ ，根据自己的操作系统下载对应的包，这里我选择的是window系统 64位的msi。 2.下载完成后，打开下载好的msi文件，然后按照指示进行安装即可，在过程中，会默认将npm和nodejs加入环境变量，省去了自己添加环境变量的过程。 3.完成后，在命令行输入npm --version，如下图所示，显示出版本号，那么我们的第一步node.js就按照完成了 二、node.js的相关配置 1.因为中国国内网络原因，因此我们需要修改npm的仓库地址，目前推荐两种方式进行设置 （1）使用config npm config set registry http://registry.npm.taobao.org/ 将仓库地址设置为国内的淘宝 （2）修改 ~/.npmrc文件 在文件中加入以下内容：registry= http://registry.npm.taobao.org/ 三、按照vue脚手架（vue-cli） 1.输入以下指令 npm install vue-cli -g，-g是全局global的意思 2.等待按照完成后，再在控制台输入vue，如果出现下图