Vue.js

欢迎关注「前端试炼」公众号，深耕前端垂直领域，分享一些前端方面实用或有意思的东西，专注深度和最佳实践，旨在打造一个高质量的公众号。 如果你想交流技术、答疑解惑，请教大神， 回复 交流群 如果你只是想静静看每日精选文章， 回复 文章群 如果是想内推 or 被内推，或者在准备面试， 回复 面试群 如果是 React or Vue， 回复 React 、 Vue 加好友回复哈，你没加我好友我没法拉你进群啊。。 扫码加微信，回复关键词。 本文分享自微信公众号 - 前端试炼（code-photo）。 如有侵权，请联系 support@oschina.cn 删除。 本文参与“ OSC源创计划 ”，欢迎正在阅读的你也加入，一起分享。 来源： oschina 链接： https://my.oschina.net/u/3347851/blog/4957788

nginx 增加配置即可 try_files $uri $uri/ /index.html; 如下： 来源： oschina 链接： https://my.oschina.net/u/4244249/blog/4957219

一、前言 毕业后入职现在的公司快有一个月了，公司主要的产品用的是C/S架构，再加上自己现在还在学习维护很老的delphi项目，还是有很多不情愿的。之前实习时主要是做.NET的B/S架构的项目，主要还是用的那种传统的开发模式，只有一个项目用到了Web API，自己负责后端的接口功能实现。既然现在没办法改变现状，那就先改变自己吧。定了个计划，下班后慢慢的开始学习ASP.NET Core Web API和Vue，准备从前端到后端自己写一个小项目玩玩，毕竟代码这个东西，时间长了是会忘的。 嗯，有点扯远了。这个MVC项目是我的毕业设计，虽然写的比较烂，而且当时为了赶紧写完，代码的冗余程度有点高，但还是希望能给一些准备入门ASP.NET Core MVC的童鞋提供些借鉴吧。代码我放到Github上了，源码地址https://github.com/Lanesra712/Danvic.PSU，欢迎大神们拍砖，指出不足处。 二、项目介绍 毕业论文的课题是一个大学生的一个报名系统，主要是为了完成大学生报名过程中的一些数据维护，当然最后因为实在来不及了，好多都没做。。。项目主要使用到的相关技术如下所示： 项目框架：ASP.NET Core 2.0 MVC ORM：Entity Framework Core（使用Code First） 数据库引擎：MySQL SERVER 5.7 权限验证

ps: 想了解更多vue相关知识请点击 VUE学习目录汇总 Vue作为前端三大框架之一截至到目前在 github 上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好多api。。。废话不多说了，把我踩过的坑，在这里跟大家说说，希望对初学者有所帮助。ps：高手请绕道。 说明：此文章参考了网上一些前人的技术分享，自己拿过来总结一下。此文章是基于webpack构建的vue项目，并实现简单的单页面应用。其中利用到的相关技术会简单加以说明 一、那么我们就从最简单的环境搭建开始： 安装node.js，从 node.js官网 下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。 这里需要说明下，因为在官网下载安装node.js后，就已经自带npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免对后续产生影响。 安装淘宝镜像，打开命令行工具，把这个（npm install -g cnpm --registry= https://registry.npm.taobao.org ）复制

简介: Compose 是 Docker 公司推出的一个工具软件，可以管理多个 Docker 容器组成一个应用。你需要定义一个 YAML 格式的配置文件 docker-compose.yml ，写好多个容器之间的调用关系。然后，只要一个命令，就能同时启动/关闭这些容器。 # 启动所有服务 $ docker-compose up # 关闭所有服务 $ docker-compose stop 安装: Mac 和 Windows 在安装 docker 的时候，会一起安装 docker compose。Linux 系统下的安装参考 官方文档 查看是否安装成功: $ docker-compose --version 使用: 一份标准的docker-compose.yml文件应该包含version、services、networks三大部分，其中最关键的就是services和networks两个部分. docker运行命令转换成docker-compose.yml实例 docker命令执行2个镜像: docker run -d -p 9020:9020 --sysctl net.core.somaxconn=4096 registry.leyantech.com/infra/wp-api docker run -d -p 88:80 registry.leyantech.com/infra

git 命令行操作 参考网络上的总结和笔记，并亲身实践，稍作整合如下，送给你，希望有所帮助 ----------------先明确几个概念----------------- 工作区A、暂存区B、本地仓库C、远程仓库D 关系如下： 在IDE编辑文件属于工作区A add指令提交工作区A的更改到暂存区B commit指令提交暂存区B的内容到本地仓库C pull指令拉去远程仓库D的更改到本地仓库C并同步工作区A push指令推送本地仓库C的更改到远程仓库D ----------------一般的开发提交和冲突解决流程----------------- 1 将所有/指定文件由工作区A添加到暂存区B git add . git add client/App.vue 2 提交暂存区B到本地仓库区C git commit -m "更新全局通用组件" 3 取回远程仓库D变化，并与本地仓库C合并，同时更新工作区A git pull git pull = git fetch + git merge git pull --rebase = git fetch + git rebase 注意： 实际操作中为避免提交记录中的乱merge现象，这里一般选择 git pull --rebase， 在rebase的过程中，也许会出现冲突(conflict). 在这种情况，Git会停止rebase并会让你去解决冲突，

“关注 前端开发社区 ，回复“ 1” 即可加入 前端技术交流群，回复 “ 2” 即可免费领取500G前端干货！ Vue3.0源码结构分析 首先我们对vue的源码结构进行说明，搞懂每个文件夹里面代表啥，这样才能有针对性的去分析，学习。 Vue 源码地址：https://github.com/vuejs/vue-next Vue2与Vue3的对比 对 TypeScript 支持不友好（所有属性都放在了 this 对象上，难以推倒组件的数据类型） 大量的API挂载在Vue对象的原型上，难以实现 TreeShaking 。 架构层面对跨平台dom渲染开发支持 不友好 CompositionAPI 。受 ReactHook 启发 对 虚拟DOM 进行了 重写 、对模板的编译进行了优化操作... 项目结构 clone 下来的源码结构如下： reactivity :响应式系统 runtime-core :与平台无关的运行时核心 (可以创建针对特定平台的运行时 - 自定义渲染器) runtime-dom : 针对浏览器的运行时。包括DOM API，属性，事件处理等 runtime-test :用于测试 server-renderer :用于服务器端渲染 compiler-core :与平台无关的编译器核心 compiler-dom : 针对浏览器的编译模块 compiler-ssr :

前言：最近用vue-cli 3.0 构建一个小型的工单管理系统，完工后build发现一个chunk-vendors包就达到985kb，加上其他一些资源文件，首页的下载总共大小快要2M。测试给的第一个反馈就是首屏慢慢慢慢慢！ 根据首屏加载资源文件过大，进行一下优化： 1. 路由懒加载 结合Vue的异步组件再结合webpack的代码分割，我们可以轻松的实现路由懒加载。 ️vue-cli 3.0 模式就使用了Babel，我们需要添加 syntax-dynamic-import 插件，才能使 Babel 可以正确地解析语法。 // 安装插件 syntax-dynamic-import cnpm install --save-dev @babel/plugin-syntax-dynamic-import // 修改babel.config.js module.exports = { "presets": [ "@vue/app" ], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" }, "syntax-dynamic-import" ] ] } // 修改路由组件的加载（router/index.js） { path: '/', name: 'home'