- 微信小程序实现自定义头部导航栏
老男人,
微信小程序javascript小程序
**1获取胶囊的详细信息**letmenuButtonObject=wx.getMenuButtonBoundingClientRect();width:胶囊的宽度;height:胶囊的高度top:胶囊距离顶部的距离2获取导航栏的整体高度wx.getSystemInfo({success:res=>{letstatusBarHeight=res.statusBarHeight,navTop=men
- 微信小程序自定义导航栏,实现自适应
little_shallot
笔记小程序前端
今天碰到一个页面需要自定义导航栏的,不需要原生导航;第一步先取消原生导航栏,只需要在json文件里面加入"navigationStyle":"custom"即可去掉原生导航栏,一开始直接用固定高度加定位,发现在不用设备下尺寸不对,就比如iPhoneX那个刘海屏,然后就开始找适配的方法,首先是状态栏wx.getSystemInfo(Objectobject)这个api可以获取状态栏高度然后就是右上角
- 微信小程序实现自定义头部导航栏(详细)
苏苏哇哈哈
1.实现效果在这里插入图片描述2.实现原理2.1获取胶囊的详细信息在这里插入图片描述letmenuButtonObject=wx.getMenuButtonBoundingClientRect();在这里插入图片描述width:胶囊的宽度;height:胶囊的高度top:胶囊距离顶部的距离2.2获取导航栏的整体高度在这里插入图片描述wx.getSystemInfo({success:res=>{l
- 微信小程序 实现可拖动悬浮图标
雪芽蓝域zzs
微信小程序微信小程序小程序
效果图(1)wxml问题反馈(2)jsvarstartPointPage({data:{//按钮位置参数buttonTop:0,buttonLeft:0,windowHeight:'',windowWidth:'',},onLoad(options){varthat=this;wx.getSystemInfo({success:function(res){//高度,宽度单位为pxthat.setD
- 微信小程序 ios 手机底部安全区适配
天問_
小程序微信小程序小程序
在开发微信小程序中,遇到IOS全面屏手机,底部小黑条会遮挡页面按钮或内容,因此需要做适配处理。解决方案通过wx.getSystemInfo()获取手机系统信息,需要拿到:screenHeight(屏幕高度),safeArea(安全区域对象),pixelRatio(像素比)。然后通过计算,得到底部安全区的高度,动态设置底部元素的高度。Page({data:{bottomHeight:0,},onLo
- uniapp中wx.getSystemInfoSync() 或 wx.getSystemInfo() 踩坑
sleeppingfrog
uni-app前端
可以通过wx.getSystemInfoSync()或wx.getSystemInfo()方法获取设备的信息,其中包括User-Agent。wx.getSystemInfoSync()方法是同步获取设备信息,返回值是一个对象,包含了设备的详细信息,如系统版本、屏幕宽高等。wx.getSystemInfo()方法是异步获取设备信息,需要在success回调函数中获取返回值。但是这里有一个坑:比如获取
- 小程序怎么判断是在PC端打开的还是手机端打开的?
小白变怪兽
微信小程序小程序微信
关于如何判断小程序是在哪个端打开的,主要有两种方式官方文档1.通过wx.getSystemInfo2.通过UA1.接下来我们主要记录下第一种方案onload(){wx.getSystemInfo({success:(res)=>{//windows|mac为pc端//android|ios为手机端console.log('getSystemInfo,',res.platform);}});}
- 微信小程序 实现canvas按照原图等比例不失真绘制海报图并保存海报图片到本地相册
XUE_雪
微信小程序微信小程序canvas绘图保存海报到本地
1.获取手机宽度进而设置canvas画布的宽度onLoad(){letthat=this;//获取系统信息,设置canvas宽高wx.getSystemInfo({success(res){that.setData({canvasWidth:res.windowWidth})}})},2.获取图片信息将图片保存到本地路径然后再去绘制,不然容易出现canvas画不上然后保存图片到本地时候出现空白的问
- 安卓和苹果5, 6,7,8 一样, 其他的苹果机型 最下面都有一条home条
嘿,小苹果
android
前提:安卓和苹果5,6,7,8是正常机型苹果其他机型是特殊机型iszhengchang是否是正常机型默认是false,letthat=this;wx.getSystemInfo({success:res=>{letmodelmes=res.model;//安卓和苹果5,6,7,8一样,其他的(特殊机型)苹果机型最下面都有一条home条console.log(res,'手机型号===========
- 微信小程序Echarts图表模糊问题解决
lluohuih
微信小程序echarts微信小程序javascript
微信小程序Echarts图表模糊问题微信小程序上,Echarts图表会出现模糊问题,解决方法:设置图表像素比://先获取设备像素比wx.getSystemInfo({success:function(res){constchart=echarts.init(canvas,null,{width:width,height:height,//设置图表像素比devicePixelRatio:res.pi
- 微信小程序判断基础库版本
小小八毛
微信小程序微信小程序小程序javascript
wx.getSystemInfo({success:function(res){letversion=res.SDKVersion;version=version.replace(/\./g,"")console.log('该版本号为:'version)if(parseInt(version)<230){//小于230的版本基础库wx.showModal({title:'提示',content:'
- 微信小程序canvas内容实现不同尺寸屏幕自适应
刺心疯
微信小程序
小程序canvas的API并没有像其他的一样支持小程序独有的rpx自适应尺寸单位,在绘制内容时所应用的单位仍然是px,那么如何实现不同尺寸屏幕的自适应呢?首先我们根据开发工具可知不同常用屏幕的尺寸:由此可知我们开发中常用的参考屏幕尺寸(iPhone6)为:375*667;那么想要适应其他尺寸的屏幕时只需按照iPhone6的绘制大小按比例进行换算即可:首先利用wx.getSystemInfo(获取系
- 微信小程序scroll-view动态获取高度
流过
一、把子元素的高度赋给scroll-view先说一下两个知识点:wx.getSystemInfo()、wx.createSelectorQuery()wx.getSystemInfo()1552613741(1).jpg//创建节点选择器wx.createSelectorQuery()//获取子节点信息select(‘节点名’).boundingClientRect()//wxml11111111
- 微信小程序开发笔记——构建npm
吾寄人间
一些前端工作上的笔记npm微信小程序前端
微信小程序开发笔记——构建npm在使用微信小程序开发工具开发项目的时候,会遇到需要使用一些npm进行管理的包,这时我们就需要在项目中构建npm以进行使用。以下博文将会帮助你在自己的项目中构建npm:官方构建npm的全流程官方文档地址:微信小程序——npm支持1.版本支持小程序基础库:2.2.1以上,可以在小程序中通过调用wx.getSystemInfo或wx.getSystemInfoSync获取
- 微信小程序使用WX.GETSYSTEMINFO()接口获取系统信息
汉武大帝·
微信小程序
微信小程序使用WX.GETSYSTEMINFO()接口获取系统信息[SYSTEMINFO]微信小程序获取系统信息的API:回调参数:OBJECTRES属性类型说明最低版本brandstring设备品牌1.5.0modelstring设备型号pixelRationumber设备像素比screenWidthnumber屏幕宽度,单位px1.1.0screenHeightnumber屏幕高度,单位px1
- 小程序自定义导航栏(封装得很好的组件)
不闻不问_741e
小程序支持自定义导航栏,首先要读取手机状态栏的高度,在app.js中读取wx.getSystemInfo({success:(res)=>{console.log(`res.statusBarHeight`,res.statusBarHeight);this.globalData.height=res.statusBarHeight}})下面是导航栏组件的wxml代码我是按钮我是标题下面是组件的w
- 微信小程序自定义导航栏
rain丶123
前端微信小程序小程序uni-app
小程序自定义导航栏高度适配iOS端状态栏高度使用wx.getSystemInfo中的statusBarHeight单位为px;导航栏高度固定位44px;注意:iOS端导航栏高度44与小程序默认导航栏("navgationStyle":"default")保持一致,iOS端标题与胶囊按钮并不是垂直居中的,是偏靠下一点的,而Android端是垂直居中对齐的,如果iOS也想要上下居中的效果可以采用And
- 小程序自定义导航栏
码客前端
小程序
小程序自定义导航栏jsdata:{statusBarHeight:wx.getSystemInfoSync().statusBarHeight,//状态栏高度navBarHeight:44,//导航栏高度},getSystemInfo(){//获取当前设备信息wx.getSystemInfo({success:res=>{//获取胶囊按钮信息letmenuInfo=wx.getMenuButton
- 微信小程序之获取系统信息
荒剑离
在实际应用中,经常会遇到小程序在不同机型界面呈现上的兼容适配问题,这就需要我们能够获取到系统信息。恰好小程序就为我们提供了这样的API:wx.getSystemInfo(Objectobject)和同步版本Objectwx.getSystemInfoSync()wx.getSystemInfo({success(res){console.log(res.model)console.log(res.
- 微信小程序---自定义顶部导航组件
小小黑007
微信小程序微信小程序javascript前端
微信小程序—自定义顶部导航1.在app.js文件中,获取导航高度等信息://app.jsApp({onLaunch(){//设置导航栏//获取菜单按钮的布局位置信息letmenuButtonObject=wx.getMenuButtonBoundingClientRect();//获取系统信息wx.getSystemInfo({success:res=>{//状态栏的高度letstatusBarH
- 关于H5和小程序在适配苹果X以上下面横线的遮挡
w龙
H5开发第一步:第二步:{padding-bottom:env(safe-area-inset-bottom);}或者{height:calc(60px(假设值)+env(safe-area-inset-bottom));margin-bottom:env(safe-area-inset-bottom);}小程序开发const_this=this;wx.getSystemInfo({success
- 小程序canvas兼容不同机型
C_razy
我们通常用iPhone6(375*667)开发,遇到这这种问题转化一下就行//canvas兼容不同机型varrpx;wx:wx.getSystemInfo({success:function(res){rpx=res.windowWidth/375console.log(rpx)}})用的时候*rpx就OK了!ctx.drawImage("../../"+res.path,0,0,300*rpx,
- 微信小程序开发踩过的坑
d文意
微信小程序前端javascript
1swiper使用swiper显示列表时,如果不设置swiper的高度,则数据会显示不完整,网上找了一大堆,小结一下解决:wx.getSystemInfo+scroll-viewxxxxx内容xxxxx可在onLoad()方法里写wx.getSystemInfo({success:function(res){console.log(res.windowHeight+"px")this.setDat
- ie9 java小程序设置_小程序 自定义导航栏
郭儒高
ie9java小程序设置
一、概念上面整体就是自定义导航栏的区域(包括状态栏)胶囊接口/*获取菜单按钮(右上角胶囊按钮)的布局位置信息。坐标信息以屏幕左上角为原点*/wx.getMenuButtonBoundingClientRect();/*返回值:width、height、top、right、bottom、left*/状态栏接口wx.getSystemInfo({success:e=>{console.log(e.st
- 小程序开发笔记《七》使用canvas绘制带二维码海报并预览保存到相册
菜菜___
小程序生成带二维码的海报效果预览:项目需求:需要根据用户信息生成用户个人二维码,后台提供海报素材,将用户二维码画在海报上,并可预览海报,长按保存海报,方便用户分享或者发朋友圈。涉及到的相关API:wx.getImageInfo()----获取图片信息wx.getSystemInfo()----获取系统信息,包括屏幕宽高,设备型号,设备像素比等wx.canvasToTempFilePath()---
- 微信小程序去除console.log()
喵恋
微信小程序javascript小程序
wx.getSystemInfo({success:(result)=>{console.log(result);if(result.platform!=="devtools"){console.log=()=>{}}},})在app.js中添加,备忘
- 微信小程序 自定义导航栏navigationBar
油焖茄子
微信小程序微信小程序小程序
navigationBar是什么?微信小程序一般来说有两个bar,一个导航栏,一个tabbar(小程序下方一排切换按钮),实现下方自定义tabbar的方法一般来说较为简单,现在着重叙述上方自定义导航栏的实现。小程序布局谈到导航栏与自定义导航栏,就需要解释一下微信小程序的布局了。在小程序开发中使用wx.getSystemInfo()方法可以获取到系统信息。部分获取到的信息如上图(截取自微信小程序开发
- uniapp 视频去除上下黑边,封面图适应大小
哎呦我去叫什么呢
方法1在video上增加属性方法2//可通过wxss设置宽高bindloadedmetadata:视频元素加载完成时触发。对bindloadedmetadata绑定事件videometavideometa:function(e){varthat=this;//获取系统信息wx.getSystemInfo({success(res){//视频的高varheight=e.detail.height;/
- 小程序自定义导航栏
湾流~
小程序相关小程序apache
效果图代码app.json文件下"window":{"navigationStyle":"custom"//增加此属性},app.js文件//计算高度App({onLaunch(){wx.getSystemInfo({//获取设备信息success:(res)=>{this.globalData.systeminfo=res//导航栏letstatusBarHeight=res.statusBar
- 微信小程序预览文档
择一城终老_3069
场景:需要小程序内打开预览文档1.首先想到的是下载----->打开所以选用了downloadFile----->openDocument然而问题来了。iPhone会出现打不开的情况,监测了下方法执行没问题都是success2.查文档,换套路,选用新标签web-view,Android不支持3.最终解决方案:如下wx.getSystemInfo({success:function(res){cons
- 关于旗正规则引擎中的MD5加密问题
何必如此
jspMD5规则加密
一般情况下,为了防止个人隐私的泄露,我们都会对用户登录密码进行加密,使数据库相应字段保存的是加密后的字符串,而非原始密码。
在旗正规则引擎中,通过外部调用,可以实现MD5的加密,具体步骤如下:
1.在对象库中选择外部调用,选择“com.flagleader.util.MD5”,在子选项中选择“com.flagleader.util.MD5.getMD5ofStr({arg1})”;
2.在规
- 【Spark101】Scala Promise/Future在Spark中的应用
bit1129
Promise
Promise和Future是Scala用于异步调用并实现结果汇集的并发原语,Scala的Future同JUC里面的Future接口含义相同,Promise理解起来就有些绕。等有时间了再仔细的研究下Promise和Future的语义以及应用场景,具体参见Scala在线文档:http://docs.scala-lang.org/sips/completed/futures-promises.html
- spark sql 访问hive数据的配置详解
daizj
spark sqlhivethriftserver
spark sql 能够通过thriftserver 访问hive数据,默认spark编译的版本是不支持访问hive,因为hive依赖比较多,因此打的包中不包含hive和thriftserver,因此需要自己下载源码进行编译,将hive,thriftserver打包进去才能够访问,详细配置步骤如下:
1、下载源码
2、下载Maven,并配置
此配置简单,就略过
- HTTP 协议通信
周凡杨
javahttpclienthttp通信
一:简介
HTTPCLIENT,通过JAVA基于HTTP协议进行点与点间的通信!
二: 代码举例
测试类:
import java
- java unix时间戳转换
g21121
java
把java时间戳转换成unix时间戳:
Timestamp appointTime=Timestamp.valueOf(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date()))
SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd hh:m
- web报表工具FineReport常用函数的用法总结(报表函数)
老A不折腾
web报表finereport总结
说明:本次总结中,凡是以tableName或viewName作为参数因子的。函数在调用的时候均按照先从私有数据源中查找,然后再从公有数据源中查找的顺序。
CLASS
CLASS(object):返回object对象的所属的类。
CNMONEY
CNMONEY(number,unit)返回人民币大写。
number:需要转换的数值型的数。
unit:单位,
- java jni调用c++ 代码 报错
墙头上一根草
javaC++jni
#
# A fatal error has been detected by the Java Runtime Environment:
#
# EXCEPTION_ACCESS_VIOLATION (0xc0000005) at pc=0x00000000777c3290, pid=5632, tid=6656
#
# JRE version: Java(TM) SE Ru
- Spring中事件处理de小技巧
aijuans
springSpring 教程Spring 实例Spring 入门Spring3
Spring 中提供一些Aware相关de接口,BeanFactoryAware、 ApplicationContextAware、ResourceLoaderAware、ServletContextAware等等,其中最常用到de匙ApplicationContextAware.实现ApplicationContextAwaredeBean,在Bean被初始后,将会被注入 Applicati
- linux shell ls脚本样例
annan211
linuxlinux ls源码linux 源码
#! /bin/sh -
#查找输入文件的路径
#在查找路径下寻找一个或多个原始文件或文件模式
# 查找路径由特定的环境变量所定义
#标准输出所产生的结果 通常是查找路径下找到的每个文件的第一个实体的完整路径
# 或是filename :not found 的标准错误输出。
#如果文件没有找到 则退出码为0
#否则 即为找不到的文件个数
#语法 pathfind [--
- List,Set,Map遍历方式 (收集的资源,值得看一下)
百合不是茶
listsetMap遍历方式
List特点:元素有放入顺序,元素可重复
Map特点:元素按键值对存储,无放入顺序
Set特点:元素无放入顺序,元素不可重复(注意:元素虽然无放入顺序,但是元素在set中的位置是有该元素的HashCode决定的,其位置其实是固定的)
List接口有三个实现类:LinkedList,ArrayList,Vector
LinkedList:底层基于链表实现,链表内存是散乱的,每一个元素存储本身
- 解决SimpleDateFormat的线程不安全问题的方法
bijian1013
javathread线程安全
在Java项目中,我们通常会自己写一个DateUtil类,处理日期和字符串的转换,如下所示:
public class DateUtil01 {
private SimpleDateFormat dateformat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
public void format(Date d
- http请求测试实例(采用fastjson解析)
bijian1013
http测试
在实际开发中,我们经常会去做http请求的开发,下面则是如何请求的单元测试小实例,仅供参考。
import java.util.HashMap;
import java.util.Map;
import org.apache.commons.httpclient.HttpClient;
import
- 【RPC框架Hessian三】Hessian 异常处理
bit1129
hessian
RPC异常处理概述
RPC异常处理指是,当客户端调用远端的服务,如果服务执行过程中发生异常,这个异常能否序列到客户端?
如果服务在执行过程中可能发生异常,那么在服务接口的声明中,就该声明该接口可能抛出的异常。
在Hessian中,服务器端发生异常,可以将异常信息从服务器端序列化到客户端,因为Exception本身是实现了Serializable的
- 【日志分析】日志分析工具
bit1129
日志分析
1. 网站日志实时分析工具 GoAccess
http://www.vpsee.com/2014/02/a-real-time-web-log-analyzer-goaccess/
2. 通过日志监控并收集 Java 应用程序性能数据(Perf4J)
http://www.ibm.com/developerworks/cn/java/j-lo-logforperf/
3.log.io
和
- nginx优化加强战斗力及遇到的坑解决
ronin47
nginx 优化
先说遇到个坑,第一个是负载问题,这个问题与架构有关,由于我设计架构多了两层,结果导致会话负载只转向一个。解决这样的问题思路有两个:一是改变负载策略,二是更改架构设计。
由于采用动静分离部署,而nginx又设计了静态,结果客户端去读nginx静态,访问量上来,页面加载很慢。解决:二者留其一。最好是保留apache服务器。
来以下优化:
- java-50-输入两棵二叉树A和B,判断树B是不是A的子结构
bylijinnan
java
思路来自:
http://zhedahht.blog.163.com/blog/static/25411174201011445550396/
import ljn.help.*;
public class HasSubtree {
/**Q50.
* 输入两棵二叉树A和B,判断树B是不是A的子结构。
例如,下图中的两棵树A和B,由于A中有一部分子树的结构和B是一
- mongoDB 备份与恢复
开窍的石头
mongDB备份与恢复
Mongodb导出与导入
1: 导入/导出可以操作的是本地的mongodb服务器,也可以是远程的.
所以,都有如下通用选项:
-h host 主机
--port port 端口
-u username 用户名
-p passwd 密码
2: mongoexport 导出json格式的文件
- [网络与通讯]椭圆轨道计算的一些问题
comsci
网络
如果按照中国古代农历的历法,现在应该是某个季节的开始,但是由于农历历法是3000年前的天文观测数据,如果按照现在的天文学记录来进行修正的话,这个季节已经过去一段时间了。。。。。
也就是说,还要再等3000年。才有机会了,太阳系的行星的椭圆轨道受到外来天体的干扰,轨道次序发生了变
- 软件专利如何申请
cuiyadll
软件专利申请
软件技术可以申请软件著作权以保护软件源代码,也可以申请发明专利以保护软件流程中的步骤执行方式。专利保护的是软件解决问题的思想,而软件著作权保护的是软件代码(即软件思想的表达形式)。例如,离线传送文件,那发明专利保护是如何实现离线传送文件。基于相同的软件思想,但实现离线传送的程序代码有千千万万种,每种代码都可以享有各自的软件著作权。申请一个软件发明专利的代理费大概需要5000-8000申请发明专利可
- Android学习笔记
darrenzhu
android
1.启动一个AVD
2.命令行运行adb shell可连接到AVD,这也就是命令行客户端
3.如何启动一个程序
am start -n package name/.activityName
am start -n com.example.helloworld/.MainActivity
启动Android设置工具的命令如下所示:
# am start -
- apache虚拟机配置,本地多域名访问本地网站
dcj3sjt126com
apache
现在假定你有两个目录,一个存在于 /htdocs/a,另一个存在于 /htdocs/b 。
现在你想要在本地测试的时候访问 www.freeman.com 对应的目录是 /xampp/htdocs/freeman ,访问 www.duchengjiu.com 对应的目录是 /htdocs/duchengjiu。
1、首先修改C盘WINDOWS\system32\drivers\etc目录下的
- yii2 restful web服务[速率限制]
dcj3sjt126com
PHPyii2
速率限制
为防止滥用,你应该考虑增加速率限制到您的API。 例如,您可以限制每个用户的API的使用是在10分钟内最多100次的API调用。 如果一个用户同一个时间段内太多的请求被接收, 将返回响应状态代码 429 (这意味着过多的请求)。
要启用速率限制, [[yii\web\User::identityClass|user identity class]] 应该实现 [[yii\filter
- Hadoop2.5.2安装——单机模式
eksliang
hadoophadoop单机部署
转载请出自出处:http://eksliang.iteye.com/blog/2185414 一、概述
Hadoop有三种模式 单机模式、伪分布模式和完全分布模式,这里先简单介绍单机模式 ,默认情况下,Hadoop被配置成一个非分布式模式,独立运行JAVA进程,适合开始做调试工作。
二、下载地址
Hadoop 网址http:
- LoadMoreListView+SwipeRefreshLayout(分页下拉)基本结构
gundumw100
android
一切为了快速迭代
import java.util.ArrayList;
import org.json.JSONObject;
import android.animation.ObjectAnimator;
import android.os.Bundle;
import android.support.v4.widget.SwipeRefreshLayo
- 三道简单的前端HTML/CSS题目
ini
htmlWeb前端css题目
使用CSS为多个网页进行相同风格的布局和外观设置时,为了方便对这些网页进行修改,最好使用( )。http://hovertree.com/shortanswer/bjae/7bd72acca3206862.htm
在HTML中加入<table style=”color:red; font-size:10pt”>,此为( )。http://hovertree.com/s
- overrided方法编译错误
kane_xie
override
问题描述:
在实现类中的某一或某几个Override方法发生编译错误如下:
Name clash: The method put(String) of type XXXServiceImpl has the same erasure as put(String) of type XXXService but does not override it
当去掉@Over
- Java中使用代理IP获取网址内容(防IP被封,做数据爬虫)
mcj8089
免费代理IP代理IP数据爬虫JAVA设置代理IP爬虫封IP
推荐两个代理IP网站:
1. 全网代理IP:http://proxy.goubanjia.com/
2. 敲代码免费IP:http://ip.qiaodm.com/
Java语言有两种方式使用代理IP访问网址并获取内容,
方式一,设置System系统属性
// 设置代理IP
System.getProper
- Nodejs Express 报错之 listen EADDRINUSE
qiaolevip
每天进步一点点学习永无止境nodejs纵观千象
当你启动 nodejs服务报错:
>node app
Express server listening on port 80
events.js:85
throw er; // Unhandled 'error' event
^
Error: listen EADDRINUSE
at exports._errnoException (
- C++中三种new的用法
_荆棘鸟_
C++new
转载自:http://news.ccidnet.com/art/32855/20100713/2114025_1.html
作者: mt
其一是new operator,也叫new表达式;其二是operator new,也叫new操作符。这两个英文名称起的也太绝了,很容易搞混,那就记中文名称吧。new表达式比较常见,也最常用,例如:
string* ps = new string("
- Ruby深入研究笔记1
wudixiaotie
Ruby
module是可以定义private方法的
module MTest
def aaa
puts "aaa"
private_method
end
private
def private_method
puts "this is private_method"
end
end