自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

ITzhongzi的博客

不管前方的路有多远和多苦,只要走的方向是正确的,不管多么崎岖不平,都比站在原地更接近幸福!

  • 博客(567)
  • 资源 (27)
  • 论坛 (1)
  • 收藏
  • 关注

原创 小程序canvas图片变形问题处理

问题背景和问题描述问题描述新版小程序canvas drawImage绘制图片后,图片在canvas上变形,如图所示:原图变形图片问题背景小程序sdk版本更新之后,原来的canvas基本废弃了,启用了新版的canvs的api和方法:解决方案:新版的canvas在获取到nodeRef的对象之后,要对canvas重新设置一下宽高,不然就会出现图片变形。问题代码 const query = wx.createSelectorQuery() quer

2021-04-12 09:59:22 44

原创 小程序(css)显示两行文本超出显示省略号

简单的很,兄弟font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; align-content: center; height: 44px; width: 420r

2021-03-25 15:53:13 68

原创 java解析小程序encryptedData

示例代码:import org.bouncycastle.jce.provider.BouncyCastleProvider;import org.bouncycastle.util.Arrays;import org.bouncycastle.util.encoders.Base64;import javax.crypto.Cipher;import javax.crypto.spec.IvParameterSpec;import javax.crypto.spec.SecretKeySp

2021-03-23 17:14:13 64 2

原创 笔记本硬件学习区分intel的cpu

概览对于台式机和笔记本电脑,最常见的是酷睿、奔腾和赛扬系列,同代产品中他们的性能依次减弱,酷睿最强,奔腾次之,赛扬最弱。同代性能对比: 酷睿 > 奔腾 > 赛扬酷睿Intel Core MIntel Core M是Intel Core的超低压微处理器系列,专为纤薄轻巧的 2 合 1 电脑与笔记本电脑而设计。所有Core M微处理器的热设计功耗(TDP)为4.5瓦或更低。IntelCore M微处理器由于其低TDP而无需风扇。Core i同代Core i系列中,

2021-03-23 10:34:51 25

原创 vue介绍

官网vue官网: https://cn.vuejs.org/vue设计思想组件化数据驱动渐进式框架数据的双向绑定入门介绍入门介绍太过于简单,不多赘述,跟着写一遍就会了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2021-03-18 14:43:45 23

原创 小程序自定义tabbar双击切换问题汇总

问题描述小程序自定义的tabbar按照官方的文档使用时,会出现点击无法切换底部tabbar, 双击才能切换的问题,没有去找原因,直接从网上看了一个相对好的方法, 警示后来者……解决方法在底部tabbar要跳转的页面的onshow方法内部加入一下代码 if(typeof this.getTabBar === 'function' && this.getTabBar()) { this.getTabBar().setData({ select

2021-02-25 15:03:53 1142 2

原创 小程序生成二维码(使用weapp-qrcode)以及相应的bug汇总

效果展示github 地址github 地址 https://github.com/MrITzhongzi/small_routine_components/tree/master/6.create_qr_code下载weapp-qrcode可以通过小程序的npm功能下载:npm i weapp-qrcode -S小程序引入方法一 import drawQrcode from 'weapp-qrcode';方法二 把npm下载的程序包中dist文件夹中的文件引入(任意引入一

2021-02-23 15:57:23 288 4

原创 微信小程序WeUI组件,通过 useExtendedLib 扩展库 的方式引入后总提示“未找到”,完整解决方案

错误解读…/components/cells/cells" 未找到很明显插件导入失败,只需要更换导入方式即可错误示范 { "navigationBarTitleText": "确认订单", "usingComponents": { "mp-icon": "weui-miniprogram/icon/icon", "mp-cells": "../components/cells/cells", "mp-cell": "../components/cell/cell"

2021-02-18 16:25:28 197

原创 小程序canvas生成图片压缩和失真问题draw失效问题汇总

canvas生成图片失真问题canvas生成图片的过程把网络图片保存到小程序的缓存中,并获取到图片的信息用getImageInfo在canvas上绘制想要的图片,用canvas各种方法使用canvasToTempFilePath或者saveImageToPhotosAlbum保存图片分析决定图片质量, 图片失真的原因在第三部,使用canvasToTempFilePath保存的时候。示例代码saveImageCanvas(){ wx.showLoading({

2021-02-10 11:17:13 2046 1

原创 小程序文本原样输出(保存空格和换行)

css语法style="white-space:pre-wrap;"在 view 标签加上这个white-space:pre-wrap;css属性,view输出文本的时候就会带着原有的空格 和换行。 如下所示:示例demo<view style="text-align: center; font-size: 16px; font-weight: bold; margin: 10px 0;">四季田间小程序升级公告</view><view class="tip-bo

2021-01-05 16:59:17 222

原创 微信小程序动画解析以及transitionend重复 animationiteration animationend失效问题解析

github项目代码github项目代码https://github.com/MrITzhongzi/small_routine_components/tree/master/5.danmu_componenttransitionend重复问题首先你要知道,bindtransitionend监听的是小程序的过渡属性,就是正在变化的属性,每有一个属性过渡完成,就会触发一次。例如: 一下这个会触发两次, 因为有 translateY和opacity两个属性在渐渐变化。var animati

2020-09-16 14:12:00 588

原创 2020-08-13

简介:SpringBoot配置Jackson处理字段常用框架 阿里 fastjson,谷歌gson等JavaBean序列化为Json,性能:Jackson > FastJson > Gson > Json-lib 同个结构Jackson、FastJson、Gson类库各有优点,各有自己的专长空间换时间,时间换空间jackson处理相关自动 指定字段不返回:@JsonIgnore 指定日期格式:@JsonFormat(pattern="yyyy-MM-..

2020-08-13 11:02:49 52

原创 springboot中post接收请求参数方式汇总

示例代码package com.example.demo.controller;import com.example.demo.domain.User;import com.example.demo.utils.JsonBuild;import org.springframework.web.bind.annotation.PostMapping;import org.springframework.web.bind.annotation.RequestBody;import org.spri

2020-08-13 09:38:36 512

原创 java api规范工具类封装

示例{ code: 0, data: null, msg: "xxxxxxx"}package com.example.demo.utils;public class JsonBuild { private int code; private Object data; private String msg; public JsonBuild(){} public JsonBuild(int code){ this.code

2020-07-30 16:16:15 135

原创 js中Date在ios浏览器无效问题

参考文章:时间格式问题 new Date(str) IOS系统跟Android系统不兼容JS获取当前时间戳的方法该要ios 中创建Date的方式和android中的方式不一样。还有部分方法ios中不支持,但是android中支持,例如: Date.parse()。android中创建datevar abc = new Date("2020-10-01");// 获取时间戳Date.parse("2020-10-10")abc.valueOf()abc.getTime()

2020-07-29 14:24:26 177

原创 小程序直接上传七牛云并在本地生成token
原力计划

写在前面本文主要记录小程序在本地生成七牛云的token,并上传到七牛云的探索历程。效果展示相关资料七牛云小程序插件官方文档: 七牛云小程序插件官方文档七牛云插件官方文档: 七牛云插件官方文档参考文章: 小程序生成七牛云token需要引入的工具包工具包链接: 工具包链接步骤小程序端从七牛云后台管理获取相应的密钥 AK, SK, Bucket用这三个参数生成交互的 token再将七牛云sdk引入小程序调用上传方法上传文件注意生成token 的 Bucket是七牛云的命

2020-06-30 16:46:24 259

原创 小程序获取具体地址(经纬度转换成实际地址)

效果展示注意: 因为微信小程序的api只提供了获取经纬度的接口,实际上获取的地址无法分割,所以我们引入第三方的腾讯jdk来完成。以下是项目目录结构具体步骤到腾讯申请一个开发者 key: key地址下载qqmap jdk到本地:** 下载地址:js-jdk下载地址**将jdk放到本地,并进入调用api即可注意: 使用 微信开发者工具进行调试的时候注意把 校验域名地址 给关闭,不然可能会报错。核心代码wxml<view> <view>省:{

2020-06-10 15:10:52 1644 1

原创 小程序滑动穿透问题处理

滑动穿透描述当我们在弹出层或者模太框上滑动手指的时候,最底下的UI视图跟着滑动。解决方案在滑动的元素上加上一个空的滑动事件(万能方法)/*这是弹出层的盒子*/<view catchtouchmove="touchmove"></view> touchmove: function(){ },这样手指滑动就会触发这个滑动事件,而不会向上传导,导致滑动穿透。注意: 小程序提供bind 和 catch两种绑定事件方法,bind是会冒泡的,catch

2020-06-04 09:30:31 162

原创 微信小程序拖拽组件封装

效果展示git 仓库地址git仓库地址https://github.com/MrITzhongzi/small_routine_components/tree/master/drag_component思路利用小程序的事件系统,在touchmove,即手指在屏幕上移动的时候改变组件的 固定定位的 top和left css属性参考文章参考文章https://www.jianshu.com/p/4cf32621449b使用示例wxml<drag-component im

2020-05-26 16:35:07 380

原创 微信小程序列表滑动影响解析

场景说明我们经常会遇到左边是一个分类,右边是内容列表,这时,一个页面中有左右两个列表。经过实践测试会出现,一下几个问题:两个滑动列表互相影响,即滑动一个时另一个也会跟着动微信小程序页面的生命周期函数 onreachBottom没法触发我们用下面这个案例解析onreachBottom没法触发问题onReachBottom只有在页面被充满时,并且滑动到页面底部时才会触发。大部分未触发的原因时某个盒子内容可以滚动,但是这个盒子有固定的尺寸,页面并没有被充满。所以没有触发 onreachBo

2020-05-25 14:51:37 296

原创 微信小程序开屏动画组件封装以及使用示例

思路首先调用wx.hideTabbar() 隐藏微信小程序的tabbar封装一个开屏动画组件,在几秒后自动关闭在关闭的时候调用 wx.showTabber();来使tabbar显示出来效果展示git仓库地址git仓库地址https://github.com/MrITzhongzi/small_routine_components.git示例目录结构核心代码kaiping_component.wxml<view class="kaiping_box"> &lt

2020-05-14 16:48:43 844

原创 css多行文本显示省略号

在多行文本显示的div中,超出部分显示省略号css实现方案css.description { overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/ text-overflow: ellipsis;/*可以用来多行文本的情况下,用省略号“…”隐藏超出范围的文本 。*/ display: -webkit-box;/*必须结合的属性...

2020-04-23 09:09:11 138

原创 localStorage设置过期时间

场景localStorage默认是没有过期时间的,但在某些场景下我们想自动清除某些缓存。思路: 重写localStorage的get和set方法,在set的时候存储加入时间戳的一个对象,get的时候取出这个对象,判断时间戳即可。参考文章localStorage设置过期时间es5实现Storage.prototype.setExpire = (key, value, expire) =&...

2020-04-22 11:25:06 215

原创 springboot获取web请求参数

主要内容: 对常用的注解进行解释说明,并用demo演示具体应用。参考文章springboot获取web请求参数springboot注解获取请求参数数据 @RequestParam这个注解主要用在获取url中的参数,可以用在Post中,但是建议只在GET请求中使用@RequestMapping(path = "register", method = RequestMethod...

2020-04-21 09:50:39 194

原创 npm gyp ERR问题

原因*缺少C++编译工具,或者编译类库出现问题gyp是一个编译工具,类似于makefile这种命令,它主要用来编译C++的,node里面集成了它,叫做node-gyp。npm分发的都是源码,npm install的时候都是拉取源码后在本地编译,这个时候因为不可避免的,源码里面用到其他语言,比如C或者C++,所以编译的时候,就需要其他语言的编译工具比如node-gyp,但这些编译工具其实在...

2020-04-16 10:50:30 753

原创 Mac下 npm permission denied 权限问题

依次运行下面命令:其中 $(whoami)替换成自己系统的用户名,例如我的是:sudo chown -R huanghainongye ~/.npmsudo chown -R $(whoami) ~/.npmsudo chown -R $(whoami) /usr/local/libsudo chown -R $(whoami) /usr/local/bin...

2020-04-16 10:02:41 592

原创 从零开始搭建日志系统(5)-第一版完成
原力计划

git项目地址git项目地址https://github.com/MrITzhongzi/blog-system.git第一版功能梳理用户注册,登录发表文章图片上传数据分页和密码加密新增功能PageHelper分页器加入 springboot分页器集成教程查询所有文章和查询某个用户文章api增加遇到的坑使用PageHelper时,mapper中的sql语句结尾不能 ...

2020-04-15 17:32:18 116

原创 springboot集成Mybatis的分页工具PageHelper

前言: 对于列表查询,往往用到分页,手写分页工具相对麻烦,而且bug较多,所以找来Mybatis官方提供的分页工具,并记录一下学习过程。前提是项目中已经配置了MyBatis使用步骤maven配置<!-- 分页器配置 --> <dependency> <groupId>com.github.pagehelpe...

2020-04-15 16:04:19 104

原创 java流强化练习

相关类InputStreamOutputStream.InputStreamReaderOutputStreamWriterBufferedReaderBufferedWriter项目结构练习代码import org.junit.Test;import java.io.*;import java.math.BigInteger;import java.util.Ha...

2020-04-14 16:44:52 95

原创 从零开始搭建日志系统(4)-发表文章图片上传

git项目地址git项目地址https://github.com/MrITzhongzi/blog-system.git逻辑梳理每个用户可以发表多个文章每个文章都有自己的图片文章有自己的点赞,浏览量,评论数遇到的坑继承WebMvcConfigurationSupport导致springboot静态资源无法访问因为要设置api的拦截器,所以需要继承这个类WebMvcConfi...

2020-04-14 10:18:17 100 2

原创 springboot @Value无效原因

注意不能作用于静态变量(static);不能作用于常量(final);不能在非注册的类中使用(类需要被注册在spring上下文中,如用@Service,@RestController,@Component等);使用这个类时,只能通过依赖注入的方式,用new的方式是不会自动注入这些配置的。示例配置文件qiniu: ACCESSKEY: N0Jk2mJqhLz...

2020-04-13 15:09:04 1977

原创 springboot配置WebMvcConfigurationSupport导致静态资源无法访问的问题

springboot 2.0配置WebMvcConfigurationSupport之后,会导致默认配置被覆盖,要访问静态资源需要重写addResourceHandlers方法@Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceH...

2020-04-13 11:26:42 228

原创 从零开始搭建日志系统(3)-用户登录注册逻辑完成

git 项目地址git项目地址https://github.com/MrITzhongzi/blog-system.git逻辑梳理用户注册需要提供手机号,密码等信息,后台会自动把密码加密存入数据库同一个手机号只能注册一个登录的时候会验证手机号密码登录成功后台会根据用户信息生成JWT密钥token,后续api都需要这个token遇到的坑1.mybatis插入数据返回自增主键问题...

2020-04-10 10:50:18 93

原创 从零开始搭建日志系统(2)-项目初始化

git项目地址git地址https://github.com/MrITzhongzi/blog-system.git项目初始化配置项目的maven仓库,git仓库等等从数据库反向生成实体类配置好mysql加入 mybatis实现 JsonBuild和JWTUtils工具类注意事项注解说明 示例代码/** * @description: 用户模块 * @aut...

2020-04-09 09:00:08 92

原创 从零开始搭建日志系统(1)-项目概览&数据库搭建

设计目标前端 vue + elementUI搭建日志系统前端利用 springboot 搭建后台数据库 mysql图片服务器 七牛云需求分析用户管理:用户的注册和登录,发表博文和评论。博文管理:用户可以在网站中发表和设置博文。评论管理:用户可以评论博文和回复其他用户的评论。分类管理:添加和删除分类,给文章设置分类。标签管理:添加和删除标签,给文章设置标签。数据库设计...

2020-04-07 17:48:41 132

原创 小程序canvas生成图片并保存在本地

小程序canvas生成图片并保存在本地,舍己图片的绘制,和权限申请和图片的保存。官网文档微信小程序官方文档用到的相关apiapi描述示例wx.getSystemInfo获取手机的屏幕信息(宽、高等)wx.getSystemInfo({})wx.createCanvasContext创建canvas上下文对象const ctx = wx.createC...

2020-01-15 15:13:38 827

原创 dubbo客户端元数据配置(元数据加载不出来的解决方案)

针对bubbo客户端元数据加载不出来的解决方案。项目结构package com.itzhongzi.usernapp.config;import org.apache.dubbo.config.MetadataReportConfig;import org.springframework.context.annotation.Bean;import org.springfram...

2020-01-10 12:02:23 742

原创 springboot+dubbo+zookeeper+maven搭建微服务详细教程

前言: 本文将使用springboot+dubbo+zookeeper+maven搭建一套微服务。需要提前在本地配置的环境:maven环境zookeeper环境(在我本地zookeeper在2181端口)jdk……完成的项目下载地址完成项目下载地址第一步 新建一个多模块项目(用户模块user-module)项目结构user-moduleuser-appus...

2020-01-08 17:00:51 421

原创 ZooKeeper在linux环境下的搭建

linux用wgetZooKeeper下载下载地址:http://www.apache.org/dyn/closer.cgi/zookeeperZooKeeper安装 tar -zxvf zookeeper-3.4.8.tar.gz配置在“conf”目录下,新建一个名为“zoo.cfg”的文件,其中内容如下:tickTime=2000 dat...

2020-01-07 15:43:23 85

原创 Mybatis Generator使用简介

前言: 使用Mybatis Generator自动生成实体类和 mapper数据库操作类目录结构使用过程maven引入jar包<dependency> <groupId>org.mybatis.generator</groupId> <artifactId>mybatis-generator-core</artifactI...

2020-01-07 15:40:52 124

springboot整合rocketMQ案例代码

springboot整合activeMQ案例代码,服务是发布在阿里云上的,本案例详细讲解了rocketmq的基本使用

2019-11-27

小程序和七牛云交互工具包(生成token并上传)

小程序直接生成token,并上传到七牛云的工具包。具体的代码和使用参照对应的我的csdn博客。比较容易引入和使用。

2020-06-30

js实现机械表

机械表 js html css

2016-12-28

FlappyBird游戏(纯js写)

FlappyBird游戏(纯js写)

2017-01-07

navicat注册机 + PatchNavicat

亲测过 成功了。亲测过 成功了。亲测过 成功了。亲测过 成功了。亲测过 成功了。亲测过 成功了。亲测过 成功了。亲测过 成功了。亲测过 成功了。亲测过 成功了。

2017-12-26

springboot+dubbo+sookeeper.zip

springboot+dubbo+zookeeper+maven搭建微服务详细教程完成的代码以及调用。

2020-01-08

springboot整合redis的测试案例

springboot整合redis的测试案例,完整的代码。其中的maven依赖版本是2019.11.6。

2019-11-06

go语言实践

高清版 完整版 go语言实践 (不信看评论)高清版 完整版 go语言实践 (不信看评论)高清版 完整版 go语言实践 (不信看评论)

2017-12-14

PatchNative绿色版

PatchNative PatchNative PatchNative PatchNativePatchNativePatchNativePatchNativePatchNativePatchNativePatchNativePatchNativePatchNativePatchNative

2017-12-26

伸缩布局之携程旅游

伸缩布局 自适应 可以适配电脑 平板 手机

2017-02-06

酷炫的js和jquary完整项目

酷炫的js和jquary完整项目

2017-01-13

js拖拽移动控价

js拖拽移动控价

2017-01-07

springboot异步任务案例

springboot异步任务案例,通过注解来实现定时器,以及相应的异步任务的执行。

2019-11-06

使用sse服务推送消息案例代码

使用sse服务推送消息案例代码

2019-11-19

网页特效-瀑布流

网页特效-瀑布流

2016-12-28

h5小游戏源码各个类型的都有

Html5游戏平台源码,40款h5小游戏和多款有趣的测试。在浏览器可以直接运行。包含包括答题问卷、积分赚取、抽奖、找你妹,跑酷、2048、小鸟飞飞、飞的更高、一个都不能死......等,对与要写H5小游戏或者微信公众号小游戏的朋友是一个很好的参考,大家可以下载来看看

2019-11-27

js小米动态广告

js小米动态广告 滑动

2016-12-28

Go web 编程 (各种go的图书集合)

不吃亏 (各种go的图书集合) 不吃亏 (各种go的图书集合) 不吃亏 (各种go的图书集合) 不吃亏 (各种go的图书集合) 不吃亏 (各种go的图书集合) 不吃亏 (各种go的图书集合)

2018-01-02

pathValueDemo.zip

页面传值的完整代码。 六种方式都有介绍。 外加详细的文本注释。

2019-05-29

springboot整合activeMQ案例

springboot整合activeMQ案例,点对点的消息传递,以及发布订阅模型的案例。

2019-11-12

网页特效-旋转木马

网页特效——旋转木马

2016-12-28

jquary插件终极酷炫的效果(亲测)

jquary插件终极酷炫的效果(亲测)

2017-01-13

许愿墙HTMLcssjs

许愿墙 HTML css js

2016-12-27

springboot整合mybatis测试代码

springboot整合mybatis测试代码,包含了详细的增删改查的基本操作,和相应的数据库建表和插入数据等基本操作。

2019-11-05

网页特效——放大镜

网页特效——放大镜

2016-12-28

js手风琴特效

js手风琴特效

2017-01-02

itzhongzi.zip

使用java抓取四层的地区数据。完成案例。 使用java抓取四层的地区数据。完成案例。 使用java抓取四层的地区数据。完成案例。

2019-12-17

ITzhongzi的留言板

发表于 2020-01-02 最后回复 2020-01-02

空空如也

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

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除