小狼的学习笔记

页面组件侧边栏顶部栏内容栏

单页面应用程序在一个web服务器上，只有一个web页面。 所有的功能都在这个页面上实现。 单页面应用是很复杂的。 vue-cli用于开发vue的标准工具。简化了基于web-pack创建工程化vue项目的过程。 安装和使用1npm i -g @vue/cli 快速生成工程化的Vue项目 1vue create 项目名称 使用上下箭头选择预设。 此处选择Manually select features，回车。 使用空格勾选需要的功能。 勾选CSS Pre-processors，可以方便使用less书写css。 建议取消勾选Linter / Formatter，这个是用于约束代码风格的。 选择Vue版本，选择2.x。 选择css预处理器，选择Less。 选择配置文件的存放方式（独立的或放在一起）。 选择默认的In dedicated config files，独立创建。 是否保存当前这套预设。输入y，回车。 为当前预设设置名称，回车。 vue项目的运行流程通过main.js把App.vue渲染到index.html页面中。 第一个Vue.js项目进入使用vue-cli创建 ...

原理介绍在手机中搭建Linux虚拟机，在虚拟机中下载Maa，然后解压配置启动。 Linux虚拟机方案 使用linux deploy（需要ROOT） 这是我目前使用的方案，也是本文主要演示的方案。 linux deploy可以配置开机启动自启脚本，十分方便，推荐使用。 使用Termux安装Linux 建议还是安装一下Termux，用来作为SSH访问的终端也不错。 Termux相关配置。 Termux安装Linux 来自互联网的方案： 智能手机安装Termux及安装Linux系统及其桌面环境超详细教程 虚拟机搭建linux deploy安装及配置 官网 Github Linux Deploy 2.6.0 Latest 下载完毕后，打开APP，并允许Root权限。 点击右下角的选项，进行配置。建议进行如下配置： 发行版 GNU/Linux 选择 Ubuntu 架构选择arm64 发行版本 GNU/Linux 版本选择kinketic 源地址改为http://mirrors.tuna.tsinghua.edu.cn/ubuntu-ports 安装类型选择目录 本 ...

过滤器<!不再适用vue3>filter用于文本格式化。 用在插值表达式和v-bind属性绑定。 类似管道符的使用。 1<p>{{message|msgFilter}}</p> 在管道符|后，指定一个过滤器函数，message作为参数传入函数，函数必须返回处理后的结果。 msgFilter函数可在filters节点中进行定义。 1234567891011const vm=new Vue({ el:'#app', data:{ message:"我是测试信息。" }, filters: { msgFilter(msg){ return msg+"(过滤后)" } },}) 私有过滤器和全局过滤器在filters节点中定义的过滤器，均为私有过滤器。私有过滤器仅作用于el节点绑定的作 ...

ExpressExpress是一个基于Node.js平台的，快速、开放、极简的Web开发框架 可以用于开发Web服务器和API接口服务器。 是对Nodejs内置API的封装，类似WebAPIs和Jquery的关系。 使用Express1npm i express -S 1const express = require('express') 创建Web服务器1234567const express = require('express');//创建web服务器const app=express();//启动服务器app.listen(80,()=>{ console.log("Server is running at http://127.0.0.1:80");}) 监听GET请求123app.get('/访问地址',(req,res)=>{ ...}) 监听POST请求123app.post('/访问地址',(req ...

vue是什么？vue是用于快捷构建用户界面的Javascript框架。 vue的特性数据驱动视图vue会监听数据变化，当数据发生变化时，会自动渲染页面。 数据驱动视图是单向的数据绑定。 双向数据绑定不再需要手动操作DOM来获取元素的最新值了，在表单提交的数据会自动提交给元素。 将标签与变量进行了绑定。 MVVMmvvm是vue实现数据驱动视图和双向数据绑定的核心原理。 mvvm是指Model模型、View视图、ViewModel视图模型。 Model是当前渲染所依赖的数据源。 View是当前页面所渲染的DOM树。 ViewModel是vue实例，是MVVM的核心。 ViewModel是连接Model和View的桥梁。 当数据发送变化时，ViewModel会监听到变化并自动更新View。 当视图中表单值发生变化时，ViewModel会自动更新Model。 vue的基本使用 导入vue.js的脚本文件。 1<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> ...

什么是webpack？本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。 主要功能 兼容问题 解决Javascript高级语法在低版本浏览器的兼容问题。 我们可以放心使用高级的语法，webpack会在运行时自动转换成兼容的语法。 性能优化 规范化代码 代码压缩混淆 基本使用安装和配置安装至devDependencies节点中，仅在开发阶段中使用。 1npm i webpack webpack-cli -D 在项目根目录创建webpack.config.js配置文件。 123module.exports={ mode:'development' //用于指定构建模式，可选值：development、production} 在package.json中的scripts节点 ...

理论基础什么是Web API?作用和分类使用JavaScript操作HTML和浏览器。 分为：DOM（文档对象模型）、BOM（浏览器对象模型） DOM对象 使用JS获取到的标签是一个Object，即DOM对象。 什么是DOM?DOM (Document Object Model）文档对象模型是用来呈现以及与任意 HTML 或 XML 文档交互的 API。即：DOM是浏览器提供的一套专门用来操作页面内容的功能。可以实现与用户的交互，如：下拉菜单，点击切换，页面特效等等。 什么是DOM树？（文档树）将HTML文档以树状结构直观的表现出来。 DOM树很直观的体现了标签与标签之间的关系！ 什么是document？document是DOM中的一个对象，且是最大的一个对象。 DOM获取DOM元素的方法前两个比较常用。 选择匹配的第一个元素1document.querySelector('css选择器') 注意需要加单引号‘’ 选择匹配多个元素1document.querySelectorAll('css选择器') NodeList 返回的值为数 ...

关于热部署重启（Restart)∶自定义开发代码，包含类、页面、配置文件等，加载位置restart类加载器重载（ReLoad) : jar包，加载位置base类加载器 Eclipse添加坐标12345<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <optional>true</optional></dependency> 重新Build项目 Eclipse中开启了Build Automatically就不用手动再Build了 重新启动项目 完成！ 在代码中的改动都会被Spring容器检测到，然后重启服务器。后面就不需要手动重启了！ 设置热部署的范围12345spring:#配置热部署 devtools: restart: exclude: #配置哪些文件的改动不进行热部署,如：static/* ...