Gradle
为什么要使用Gradle构建 相信很多人都使用过Maven，这是一个非常经典好用的项目构建工具 。但是经常使用Maven就会发现有一些地方让人不舒服 Maven的配置文件是XML格式，假如依赖比较多XML文件就会特别长 XML文件不灵活 相对新版Java支持不足 安装 Gradle官网 下载文件 下载地址 配置环境（Mac） 终端输入 open -e .bash_profile 打开.bash_profile文件,在.bash_profile文件中输入下面内容 GRADLE_HOME=这个为你下载gradle原文件的地址 比如我的:/Users/xianxian/Documents/tools/gradle-7.5.1export GRADLE_HOMEexport PATH=$PATH:$GRADLE_HOME/bin 刷新配置文件 source ~/.bash_profile 验证是否配置成功 配置镜像 找到 (用户家目录)/.gradle/init.gradle 文件，如果找不到 init.gradle 文件，自己新建一个 修改/添加 init.grad ...
React
react安装 js引入方式 <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script><script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>jslet h1=React.createElement('h1',{id:'h1',price:10},'hello react');let root=document.querySelector("#root");ReactDOM.render(h1,root) 脚手架构建 npx create-react-app 项目cd 项目名//运行npm start 元素渲染 下面示例都在elementrende ...
webpack
web开发的困境 文件依赖错综复杂 静态资源请求效率低 模块化支持不友好 浏览器对高级javascript 支持不好 webpack官网 https://webpack.js.org/ 流行的打包工具 友好支持模块化、代码混淆、处理JS兼容、性能优化等 隔行变色示例 1、//创建项目 webpack012、//初始化项目 项目目录下npm init -y3、//新建文件夹src4、//创建html界面src/index.html5、//安装模块npm i jquery默认不能访问，浏览器支持不好，要用webpack打包7、//创建JS文件src/index.js8、//安装webpacknpm install webpack webpack-cli -D9、//创建webpack.config.js 在项目根目录下创建10、//编辑webpack.config.jsmodule.exports={ //开发模式:development 开发时使用 //生产模式:production 项目写完时 mode:'develo ...
uniapp
uni-app 是一个使用 Vue.js (opens new window) 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台 创建项目 下载sass插件 新建项目 选择uni-ui项目 配置微信小程序APPID 配置微信小程序运行路径 软件偏好设置 微信小程序配置 安全中打开服务窗口 创建页面 page右键创建页面 创建Tabbar 发送请求 官网 安装 npm install @escook/request-miniprogram 导入 // 按需导入 $http 对象import { $http } from '@escook/request-miniprogram'// 将按需导入的 $http 挂载到 wx 顶级对象之上，方便全局调用wx.$http = $http// 在 uni-app 项目中，可以把 $http 挂载到 uni 顶级对象之上，方便全局调用uni.$http = $ ...
JWT
JSON Web Token (JWT)是一个开放标准(RFC 7519)，它定义了一种紧凑的、自包含的方式，用于作为JSON对象在各方之间安全地传输信息。该信息可以被验证和信任，因为它是数字签名的 依赖 <!-- JWT token --><dependency> <groupId>com.auth0</groupId> <artifactId>java-jwt</artifactId> <version>3.2.0</version></dependency><dependency> <groupId>io.jsonwebtoken</groupId> <artifactId>jjwt</artifactId> <version>0.7.0</version></dependency> 生成JWT public static String tok ...
CSS
html/css 参考 阻止表单提交 onsubmit="return subtest();"//时间未到时点击交卷 function subtest() { var al=confirm("是否交卷？"); if(al==true){ alert("交卷成功！"); }else{ return false; }} 返回顶部显示隐藏 window.onscroll = function() {scrollFunction()};function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { $(".back-to-ceiling&qu ...
TypeScript
安装typescript npm i -g typescript 检测版本 tsc -v 自动编译当个文件 tsc 文件名.ts -w 自动编译当前项目下的ts 如果直接使用tsc指令，则可以自动将当前项目下的所有的ts文件编译成js文件有一个前提，首先在项目的根目录下创建一个ts的配置文件 tsconfig.jsontsconfig.json是一个json文件，添加配置后，只需要tsc命令即可完成对整个项目的编译 直接运行TS //下载npm install -g ts-node//运行ts-node 文件名 类型的声明 //定义变量let 变量名:类型//定义方法function fn(变量名:类型){ console.log(变量名)}//调用fn();//类型范围number、String、boolean、Object、array let lk:any=10//为任何类型 后面可以改成任何类型 自动类型判断 //numberlet a:number=190;//numberlet b =24;console.log(typeof a)//numbercon ...
Spring-Json统一格式
package springmvc.vo;/** * @author 羡羡 * * 统一返回JSON */public class JsonResult { int code; String msg; Object data; public int getCode() { return code; } public void setCode(int code) { this.code = code; } public String getMsg() { return msg; } public void setMsg(String msg) { this.msg = msg; } public Object getData() { return data; } public void setData(Object data) ...
SpringBoot打包War包
添加依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-tomcat</artifactId> <scope>provided</scope></dependency> 配置文件application.properties server.servlet.context-path=/heros 修改包结构 在pom.xml <packaging>war</packaging> 修改启动类 继承SpringBootServletInitializer重新方法package com.example.packproject;import org.springframework.boot.SpringApplication;import org.springframework.boot.autoconfigure.SpringB ...
JavaScript
输出 控制台 console.log("输出！log"); 弹出 alert("输出！al"); dom document.write("你好！wr"); 数据类型 number、null、undefied、boolean、string、object引用类型：array、function 示例 var a=90; var b=3.24; var c; var h="你好"; var jk=true; var ju=null; var f=new Date(); var hj=[1,2,3,4,5]; var jk=new Array(7).fill(0); var lk=function(){ console.log("nh1"); } // typeof() 查看类型 //数据类型：null number object boolean undefied string co ...