手写一个Vue前后端分离项目 做一个简单的联系人管理，码云源码地址 Vue前端 + C# WebAPI + MySql 前端选择单网页Vue，没有借助脚手架。 后端选择C# 的WebAPI。 数据库为MySql。 1. 搭建前端 1.1 创建静态的vue页面 预览界面 代码参考 <!DOCTYPE ...
分类：
其他好文 时间：
2020-06-05 15:22:48
阅读次数：
48
最近在学习 Vue自定义指令，在此过程中所遇问题记录如下： 一.如果你是.vue单页面，只需在script标签下定义全局指令即可，如下图： 二.如果你是Vue脚手架中引用的 1.你此时需要单独建一个js文件（将定义的全局代码写入），在main.js中引入，才能实现全局指令的调用，下图是单独的js文件 ...
分类：
其他好文 时间：
2020-06-05 12:58:01
阅读次数：
97
我们在系统地学习如何开发前端的SPA项目时，在搭建完脚手架之后，不得不绕开的一个框架那就是UI库。UI库是一套集成的前端页面UI组件，可以帮助开发者更好地搭建美观的网站，缩短开发周期。我最近花了很长时间整理了Element-ui库的源码架构细节，下面通过这篇长文分段分享给大家 系统架构 我们首先从R ...
分类：
其他好文 时间：
2020-06-05 12:55:34
阅读次数：
101
一、第三方函数工具库 lodash: 语法：_.方法名() 使用方法： 第一种：通过script标签去使用 <script src=".js/lodash.min.js"></script> 第二种：通过npm结合脚手架去使用 npm install lodash -D var _ = requir ...
分类：
Web程序 时间：
2020-06-04 21:34:22
阅读次数：
80
自己准备做一个个人的网站，在这里从头开始记录一下。 一、安装node.js 先用node -v命令查看自己是否已经安装过。 没有安装的，直接点击右边的连接去下载安装 >http://nodejs.cn/download/ 注意：安装脚手架需要node版本在4.0以上 二、更换镜像（可做可不做） 如果 ...
分类：
其他好文 时间：
2020-06-04 01:01:39
阅读次数：
63
首先执行命令： npm install -g @vue/cli-init // 安装完后 才可使用 vue init 命令 vue init webpack mypro // 给vue-cli添加webpack 可以看到创建的vue脚手架中包含以下 build 和 config 目录： webpac ...
分类：
Web程序 时间：
2020-06-02 16:08:20
阅读次数：
270
背景 还是之前的那个项目，做完国际化没多久，还没来得及划水， 又有新的活了 -- 移动端的兼容。 考虑到后期的复杂度， 需要做两套资源。 具体的目标是：同一个URL，PC打开就显示PC的那一套， M端打开就显示Mobile的页面。 create-react-app 脚手架本身不支持多入口， 需要改造 ...
分类：
其他好文 时间：
2020-05-31 16:25:34
阅读次数：
74
Vue CLI 相关 什么Vue CLI？ 我们可以通过Vue CLI 快速搭建开发环境以及相对应的webpack配置，对项目结构、部署、热加载等事情都可以通过Vue CLI来快速搭建。 CLI是什么意思？ Command-Line Interfac 命令行界面俗称脚手架，是一个官方发布的Vue.j ...
分类：
其他好文 时间：
2020-05-29 23:22:23
阅读次数：
77
1.安装node.js和npm: 可自行到node官网下载，下载node完成后，npm也会自行下载完成。 2.通过cmd执行 node -v 和 npm -v 查看是否下载成功和下载成功后的版本号。 3.安装好的npm的源默认是国外的源，会因为网络原因导致执行npm操作有延时，我们可以切换npm的源 ...
分类：
其他好文 时间：
2020-05-29 12:13:56
阅读次数：
89
根据自己的经验和想法，对原有的1.x版本进行的大版本的升级。在实际工作中，能结合的应用场景会更加多元化。 github：https://github.com/pomelott/webpack-multi-page-cli 如对您有帮助，请给星已鼓励，如有问题请提issue。 本多页面向实际工作流，会 ...
分类：
Web程序 时间：
2020-05-28 23:50:24
阅读次数：
97
