自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(87)
  • 收藏
  • 关注

原创 在eclipse中使用MyBatis Geneator自动生成出对应数据库的实体与映射文件

有时候需要自己手动编写实体类与映射文件很累吧,可以试试MyBatis Geneator插件,自动生成,轻轻松松呢。哈哈

2016-12-15 16:34:55 7115

转载 element的图标离线加载

element的图标离线加载

2023-03-23 16:29:40 283

原创 html5移动端手机尺寸适配的问题解决

html5移动端手机尺寸适配的问题解决

2023-03-22 16:43:48 594

原创 jquery.fullpage.js单屏内容超出显示滚动条

jquery.fullpage.js单屏内容超出显示滚动条

2023-03-16 16:40:01 460

转载 解决微信或系统字体放大缩小,html布局错乱混乱的问题

html,微信

2022-11-29 10:34:30 1346

原创 创建vue项目

vue创建项目

2022-06-06 13:14:57 156

原创 获取月份的天数

1.传入日期:2022-03-052.获取天数//获取月份的天数export function getMonthDays(time) { let monthDay = [] let date = new Date(time) let year = date.getFullYear(); let month = date.getMonth() + 1; let weekIndex = new Date(`${year}/${month}/1`).getDay

2022-03-04 13:48:16 473

转载 vue 展开收缩功能 收起展开

<template> <div> <div v-for="(item, key) in items" > <div v-show="key < num">{{ item }}</div> </div> <span @click="showMore">{{ txt }}</span> </div></template><scri.

2022-03-01 17:11:15 1654

原创 flex列表数据超出换行

flex列表数据超出换行

2022-02-18 16:45:24 836

原创 html2canvas截取div内容并打成图片下载到本地(vue)

1.首先引入js(这个js可以解决保存的图片模糊问题)js下载地址:https://github.com/eKoopmans/html2canvas/tree/develop/distimport html2canvas from '~/assets/js/html2canvas.min.js'; // 引入截图js2.downLoadTcPhoto() { //点击下载图片按钮 this.$nextTick(()=>{ wind

2022-02-17 14:17:16 640 2

转载 后端循环的数据做成折叠面板的样式

html部分: <div class="item" v-for="(item,index) in projectInfo.posts_list" :key="item.posts_id"> <button @click="seeDetail(index)">点击展开/关闭</button> <!--这里的name 和 css 类名第一个字段要一样-->

2022-01-11 14:34:11 187

原创 vue Tab切换带动画

<div class="follow_bc"> <div class="tab_two"> <div @click="handleClick(1)" :class="{ active: tabNum == 1 }" class="first_tab">文字1</div> <div @click="handleClick(2)" :class=.

2021-12-28 18:23:38 1613

转载 重装系统后重启一直显示bootmenu,选择后一闪而过

装完系统后重新启动,总是进入boot menu界面,无法进入启动界面。现在把解决方法分享出来: 重新启动电脑,在启动过程中按住F1键进入。进入BIOS界面; 1)在BIOS中找到Security---Secure Boot,把默认状态Enabled 改成Disabled。 2)改完按ESC键退回主界面,选择Startup,Startup → UEFI/Legacy boot为Both;UEFI/Legacy boot Priority为Legacy First; 3)...

2021-07-22 15:41:45 23017 7

转载 微信小程序实现文字在图片的正中间(试用各个机型)

视图页面<view class="image-parent"> <image src="wwww.jpg" mode="aspectFill" class="image"></image> <view class="child">child</view> </view>CSS样式.image-parent {...

2020-03-31 16:14:21 8598

转载 Element upload组件上传图片与回显图片

场景:新增商品时需要添加商品主图,新增成功之后可编辑上传图片:<el-form-item label="专区logo:" style="height:160px"> <div class="img"> <el-upload action="https://testopen...

2019-12-16 10:51:12 4603

转载 html页面定位到指定位置的4种实现方式

<!DOCTYPE html><html><head> <meta charset="utf-8"></head><style> body { text-align: center; } #go_to { position: fixed; ...

2019-11-29 11:32:00 2345 1

转载 vue中el-upload上传多图片且携带参数,批量而不是一张一张的解决方案

现在前端基本不是vue技术栈就是react技术栈。vue技术栈最常用的就是element-ui的ui框架了。在项目中,我们经常会碰到这种需求:批量上传文件element-ui 确实也为我们提供了<el-upload>这样的组件,同事也暴露了很多的属性和方法供我们使用。但是很多人却碰到了这样的问题:项目需求是批量上传,但是为什么自己上传的时候,也成功了,但是却是一张一张上...

2019-10-25 14:03:48 4462 2

转载 Flutter | 如何优雅的解决依赖版本冲突

前言Google推出flutter这样一个新的高性能跨平台(Android,ios)快速开发框架之后,被业界许多开发者所关注。我在接触了flutter之后发现这个确实是一个好东西,好东西当然要和大家分享,对吧。今天要跟大家分享的是如何解决flutter中依赖版本冲突。这篇文章最初出现在:Iiro的博客中。为什么会存在版本依赖问题我们在开发flutter项目中,常常会依赖第三方库...

2019-09-19 17:21:02 920

转载 微信小程序 video视频IOS可以播放 android无法播放(黑屏一直是加载状态)

服务器Apache2.4,原因是微信小程序对gzip压缩支持的问题。解决办法是在Apache配置文件中找个空白的地方加上一行:SetEnvIfNoCase Request_URI .(?:gif|mp4)$ no-gzip dont-vary...

2019-08-13 15:46:50 4051 1

转载 网站开发:从写代码到公网访问整个流程

下面谈谈我自己第一个网站,从开发到访问的整个流程。【前言】我相信,大多开发人员在刚进公司的时候,基本都是在写业务代码,结果两三年下来,发现自己代码确实写得比以前好看多了,但对整个的网站从开发到上线的流程,却还是一头雾水。当然,也包括我,但在不久前磕磕碰碰之下总算完成了这整个流程。【1】创建网站项目第一步没啥好说的,在你本地开发工具里(我这里是Eclipse),创建网站项目,写...

2019-07-12 17:14:40 705

转载 native APP,hybrid APP和web APP

转载自:https://blog.csdn.net/weixin_41646716/article/details/82190822

2019-07-08 15:54:30 227

转载 如何将node.js部署到服务器上

注:本文只是简易的单个node.js文件(名为server.js)运行,是为了给前端项目写一个数据接口环境:阿里云服务器(ubuntu 64bit)xshell1.首先登录阿里云添加安全组规则,开放程序运行时访问的端口号,本文为80002.(以下操作是在xshell里)上传本地文件server.js到阿里云服务器上某一文件夹下,本文为/root文件下3.安装node,进入到想要...

2019-06-27 11:26:56 4932

转载 小程序--民宿(首页(房屋列表、房屋详情)、订单(订单列表、详情)、个人中心(登录、优惠券))

https://blog.csdn.net/zhanjinfeng/article/details/84062322

2019-04-22 17:56:09 909

转载 小程序同步请求封装

需要在文件引入regenerator-runtime (地址:https://github.com/facebook/regenerator, 下载本地引入即可)【更新说明】经过微信开发者工具的不断升级,它的“ES6转ES5”的功能也渐渐有了加强,所以要用async/await的话,已经不需要如本文中描述的使用额外的gulp和babel来自己做预编译工作,只需要引入regenerator...

2019-04-16 16:09:51 1422

转载 vue+webpack搭建前端框架

https://blog.csdn.net/fungleo/article/details/77575077

2018-11-22 11:06:34 376

转载 微信小程序-canvas绘制文字实现自动换行

在使用微信小程序canvas绘制文字时,时常会遇到这样的问题:因为canvasContext.fillText参数为我们只能设置文本的最大宽度,这就产生一定的了问题。如果我们绘制的文本长度不确定或者我们希望文本超出自动换行或者用 ... 在使用微信小程序canvas绘制文字时,时常会遇到这样的问题:因为canvasContext.fillText参数为 我们只能设置文本...

2018-09-27 11:35:41 1030

转载 Java SSM 整合

SSM 整合最近在学习Spring+SpringMVC+MyBatis的整合。以下是参考网上的资料自己实践操作的详细步骤。 1、基本概念 1.1、Spring         Spring是一个开源框架,Spring是于2003 年兴起的一个轻量级的Java 开发框架,由Rod Johnson 在其著作Expert One-On-One J2EE Development a...

2018-09-10 15:36:00 2740

转载 小程序文字变化动画

小程序中要求几处文案一直变化,并在最后固定一个文案,一开始想使用多个setInterval来控制这几处文案,但是发现多线程总是出问题,现在改成了一个线程来控制这几处文案的变化效果图:wxml文件: &lt;view class='detailTopTextCon'&gt;&lt;label class='detailTopText detailTopText1 detail...

2018-08-13 11:05:49 2201

转载 【微信小程序】如何引入外部字体样式

我引入的字体是 ionicons 字体 Download Zip后打开fonts文件夹,将对应字体的 ttf文件 上传至 https://transfonter.org/ 注意一定要选中 Base64 encode 的TTF格式,Convert 后下载转换后的压缩包,并将其中的 transfonter.org-20180404-162638/stylesheet.css 中的代码复制粘贴到 需...

2018-08-13 10:26:00 2057 1

转载 微信小程序获取access_token出现invalid credential, access_token is invalid or not latest hint

今天在做一个扫描微信公众号带参数二维码的时候我首先通过:"https://api.weixin.qq.com/cgi-bin/token"; 获取access_token"https://api.weixin.qq.com/sns/userinfo" ; 获取 用户信息但是在获取用户信息的时候出现了 invalid credential, access_token is invalid or no...

2018-06-25 10:29:17 25703 2

转载 open-data 获取的用户头像无法设置样式?

摘要: open-data 获取的用户头像无法设置样式如图:本文来自微信小程序开发 http://html51.com,转载请保留。网友回复:祺***:设置圆角吗?加上 overflow:hidden; 试试***:open-data的样式加上overflow:hidden;display:block即可。【51小程 序】实时音视频需要的相关政府资质授权文件模板?#小程序开发 ...j***:i...

2018-06-19 14:22:24 2322

转载 看大神如何玩转微信小程序日历插件?

什么叫微信小程序插件呢?作为移动端的程序员肯定很熟悉这么一个概念,那就是开源库,尤其是 Android 开发的时候使用 gradle 远程依赖开源库,没错,微信小程序插件就是相当于远程的开源库,统一写完插件上传到微信 ...什么叫微信小程序插件呢?作为移动端的程序员肯定很熟悉这么一个概念,那就是开源库,尤其是 Android 开发的时候使用 gradle 远程依赖开源库,没错,微信小程序插件就是相...

2018-06-01 10:04:03 8230 1

原创 小程序支付(后端语言php)

第一步:需要有公众号支持微信支付,并且需要有商户号。第二步:在WxPayConfig.php里配置* APPID:绑定支付的APPID(必须配置,开户邮件中可查看)* * MCHID:商户号(必须配置,开户邮件中可查看)* * KEY:商户支付密钥,参考开户邮件设置(必须配置,登录商户平台自行设置)* 设置地址:https://pay.weixin.qq.com/index.php/ac...

2018-05-31 16:28:59 1308 1

转载 微信小程序:WebSocket应用

实例内容今天主要说一下微信的WebSocket接口以及在小程序中的使用。WebSocket是什么(简述)微信的WebSocket接口和HTML5的WebSocket基本一样,是HTTP协议升级来的,做为一个新的Socket在B/S上使用,它实现了浏览器与服务器全双工通信。因为这里是做小程序,所以就不对WebSocket的底层和协议做过多的说明了,只是稍微介绍一下。想了解详细的WebSocket可以...

2018-05-02 15:15:40 14572 3

转载 小程序禁止页面拉动(非禁止小下拉刷新)

在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方。这个时候可以在当前页面的json文件里面,加上[javascript] view plain copy"disableScroll": true  这个属性,页面就会禁止拉动。但是这里注意的是,在app.json里面写上这个属性并不会生效,一定要在需要禁止的页面的json文件加上才会生效enablePullDownRefresh (下拉刷...

2018-03-26 15:50:18 8736

转载 微信小程序之购物车

为大家介绍的就是购物车这里演示从商品列表中添加到购物车下面先做商品列表页。如下图:布局分析:首先一个list的主盒子,接着是item盒子,这是必须的。      然后把item分成左侧的图片部分,和右侧的说明部分(item盒子使用横向弹性盒)            右侧的说明部分又分上下2部分(右侧说明部分盒子使用纵向弹性盒)                  下面价钱购物车部分(下面价钱购物车部...

2018-03-15 16:59:06 2569 1

转载 微信小程序图表插件(wx-charts)

微信小程序图表插件(wx-charts)微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好使的一个。微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中...

2018-03-05 15:20:40 4224

转载 微信小程序之自定义模态弹窗(带动画)实例

首先看看官方提供的模态弹窗api如下:示例:这样的模态弹窗,充其量只能做个alert,提示一下信息。但是并不能使用它来处理复杂性的弹窗业务,因此写了Michael从新自定义了一个,采用了仿原生的样式写法wxml:[html] view plain copy&lt;!--button--&gt;  &lt;view class="btn" bindtap="powerDrawer" data-sta...

2018-02-27 11:03:52 3063

翻译 目前为止最全的微信小程序项目实例

wx-gesture-lock  微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo:百度小说搜索shitoujiandaobu 小程序:石头剪刀布(附代码说明)audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义

2018-02-07 10:51:44 466

转载 wx-charts 微信小程序图表插件

微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧,支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好使的一个支持图标类型饼图 pie圆环图 ring线图 line柱状图 column区域图 area雷达图 radar如何使用?直接引用编译好的文件 dist/charts.js(js下载

2018-02-07 10:42:19 565

空空如也

空空如也

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

TA关注的人

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