代码修整工-CSDN博客

网页上实现一个卡通人物，鼠标移动时做出各种动作和文字提示，达到交互效果一直想在网页实现下这个效果，研究了下，其实它是引用live2D实现的，Live2D是一种应用于电子游戏的绘图渲染技术，技术由日本Cybernoids公司开发。通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像。如果只是简单学下的话，复制以下代码<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title

2022-05-30 17:09:58 3050

原创 el-autocomplete修改下拉框宽度

el-autocomplete修改下拉框宽度el-autocomplete 对下拉框的默认宽度是跟输入框一样的大小，如果下拉框的内容放不下，我们就要自己指定宽度方法如下：element-ui el-autocomplete指定属性:popper-append-to-body=“false”<el-autocomplete class="inline-input" :popper-append-to-body="false" placeholder="请输入部门" v-model="formI

2022-04-15 15:02:07 6605 1

原创 AsyncHttpClient 发送json形式的post请求

使用AsyncHttpClient发送post请求报400问题：在Android利用AsyncHttpClient发送post请求时报400的错误，请求参数存放在RequestParams params里面，后台以requireBody接收参数参数要以json的形式传送加上以下代码请求就正常了params.setUseJsonStreamer(true);贴出请求封装代码public void post(String url, RequestParams params, final Ac

2022-03-03 11:54:14 4105

原创网页进行QQ聊天简单应用

在网页上唤醒QQ聊天 ---- 网页上用到在线客服之类的解决方案想在网页上做一个在线客服的功能，其实可以用腾讯提供的方法，只要打开链接就能进行QQ聊天◆腾讯提供的代码为：（腾讯官方链接： http://is.qq.com/webpresence/code.shtml）在自己网站的代码加上以上的链接地址，tencent://message/?uin=********* (********代表对方QQ)就可以弹出对话框和对方进行对话，同样无需加对方为好友（前提是对方没有设置身份认证）用户点击确定

2022-02-11 11:13:37 4366

原创 IDEA应用正则表达式快速替换代码

IDEA应用正则表达式快速替换代码：问题描述：当我们想要快速替换代码的时候，手动一个一个改实在是太慢了，而idea正好有应用正则表达式进行文本的修改和替换的方法```c#正则表达式语法：1.普通字符字母、数字、汉字、下划线、以及没有特殊定义的标点符号，都是“普通字符"。表达式中的普通字符，在匹配一个字符串的时候，匹配与之相同的一个字符。2.简单的转义字符特殊字段都是由各自的用处，不能直接使用特殊字符，需要经过转义之后，才能进行使用，表格中后两行中的都需要加“/”，转义之后才能表示自

2022-01-19 15:29:08 4304

原创如何在博客插入UML图

#mermaid-svg-C7FifCffV3eomIuT .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-C7FifCffV3eomIuT .label text{fill:#333}#mermaid-svg-C7FifCffV3eomIuT .node rect,#mermaid-svg-C7FifCffV3

2022-01-12 16:50:57 1777

原创 Android Studio 界面设计和运行的不一样

Android Studio 界面设计和运行的不一样初学Android开发，记录一下遇到的问题，及解决方法在Android studio 设置界面拖拽控件到视图区，设计界面是这样的运行虚拟机看到的却是这样的解决方法：拖拽式布局constraintlayout布局，需要做约束，最简单的方法就是点击磁铁图标自动约束。再调整一下，运行后变成这样了好吧，这方法好像不可行。...

2021-11-26 15:02:24 8925 4

原创微信小程序监听手指滑动事件

微信小程序，监听手指滑动事件1.wxml 对监听区域加监听事件<view class="contentContainer" bindtouchmove="handletouchmove" bindtouchstart="handletouchstart" bindtouchend="handletouchend"> <text>操作区域</text></view>2.jshandletouchmove: function(event) {

2021-11-01 16:23:41 2582

原创利用tampermonkey写一个打印页面的脚本

tampermonkey自定义一个脚本，实现打印浏览器页面的功能下载安装tampermonkey，教程参考此篇新增一个脚本实现代码// ==UserScript==// @name New Userscript// @namespace http://tampermonkey.net/// @version 0.1// @description try to take over the world!// @author You

2021-10-29 11:20:05 1419

原创脚本工具tampermonkey的简单使用

下载谷歌Chrome浏览器，安装 Tampermonkey 来管理脚本，里面有一些在线的脚本可以直接下载，一些有趣的脚本还是很好用的，快去试试吧

2021-10-19 17:11:52 3462

原创 Vue keepAlive实现不同的路由共用一个组件component的缓存问题

不同的路由共用一个组件component，并用keepAlive实现不同的页面缓存实现功能：使用列表页面检索的数据跳转到对应的详情页面，从详情页回到列表页能记住上次检索的数据，再次切换到详情页时能正常取到对应的数据实现方式使用Vue keepAlive实现页面缓存，整理了一些资料和其他的博客在这里记录一下。。。。keepAlive原理：1，保留组件的状态，在重新进入页面时避免重新渲染。2、是抽象组件，它自身不会渲染DOM元素，也不会出现在父组件链中。3、当组件在内被切换，它的 activat

2021-08-31 11:42:45 4195

原创 el-popover使用doclose关闭窗口不生效

Vue在el-table中使用el-popover遇到的坑el-table表格中使用el-popover打开和关闭失效的问题及解决过程在 element-ui 中 el-table 中使用Popover弹框<el-table-column> <template slot-scope="scope"> <el-popover placement="bottom" title="更多" width="100" trigger="click" :ref="`popover

2021-05-26 15:23:42 6054 16

原创 Vue+Element ui表格高度根据浏览器自适应

Vue+Element ui表格高度根据浏览器高度自适应el-table动态绑定table的高度值<el-table :data="List" :height='tableHeight' stripe border highlight-current-row>data定义变量tableHeight创建时获取窗口高度，在created（）执行created() { this.tableHeight = (window.innerHeight - 200)

2021-04-14 17:52:37 1562

原创虚拟机安装nginx并部署Vue项目

虚拟机安装nginx并部署Vue项目虚拟机用的操作系统是centos7一、安装nginx需要先将官网下载的源码进行编译，编译依赖gcc环境，如果没有gcc环境，需要安装gcc：yum -y install gcc二、 Nginx下载安装wget http://nginx.org/download/nginx-1.13.0.tar.gz三、Nginx解压安装：解压文件到usr/software目录下面，如果没有software文件夹需要先创建 tar -zxvf nginx-1.13.

2021-04-14 17:13:34 2644

原创 vue + element el-table表格出现错位

vue + element el-table表格出现错位应用问题场景是用v-if 来控制Table某列显示和隐藏, el-table中渲染出现最下面一列会渲染不全，以及有时候会出现行错位问题通过el-table的doLayout()解决了，关于doLayout()官方文档如下描述在触发加载表时添加this.$nextTick(() => { this.$refs.formGoodsTable.doLayout() })最后完美解决...

2021-04-09 16:48:01 1931

转载 vue.js+iview+springboot搭建一个前后端分离登陆demo

一、前端（vue.js+iview）1.新建一个静态的网页项目，这里我给项目取名为login2.初始化包结构3.安装iview首先先停止vue项目（在控制台按Ctrl+C，再按Y停止项目），停止以后执行命令npm install --save iview4.在main.js中加入iview加入的代码为import iView from ‘iview’import ‘iview/dist/styles/iview.css’ // 使用 CSSVue.use(iView)如果ma

2021-04-07 17:05:09 719

原创微信小程序下载文件ios无法预览问题--解决方案

微信小程序下载文件ios无法预览问题–解决方案想给单位做一个微信小程序，实现文件上传下载的功能，方便办事，也能提高办事效率。wx.downloadFile()获取到的文件缓存在手机上，iOS无法在手机预览这个缓存文件，安卓手机可以。这个需要在调用downloadFile指定保存文件路径，才可以预览操作文件，在临时路径是无法转发编辑的。var fileTypes = ["DOC", "XLS", "PPT", "PDF", "DOCX", "XLSX", "PPTX"];var imageTypes

2021-03-23 12:08:40 8186 1

原创 Java导出Excel（自定义格式）

Java导出Excel（自定义格式，非纯导出表格）最近业务有个需求需要用到导出Excel表，按模板格式导出报关单（比较复杂，需要一格一格画），这里记录一下Excel导出怎么用如果只是导出纯表列数据，可以不用我这种方法 //准备报表用参数 CVVoyage cvVoyage = this.cvVoyageDao.getByVoyageId(voyageId); List<Order> bookingList = this.csBookingDao.getByV

2021-03-12 16:47:14 6579

原创 Vue实现在线导出数据到Excel

Vue实现在线导出数据到Excel.引言：这次给大家带来Vue导出excel表格实例详解，Vue项目纯前端导出数据到Excel，并保存文件到本地。安装依赖在控制台输入npm install -S file-saver xlsxnpm install -D script-loader引入公用组件js文件下载所需的两个文件：Blob.js、Export2Excel.jshttps://download.csdn.net/download/code_carrierV1/13721006解

2020-12-18 14:48:54 966

转载 vue中实现回到顶部功能

<img v-if="btnFlag" class="go-top" src="图片url" @click="backTop">data () { return { scrollTop: 0 } }// vue的两个生命钩子，这里不多解释。// window对象，所有浏览器都支持window对象。它表示浏览器窗口，监听滚动事件mounted () { window.addEventListener('scroll', this.scrollToTo

2020-12-11 12:04:37 855 1

原创 idea中实现vue 项目按住ctrl+引用组件名自动跳转到对应组件

1.在所在项目打开File --》 setting ，搜索webpack2.配置idea的webpack配置文件，即在idea的设置中找到项目里面build下的webpack.base.conf.js文件3. 点击apply就OK了如果不生效重启idea

2020-11-27 10:56:24 3419 1

原创微信小程序关于Json对象的时间排序

微信小程序关于Json对象的时间排序微信开发小程序日期排序解决方式：就是用普通js比较两个值的大小方式，然后用sort()方式将数据排序这个方法可以灵活应用，因为我的日期是date格式的日期，将date日期转换成时间戳比较大小，如果是数值比较直接比较即可 //时间排序 array.sort(function(a, b) { var value1 = Date.parse(a.CreateDate); var value2 = Dat

2020-11-20 14:55:01 1459 2

原创 angularJS上传文件及表单

angularJS上传文件及表单<form role="form"> <div class="form-group"> <label for="name">名称</label> <input type="text" class="form-control" id="name" placeholder="请输入名称"> </div> <div c

2020-11-13 15:51:41 845

原创 angularjs请求$resource的5种基本操作方法

angularjs$resource的5种基本操作方法angular请求资源有五种基本方法，分别是get,save,query,delete,remove【HTTP GET类型的方法】①GET请求： get(params,successFn,errrorFn)不定义具体的参数，get()请求通常被用来获取单个资源。 //GET let $com = $resource("api/user/getById.do"); $com.get(function(res){ //处

2020-09-23 10:15:29 1276

原创 vue 实现数字缓动效果

vue 实现数字缓动效果对于静态网页，增加一个数字缓动的效果能更好提升用户体验，例如数字从0增加到一百，有个动态变动的过程，当然直接变也可以，就是效果没那么好看下面看代码安装依赖：npm install --save @tweenjs/tween.jsHTML <el-col :span="5"> <div style="margin-top: 30px;border-right: 1px #D8D8D8 solid"> &

2020-09-22 14:49:10 1851

原创 Vue引用Excel导出数据

Vue引用Excel导出数据Vue项目引入xlsx插件在package.json导入依赖“xlsx”: “^0.14.0”运行npm install接下来就是前端引用xlsx import XLSX from 'xlsx'// 导出 handleExport() { if (this.dataSource.length === 0) { this.$message.warning('没有数据可导出！') } else {

2020-09-18 10:52:37 580

原创分页打印PDF模板

分页打印PDF模板PDF模板应用Freemarker编写，具体教程参考https://www.iteye.com/blog/demojava-800204,用法类似HTML。demo可参考博文，了解如何使用FreeMarker生成Html web 页面本文主要介绍如何用Java控制分页，因为freemarker自动分页不会带上表头部分，如果想要打印模板输出列表的时候，每页都带上表头部分，就需要使用Java控制分页这里写一个公用类，对列表进行分组，就是把一位数组分成二维数组 public stati

2020-09-03 14:58:16 2026

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

live2D实现网页看板娘卡通人物交互图

Tampermonkey油猴Chrome_038247376.exe

vue实现导出Excel的公用组件vendor，包括Blob.js和Export2Excel.js

VUE简要开发教程.pdf

基于SSM的登录注册web project

空空如也