自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

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

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

2016-12-15 16:34:55 6780

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

视图页面<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 2700

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

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

2019-12-16 10:51:12 1097

转载 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 569

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

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

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

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

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

2019-09-19 17:21:02 215

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

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

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

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

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

2019-07-12 17:14:40 282

转载 native APP,hybrid APP和web APP

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

2019-07-08 15:54:30 121

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

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

2019-06-27 11:26:56 3621

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

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

2019-04-22 17:56:09 371

转载 小程序同步请求封装

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

2019-04-16 16:09:51 1074

转载 vue+webpack搭建前端框架

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

2018-11-22 11:06:34 217

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

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

2018-09-27 11:35:41 572

转载 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 129

转载 小程序文字变化动画

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

2018-08-13 11:05:49 1526

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

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

2018-08-13 10:26:00 1282 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 17561 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 1920

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

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

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

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

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

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

转载 微信小程序:WebSocket应用

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

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

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

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

2018-03-26 15:50:18 6895

转载 微信小程序之购物车

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

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

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

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

2018-03-05 15:20:40 3011

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

首先看看官方提供的模态弹窗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 2180

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

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

2018-02-07 10:51:44 302

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

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

2018-02-07 10:42:19 462

转载 微信小程序开发小技巧合揖(53个)

微信小程序:wx.navigateTo中url无法跳转问:链接微信小程序布局之行内元素和块级元素:链接小程序端JS加密,传输PHP端解密:链接小程序开发干货技巧:如何为你的微信小程序:链接Flask中获取小程序Request数据的两种途径:链接微信小程序,新添加的元素保持在底部:链接微信小程序登录页动画 - 云层漂浮:链接

2018-02-07 09:52:40 309

转载 微信小程序实现流程进度功能

最近正在做微信小程序,需要实现一个流程进度的图样式如下面需求:没完成的灰色小圆点表示完成的使用蓝色小圆点设置当前状态使用有外圈的小圆点表示实现起来比较简单,实现思路,使用一个列表实现,列表中的每一个it ...最近正在做微信小程序,需要实现一个流程进度的图样式如下面需求:没完成的灰色小圆点表示完

2018-02-07 09:36:06 2554 1

转载 JS鼠标事件、HTML页面事件大全,比较全,推荐收藏

JS鼠标事件大全 推荐收藏,整理的比较细,推荐大家看下。一般事件事件浏览器支持描述onClickHTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClickHTML: 2 |

2018-02-05 18:17:11 95

转载 微信小程序 倒计时组件实现代码

http://www.jb51.net/article/95569.htm

2018-02-02 11:24:07 1644 1

转载 微信小程序转发自定义图片

近日帮朋友做个微信小程序,不得不说小程序真的很便捷今日做到关于转发分享部分,一不小心给自己挖了坑需求:自定义一个按钮来实现转发功能,想使转发界面换成我自定义的图片而不是缩略图,并且转发时需要传一些参数。必须慢慢调试 先改用系统的转发方法(onShareAppMessage)试试,发现居然有用,So 知道原因了,小程序转发功能你需要写在onShareAppMess

2018-02-01 16:51:29 49613 2

转载 微信小程序 跳转至tabbar页面

页面要返回/跳转至tabbar的某一页面,可用:[javascript] view plain copywx.switchTab({        url: '../b/b'      });  注意switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面跳转不带tab的页面还是用redirectTo或者n

2018-02-01 10:42:00 6221

转载 小程序开发九宫格实现

在《小程序开发系列(二)九宫格》中实现了一种九宫的排布方法,现在提供另一种实现,代码如下[html] view plain copy  view class="container">    view class="weui-grids">      view class="weui-grid" wx:for="{{routers}}"

2018-01-31 16:24:44 4810

转载 让Android和iOS共用一套切图?

开发中,UI给出了图,但在iOS和Android命名不统一,需要重新命名,会带来一些不便,如果可以使用一套切图,那就节约了时间,方便管理.命名约束:Android 图片命名不能出现 @ 和 大写字母 (a-z _)Android 中会出现 .9 文件iOS 使用 @2 @3 来区别 2x 3x 图当前我想到的解决办法:所有图片统一命名为 abcd_2x.png 

2018-01-30 13:41:41 2442

转载 微信小程序 跳转页面的两种方法详解

这篇文章主要介绍了微信小程序 跳转页面的两种方法详解的相关资料,需要的朋友可以参考下微信小程序 跳转页面小程序页面有2种跳转,可以在wxml页面或者js中:1,在wxml页面中:[js] view plain copy"../index/index">跳转到新页面  "../index/index" ope

2018-01-29 14:47:52 14327 1

转载 js h5 上传图片 转成base64 进行图片压缩 不失真

>  html>      head>          meta charset="UTF-8">          meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />          title>测试title>          link r

2018-01-11 14:44:11 6656

转载 超酷HTML5 图表

今天我们要来分享另外一种类型的HTML5动画:HTML5图表应用。图表在网页中应用十分广泛,尤其是后台的统计功能,更能体现出图表的强大之处。本文将介绍一些比较实用的HTML5图表动画,有些结合jQuery,有些是直接基于Canvas,一起来看看吧。1、超酷HTML5 Canvas图表应用Chart.js之前我们已经为大家分享过很多HTML5图表应用了,每一个HTML5图表都非常实用

2017-12-26 14:03:09 3776

转载 导航栏样式、tabBar导航栏

实例内容导航栏样式设置tabBar导航栏实例一:导航栏样式设置小程序的导航栏样式在app.json中定义。这里设置导航,背景黑色,文字白色,文字内容测试小程序app.json内容:{ "pages":[ "pages/index/index", "pages/login/login", "pages/logs/logs"

2017-12-11 16:28:44 284

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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