08 2019 档案
摘要：节点、树以及虚拟 DOM 当浏览器读到一些DOM结构时，会建立一个“DOM节点”树来保持追踪所有内容,如同你会画一张家谱树来追踪家庭成员的发展一样。 Vue 通过建立一个虚拟 DOM 来追踪自己要如何改变真实 DOM。 createElement 会返回一个虚拟节点 (virtual node)”，
阅读全文
摘要：用代码测试下，同时用module.exports和exports导出属性，默认会使用谁导出的。 \\ app.json module.exports = { name: "module.exports", }; exports.name = "exports"; \\ main.js let app
阅读全文
摘要：在CommonJS规范中，通过exports或module.exports导出一个模块。模块中存在require()方法，通过这个方法接受模块标识，然后根据node的模块引入规则引入模块。就能在模块使用引入模块的属性和方法了。 在node中引入模块，会经历以下三个步骤： 路径分析 文件定位 编译执行
阅读全文
摘要：在 node 中，模块分为 核心模块 和 其他模块(也可以叫自定义模块，用户写的，或者从npm上下载下来的模块) 核心模块指的就是 node 提供的模块，如 fs、http 等模块。 核心模块是直接通过node源码直接编译成二进制文件 在node进程启动时，部分核心模块就直接加载在内存中了，比如 c
阅读全文
摘要：在维基百科的CommonJS的目录下看到了这样一句话 在2013年5月，Node.js包管理器npm的作者Isaac Z. Schlueter，宣布Node.js已经废弃了CommonJS，Node.js核心开发者应避免使用它。 what?2013年就废弃了。现在都9102年了，感觉咋个只要一提到n
阅读全文
摘要：store // store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); export default new Vuex.Store({ state: { userInof: { token: "登陆凭证", n
阅读全文
摘要：store // store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); // 使用常量替代 Mutation 事件类型 const CONST_COMMIT_CHANGE_BUFF = "CONST_COMMI
阅读全文
摘要：store // store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); export default new Vuex.Store({ state: { userInof: { token: "登陆凭证", n
阅读全文
摘要：store // store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); export default new Vuex.Store({ state: { token: "登陆凭证" }, mutations:
阅读全文
摘要：配置git 全局用户配置 git config --global user.name "用户名" git config --global user.email "邮箱" 只对当前仓库有效的用户配置 git config --local user.name "用户名" git config --loc
阅读全文
摘要：git remote add origin [url] # 关联到远程仓库git的url地址 git push -u origin master # 推送到远程仓库
阅读全文
摘要：mkdir projectName # 创建projectName文件夹 cd projectName # 进入项目目录 git init # 初始化git git add . # 添加到暂存区 git commit -m "提交注释" # 提交 git remote add origin [url
阅读全文
摘要：仅使用get方法来进行演示，其他请求方法(POST,DELETE,PUT)接受参数的形式都是一样的。 用数组接受参数 import org.springframework.stereotype.Controller; import org.springframework.web.bind.annot
阅读全文
摘要：仅使用get方法来进行演示，其他请求方法(POST,DELETE,PUT)接受参数的形式都是一样的。 接受数字类型的参数 通过get的url给后端传递参数，可以看到虽然在地址栏里 id=12345 中的12345是字符串的形式，但controller会自动把字符串转换成整型。如果把 id=12345
阅读全文
摘要：虽然现在前后端分离的开发方式是主流，但还是有必要了解下模板引擎。虽然spring-mvc的默认模板引擎是JSP，都9102年了，谁还用JSP啊。SpringBoot官方推荐的模板引擎是Thymeleaf，也支持FreeMarker。 可以在 https://start.spring.io/ 网站上生
阅读全文
摘要：使用标准的 maven-archetype-webapp 创建的工程目录 在java中整合模板引擎就不得不说 ModelAndView 对象，看字面意思就知道是模型和视图的对象,通过 ModelAndView 对象可将包含的数据对象与模板引擎进行绑定。通过 ModelAndView 对象的 addO
阅读全文
摘要：参考https://docs.oracle.com/javase/8/docs/api/java/sql/ResultSet.html 参考https://docs.oracle.com/javase/8/docs/api/java/sql/Statement.html 参考https://docs
阅读全文
摘要：参考https://github.com/apache/commons-dbcp 参考https://commons.apache.org/proper/commons-dbcp/ maven依赖 <dependency> <groupId>mysql</groupId> <artifactId>m
阅读全文
摘要：安装模块 npm init -y // 初始化package.json文件 npm i webpack webpack-cli -D // 安装webpack以及webpack-cli npm i html-webpack-plugin -D // 安装生成.html文件的插件 npm i styl
阅读全文
摘要：安装提取样式的插件 npm i mini-css-extract-plugin -D npm i postcss-loader postcss -D 项目目录结构 F:\webpack-demo ├── dist/ | ├── index.html | ├── main.css <!-- 通过min
阅读全文
摘要：css的预处理less、sass(scss)、stylus三选一就行。 js规范有ES3/ES5和ES6等等。那PostCSS就相当于把ES6转换成ES3/ES5的Babel。可以把css新特性转换成大多数浏览器都能理解的语法。 安装处理less、sass(scss)、stylus的loader n
阅读全文
摘要：一般项目都有开发，测试，生产(线上)环境。有的可能还会存在演示、预发布等环境等。对于大部门项目来说，开发、测试、生产这3个环境就足够使用了。 配置环境所需模块 npm i webpack-merge -D npm i webpack-dev-server -D npm i @soda/friendl
阅读全文
摘要：安装style-loader css-loader npm i style-loader css-loader -D 模块 loader 可以链式调用。链中的每个 loader 都将对资源进行转换。链会逆序执行。第一个 loader 将其结果（被转换后的资源）传递给下一个 loader，依此类推。最
阅读全文
摘要：安装html-webpack-plugin npm i html-webpack-plugin -D 项目目录结构 F:\webpack-demo ├── dist/ <!-- 打包后生成的目录 --> | ├── index.html <!-- 打包后生成的html文件 --> | └── mai
阅读全文
摘要：项目初始化 mkdir webpack-demo # 创建项目目录 cd webpack-demo # 进入目录 npm init -y # 初始化 package.json文件 npm i webpack webpack-cli -D # 安装 webpack 和 webpack脚手架 windo
阅读全文