- 博客(51)
- 资源 (5)
- 收藏
- 关注
原创 Nuxt.js: meta标签description重复
解决:加上一个唯一标识hid:‘description’eg:head: { titleTemplate: "网站标题", meta: [ { charset: "utf-8" }, { name: "keywords", content: "网站搜索关键字" }, { hid: "description", name: "description", content: "网站描述" } ]}参考Nuxt之Meta标签关键字描述之d
2020-06-28 11:57:10 1311
原创 基于 Vue.js CDN 引入方式基本模板
模板地址:https://github.com/mouday/vue-cdn-template包含的库Vue.js https://cn.vuejs.org/v2/guide/installation.htmlElement https://element.eleme.cn/#/zh-CN/component/installationmomentjs https://momentjs.com/js-cookie https://www.npmjs.com/package/js-co
2020-06-26 23:10:33 3271 1
原创 基于 LeanCloud 的Serverless云存储数据库留言板Demo
受到下面这篇文章的启发,尝试了一下 LeanCloud 的 Serverless 云存储,开发了一个简易的留言板前端修 bug 神器「bug 信息收集系统」搭建图解体验地址:https://www.pengshiyu.com/LeanCloudServerless/截图功能:添加删除更新获取详情列表分页开发文档LeanCloud 数据存储开发指南 · JavaScript https://leancloud.cn/docs/leanstorage_guide-js.html
2020-06-26 18:45:27 1138
原创 Java学习笔记:定时任务调度工具之Quartz
Quartz官网http://www.quartz-scheduler.org/特点强大的调度功能灵活的应用方式分布式和集群能力主要用到的设计模式Builder 模式Factory 模式组件模式链式写法三个核心概念调度器任务触发器Quartz 体系结构JobDetailschedulertrigger -SimpleTrigger -CronTrigger重要组成JobJobDetailJobBuilderJobStoreTri
2020-06-25 11:50:38 1270
原创 Java学习笔记:定时任务调度工具之 Timer
定时任务调度定义:基于给定的时间点,给定的时间间隔或者给定的执行次数自动执行的任务Timer 和 QuartzTimer: 有且仅有一个后台线程对多个业务线程进行定时定频率的调度主要构件Timer -定时调用-> TimerTask定时函数的用法// 延时执行一次public void schedule(TimerTask task, long delay)// 定时执行一次public void schedule(TimerTask task, Date time)/
2020-06-25 11:47:47 1110
原创 js通过屏幕宽度判断设备类型
代码如下function isMobile() { return window.screen.availWidth < 768;}
2020-06-24 11:30:38 1820 1
原创 Java学习路线-66:Maven
Maven 简介版本控制工具 cvs,svn,git项目构建工具 make, ant, maven gradle1、配置文件pom.xmlproject object model2、Maven 优势跨平台服务于构建:清理,编译,测试,生成报告,打包,部署标准化封装构建过程依赖管理工具项目规范化:约定优于配置安装和配置下载地址:https://maven.apache.org/download.cgiMac 安装步骤:wget https://mirrors.tuna.ts
2020-06-22 21:09:04 1125
原创 Java学习路线-65:整合 SSM-Spring+SpringMVC+MyBatis
整合 SSM项目结构.├── pom.xml└── src └── main ├── java │ └── com │ └── pengshiyu │ ├── controller │ │ └── UserController.java │
2020-06-22 21:06:26 1050 1
原创 Java学习路线-64:SpringMVC
1、MVC 框架作用:将 url 映射到 java 类或 java 类的方法封装用户提交的数据处理请求-调用相关的业务处理-封装响应数据将响应的数据进行渲染 jsp,html,freemaker 等2、Spring MVC 是一个轻量级的基于响应的 MVC 框架3、Spring MVC 优势性能比 Struts2 好简单,便捷,易学和 Spring 无缝集成(使用 spring ioc, aop)使用约定优先于配置能够进行简单 junit 测试支持 Restful 风格异常处
2020-06-22 21:04:40 1071
原创 Java学习路线-63:maven整合ssm-spring+struts+mybatis
项目结构.├── pom.xml└── src ├── main │ ├── java │ │ └── com │ │ └── pengshiyu │ │ ├── action │ │ │ └── UserAction.java │ │ ├── bean │ │ │ └── User.java │
2020-06-22 21:02:26 1074
原创 Java学习路线-62:Struts2
一、Struts2 概述Struts 翻译:支柱Struts 是流行和成熟的基于 MVC 设计模式的 Web 应用程序框架POJO(Plain Ordinary Java Object)简单的 Java 对象MVC 模式模型视图控制器Model View Controller工作原理图环境二、Struts2 项目项目结构.├── pom.xml└── src ├── main │ ├── java │ │ └── com │ │
2020-06-22 21:00:30 1116
原创 Java学习路线-61:MyBatis声明式事务
1、完整配置(1)beans.xml<?xml version="1.0" encoding="utf-8" ?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:aop="http://www.springframework.org/schema/aop"
2020-06-22 09:16:52 1043
原创 Java学习路线-60:spring 整合 mybatis
整合示例1、依赖pom.xml<!-- https://mvnrepository.com/artifact/org.mybatis/mybatis --><dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>3.5.4</version></depend
2020-06-22 09:10:27 1040
原创 Java 注解 Annotation自定义实战
概念:Java 提供的一种原程序中的元素关联任何信息和任何元数据的途径和方法内容:Java 中常见的注解注解分类自定义注解注解应用实战一、Java 中常见的注解1、JDK 自带注解@Override 覆盖@Deprecated 废弃@SuppressWarnings 抑制警告示例代码:AnnotationDemo.javapackage demo;interface Human{ public void sayHello(); public void
2020-06-22 00:02:00 1303
原创 Java学习路线-59:MyBatis数据持久层框架
MyBatis 第一个程序MyBatis 是基于 Java 的数据持久层框架持久化:数据从瞬时状态变为持久状态持久层:完成持久化工作的代码块 DAO简而言之:MyBatis 将数据存入数据库中,从数据库中取数据通过框架可以减少重复代码,提高开发效率MyBatis 是一个半自动化的 ORM 框架Object Relationship Mapping文档:https://mybatis.org/mybatis-3/zh/index.html1、依赖<!-- https://mvnr
2020-06-21 18:37:26 1215
原创 Java学习路线-58:AOP面向切面编程
AOP 面向切面编程AOP aspect oriented programmingOOP Object oriented programming提供申明式服务允许用户实现自定义切面传统编程模式自上而下,纵向的编程Jsp ->Action ->Service ->DaoAOP 编程:在不改变原有的代码,增加新的功能Jsp ->Action ->Service <- log() ->
2020-06-21 18:34:37 1066
原创 Java学习路线-57:静态代理和动态代理
静态代理角色分析抽象角色 接口或者抽象类真实角色 被代理的角色代理角色 代理真实角色,一般会做一些附属操作客户角色 使用代理角色进行一些操作AbstractObject - RealObject - ProxyClient代码实现package com.pengshiyu.proxy;// 租借接口public interface IRent { void rent();}package com.pengshiyu.proxy;publi
2020-06-21 18:33:07 1052
原创 Java学习路线-56:Spring与Ioc
Spring官网:https://spring.io/理念:使现有技术更加实用,本身是大杂烩整合现有的框架技术优点:轻量级框架Ioc 容器-控制反转 inversion of ControlAop 面向切面编程对事务支持对框架的支持一、Ioc 控制反转Ioc 是一种编程思想,由主动编程变为被动接收别名:依赖注入 dependency injection控制:指谁来控制对象的创建传统的应用程序对象的创建是由程序本身控制的使用 spring 之后,由 spring 创建对象反
2020-06-21 18:31:24 1105
原创 Java学习路线-55:自定义JSP标签
第 10 章 : 自定义标签编写步骤:标签处理类编写 tld 文件taglib 导入 tld 文件依赖<dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servlet-api</artifactId> <version>4.0.1</version> <scope>provided<
2020-06-21 18:28:36 1038
原创 Java:joda-time处理时间对象
文档:https://www.joda.org/joda-time/userguide.html依赖<dependency> <groupId>joda-time</groupId> <artifactId>joda-time</artifactId> <version>2.10.5</version> </dependency>示例package org.exampl
2020-06-21 11:22:52 1126
原创 百度统计:页面代码安装状态:代码未生效
一般安装完百度统计后20分钟左右就生效了,如果时间过长说明安装有问题后台代码检查提示页面代码安装状态:代码未生效检查一下页面代码中是否包含以下代码<meta name="referrer" content="no-referrer"/>如果有需要去除掉...
2020-06-20 16:39:49 5432
原创 js:URL、URLSearchParams解析当前页面url和查询参数
假设当前页面的url是https://www.baidu.com/index.html?query=Tom#app获取当前URL对象window.location打印出的结果hash: '',host: 'www.baidu.com',hostname: 'www.baidu.com',href: 'https://www.baidu.com/index.html?query=Tom#app',origin: 'https://www.baidu.com',pathname: '/i
2020-06-18 12:05:18 1787
原创 JS:crypto-js实现AES加密解密
文档:https://www.npmjs.com/package/crypto-jsnpmnpm install crypto-js代码示例const CryptoJS = require("crypto-js");//要加密的数据var data = { name: "李雷", age: 18,};//秘钥var aesKey = "e10adc3949ba59abbe56e057f20f883e";//将秘钥转换成Utf8字节数组var key = CryptoJ
2020-06-18 11:50:17 3926
原创 js-cookie读写浏览器中的Cookie及其应用
在前端项目中,将登录凭证token 保存到本地,并设置过期时间。因为Cookies是基于document.cookie的。指定了额外参数path 和 domain ,那么。document.cookie只有两个操作。分别对3个情况进行写入、读取、删除。浏览器控制台进行测试。...
2020-06-17 23:19:33 3917 1
原创 CSS设置高度撑满页面
样式设置高度撑bai满整个页面,那么必须从最外层,一层一层设置高度100%;<html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>
2020-06-17 22:26:47 3781
原创 Java:hibernate-validator验证数据
依赖https://mvnrepository.com/artifact/org.hibernate.validator/hibernate-validator<dependency> <groupId>org.hibernate.validator</groupId> <artifactId>hibernate-validator</artifactId> <version>6.1.2.Final&l
2020-06-16 21:47:16 1274
原创 Vue实现导航栏吸顶效果
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>Vue实现导航栏吸顶效果</title> </head> <body> <script src="static/js/vue.js"></script> <style> body
2020-06-16 10:42:10 6275 1
原创 JS:CDN方式引入Vue-Router
代码示例<div id="app"> <p>$route.name: {{$route.name}}</p> <p>$route.path: {{$route.path}}</p> <p>$route.query: {{$route.query}}</p></div><script src="/static/js/vue.js"></script><script
2020-06-15 22:32:55 4391 2
原创 Java:Map获取默认值
package org.example;import java.util.HashMap;import java.util.Map;public class MapTest { public static void main(String[] args) { Map<String, Object> map = new HashMap<>(); // String name = map.get("name").toSt
2020-06-15 21:31:40 3782
原创 Linux: find查找大文件
查找大文件find . -type f -size +800M选项:name文件名type文件类型:f 普通文件size文件大小:k —— 千字节M —— 兆字节G —— 吉字节参考shell编程:find命令
2020-06-15 11:55:05 1912
原创 CDN方式使用ElementUI的Message组件
Vue实例中使用this.$message.success("success")js中使用ELEMENT.Message.success("success");
2020-06-14 23:38:01 3635 3
原创 Java获取字符串Md5值
package org.example;import java.io.UnsupportedEncodingException;import java.nio.charset.StandardCharsets;import java.security.MessageDigest;import java.security.NoSuchAlgorithmException;public class MD5Test { public static String getMd5(String t
2020-06-14 23:09:47 1979
原创 Mac环境IDEA编写XML行注释不显示在行首
设置路径:Preferences -> Editor -> Code Style -> XML -> Code Generation取消勾选Line comment at first column勾选Block comment at first column
2020-06-14 16:13:27 1304
原创 js事件流:捕获阶段和冒泡阶段addEventListener
事件流:事件流包含三个阶段:事件捕捉阶段:事件开始由顶层对象触发,然后逐级向下传播,直到目标元素;处于目标阶段:处在绑定事件的元素上;事件冒泡阶段:事件由具体的元素先接收,然后逐级向上传播,直到不具体的元素;<style> #a { width: 300px; height: 300px; background-color: #eeeeee; } #b { width: 200px; height: 200px; backg
2020-06-14 15:24:06 2773
原创 Java:HttpURLConnection发送GET和POST请求
发送GET请求package demo;import java.io.*;import java.net.HttpURLConnection;import java.net.URL;public class HttpDemo { public static void main(String[] args) throws IOException { String url = "https://www.baidu.com/"; // 得到connecti
2020-06-13 12:49:36 2400 2
原创 Java:String和List互相转换
package demo;import java.util.ArrayList;import java.util.Arrays;import java.util.List;public class ListDemo { public static void main(String[] args) { String str = "A,B"; // 字符串转List List<String> list = new ArrayList<&
2020-06-13 11:15:56 2364
原创 PHP传递给js的JSON数据无法反序列化
如果正常json序列化后无法反序列化,就进行base64编码php编码$data = array( "name" => "王建国", "age" => 23);echo json_encode($data);// {"name":"\u738b\u5efa\u56fd","age":23}echo base64_encode(json_encode($data));// eyJuYW1lIjoiXHU3MzhiXHU1ZWZhXHU1NmZkIiwiYWdl
2020-06-10 21:35:09 1337
原创 Nuxt.js打包后报错DOMException: Failed to execute appendChild on Node
报错问题Nuxt.js打包后报错DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.开发环境下报错Mismatching childNodes vs. VNodes:解决1、template中可以限制只在客户端渲染// version >= 2.9.0<client-only></client-only>
2020-06-10 11:45:35 9778
pyenv-2.3.90-full.tar.gz
2023-01-03
mybatis-generator-demo.zip
2020-07-26
CSS Tools: Reset CSS
2020-07-23
浏览器Header和cookie字符串形式转Json
2020-04-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人