准备工作克隆代码在github#draw.io切换需要的Tag进行下载，当前以v17.4.3为示例。本地运行安装browser-sync或其它本地服务器工具解压drawio-X.zip压缩包，使用IDE打开browser-sync start --server ./src/main/webapp --files .运行本地3000端口启动服务浏览器访问localhost:3000 即可开启调试模式由./src/main/webapp/in...

相关篇章Chrome Devtools: Elements篇概述Sources面板用于资源检索、代码逻辑调试。演示前置示例ElementUI官网其他篇章有的是以掘金为示例演示的，而掘金是服务端渲染（SSR），资源压缩，不易演示。环境Chrome浏览器版本 90.0.4430.93操作释义聚焦控制台鼠标在控制台范围内点击一下，使后续操作上下文绑定在控制台中。打...

键盘输入分类直接输入输入的键直接落入可输入DOM元素，为直接输入。E.g.英文输入。间接输入输入的键值不会直接落入可输入DOM元素，有一个中间态，为间接输入。E.g.中文输入。区分中英文输入因为任何输入都会触发input，而输入中文的时候才触发compositionstart和compositionend，可以以此来区分中英文输入。e.keyCode在...

关于模拟数据，这里使用Mock.js这个库，关于用法，官网说的也比较详细，这里我就简单的带一下。 列表数据 我们先将项目中src/components/HelloWorld.vue删除，将src/router/index.js作如下修改： {代码...} 然后，在src/views/vacation/建立index.vue： {代码...} 显示效果 在手机模式下，显示效果如下： 模拟数据 在项...

简介 组件是可复用的 Vue 实例。 本质上是一个对象，该对象包含data、computed、watch、methods、filters以及生命周期钩子等成员属性。 组件结构： {代码...} 基础知识 data属性 data属性维护一个组件内部状态，其余组件正常情况下不可见。 可以通过props传递给子组件； 可以通过$emit的方式传递给父组件； 可以通过this...

视图 包含内容#NavigationBar、#TabBar、#MainContext； 为什么#NavigationBar、#TabBar分在Layout中，而不是components中？ 代码上实际上是没有差别的，只是认为#NavigationBar、#TabBar是加载一次的，而非复用，且属于页面布局内容。 App.vue Vue实例化的根组件，我们在这里进行布局： src/App.vue文件： {代码...} 在...

页面布局 App页面整体布局分上中下 || 上下部门； NavigationBar -> 导航栏，每个页面所共有； MainContext -> 页面的主体，随内容可滚动； TabBar -> Tab栏，页面可选，有的有，有的无； 可分离组件 日期组件； 审批流组件： 列表组件； 可分离的工具库 申请单类型： ‘事假’、‘病假’、‘年假’； 对应数据类型应...

关于对.vue文件模块处理规则的配置依次可在build/webpack.base.conf.js->build/vue-loader.conf.js->build/utils.js文件中跟踪；

本章以下命令都是在cmd命令行中进行的。 安装命令行 npm i -g vue-cli 安装完成后，输入vue -V返回版本号，即安装成功； 初始化项目 切换到项目目录下 项目目录，即项目所在目录。 目前，我们还没有创建项目，进入 预期项目目录 的上一级文件目录下即可。 本文以个人电脑目录演习cd /d e:/tutors/，请自动对应自己的学习...

ESLint 全局安装和项目根目录下安装都可以，只是应用起来稍微有些区别；eslint-plugin-react是兼容React语义的插件；

Issue1： ajax引入数据，初始化data==null，设置ajax同步async＝false可以获取数据，如何在ajax获取结束后render； Response： 进行条件渲染：根据条件（State）的变化，初始化加载一种情况，数据加载完成后，改变条件（State），渲染另一种情况； Issue2： 多个同级兄弟组件渲染，如果没有父级标签包裹（ReactJS要求必...

效果扩展： {代码...} 组件扩展： {代码...} 指令扩展： {代码...} 过滤器扩展 {代码...}

Vue在讲组件时，建议最好不要在父作用域中传值给子组件，不知道为什么用slot； slot背景 为什么要用slot？ 个人理解： 为了保证组件内容的灵活性，组件的内容由其所在的上下文环境确定； 将组件必要的内部层级透明地展现在组件所在的上下文环境中； slot分类 默认的slot 默认的slot是指那些在调用组件时,没有指定slot属...

本文需要对Vue有一定的基础，可以通过查看文档初步了解，以下是自己对数据绑定的总结： Vue.js 模板都是可解析的有效的 HTML，从根本上不同于基于字符串的模板； 插值： {代码...} 指令： 带有前缀v-的特性；------参数，用冒号':'隔开；---修饰符，用'.'分割； {代码...} 过滤器： 添加到表达式的后面，用管道符'|'隔开...

----------webpack的用法全在配置中！！webpack是在node环境下运行的，学习webpack之前，请先自行安装node环境（含npm）；

------通过plugins来实现；------调用plugins之前需要通过npm安装； 调用plugins：----在webpack.config.js中用require()--------除了亲儿子（内置插件）和{安装了实现lazyload的插件后}不需要require

可以通过全名XX-loader或短名xx引用；loaders可以链式写，用!分离loaders和resource，如针对样式loader:(style!css!sass)loaders处理后的资源会用js语法包裹，最终返回js---------Webpack只处理javaScript注意：loaders链式写的时候，[预]处理工具从右到左应用！！！如下：

“模块化”，实现某一功能的方法独立化，使其可以复用；这一高大上的名词，按我的理解，和jQurey插件的功能一样；那为什么需要学习RequireJS呢？

读不顺中文文档，对应中文文档，自行翻译的……如果有问题/错误，欢迎指点； 修改配置选项： {代码...} 支持的配置选项： baseUrl:模块查找的根路径； {代码...} paths:module ID & 路径映射 {代码...} 注意：一些命名的第三方库（如jquery），不能给它改名，键名不能设置jquery以外的名字，否则找不到jquery库； map...

注意：用baseURL以相对位置修改，是相对于引用requirejs的html为基准定位的-----我是错了好多次,总是以为是主模块main.js的相对位置