jpjp2020的博客

原创 微信小程序input异常聚焦

异常是在真机上点击取消按钮隐藏弹窗时，input会异常聚焦，页面显示异常，会显示为Input框内值，并自动拉起小键盘。尝试把取消按钮事件绑定在购买文本上，真机无异常，怀疑是离Input太近了影响的。设置了input和取消按钮的相对定位，并且取消按钮层级更高。尝试当惦记取消按钮时，设置input的focus为false，并监听input的聚焦和失焦事件，真机异常仍然存在。最后把文本按钮的标签改成了，异常消失，问题解决。

原创 微信小程序空白占位

使用text标签，设置decode=“true”<text class="info-name">公司名称：</text><text class="info-name" decode="true">二&ensp;维&ensp;码：</text>

原创 小程序iconfont添加异常

按照之前小程序添加icon的方法，可iconfont最近总识别不出来，解决的方法特别无语。@font-face里面转码后的font-weight:500→font-weight:normal就行了....现在猜测转码网站的问题....https://transfonter.org/...

原创 小程序cover-image安卓真机图片不显示

模拟器正常显示，真机显示无图片。测试因为图片地址问题，更换有图片拓展名地址，例如 ........PIC.jpg。真机即可正常显示。

原创 Android通过字符串获取资源ID

public int getResource(String name) { Context ctx = getBaseContext(); int resId = getResources().getIdentifier(name, "id", ctx.getPackageName()); //如果没有在"i...

原创 Android 遮罩层点击穿透bug修复

问题：页面上view2上的遮罩层view1完全覆盖view2，view1点击时间会穿透自己，出发view2上的点击事件解决方案：在view2的xml属性中，添加两句，亲测可用android:clickable="true"android:focusable="true"...

原创 Android Java代码设置LinearLayout中的layout_weight

LinearLayout.LayoutParams childViewLp = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, 1.0f);parentView.addView(childView, childViewLp);...

原创 Android ViewGroup代码里addView时，子View显示异常

LinearLayout.LayoutParams lp= new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT);ParentView.addView(childView,lp);

原创 Android 代码设置Textview加粗

TextView tv = (TextView)findViewById(R.id.TextView01);TextPaint tp = tv.getPaint();tp.setFakeBoldText(true);

原创 Android代码设置margin

LinearLayout.LayoutParams layoutParamsMarginBottom10dp = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);layoutParamsMarginBottom10dp.setMargi...

原创 Android代码设置drawable图标

Drawable zanDrawable = view.getResources().getDrawable(R.drawable.ic_dianzan_line);zanDrawable.setBounds(0, 0, DensityUtil.dip2px(view.getContext(), 15), DensityUtil.dip2px(view.getContext(), 15));...

原创 Android Java代码设置RelativeLayout

RelativeLayout.LayoutParams createTimeParams = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);createTimeParams.addRule(RelativeLayout.CENTE...

原创 Android设置底部虚拟键背景色

//设置底部导航栏颜色if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { getWindow().setNavigationBarColor(ContextCompat.getColor(this,R.color.color_f7f7f7));}...

原创 Android设置系统状态栏颜色

//设置系统状态栏颜色//当FitsSystemWindows设置 true 时，会在屏幕最上方预留出状态栏高度的 paddingStatusBarUtil.setRootViewFitsSystemWindows(this,true);//设置状态栏透明StatusBarUtil.setTranslucentStatus(this);//设置系统状态栏白色字StatusBarU...

原创 html/css中国风按钮样式

想模仿这个根据页面风格去掉了圆角部分，简单模仿了个出来，结果特别像电池。555~~ 这次没用上，先备份了，以后再用时候可以直接拿过来改改再用。&lt;div class="navbar"&gt; &lt;a class="nav" href="javascript:getQuestion('back');"&gt; ...

转载 纯HTML/CSS打造中国风纹理

在一个页面上看到的，效果图如下：&lt;div style="width: 100%;"&gt; &lt;div style="margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;"&gt; &lt;div style="width: 100%;font-size:...

原创 highcharts柱状图+折线图

&lt;div id="container" style="min-width: 280px; height: 233px; margin: 0 auto"&gt;&lt;/div&gt;var Ri1 = parseFloat("33.3");var Ri2 = parseFloat("25.0");var Ri3 = parseFloat("44.4

转载 CSS静态百分比圆环图demo

详解用CSS3制作圆形滚动进度条动画效果 https://www.cnblogs.com/jr1993/p/4677921.htmlCSS圆环百分比DEMO  https://www.cnblogs.com/justbeginning/p/7231000.html这个demo第二个参考的删减无加载动画版本&lt;div class="circleProgress_wrapper"...

原创 highcharts嵌套双环图双饼图

官方演示里都是有父级关系的的旭日图/双饼，想要个单纯比较关系，但是没有父级的嵌套双环图先上图 HTML:1.想要两层的圆环图都显示dataLabel，需要宽度为500px，500px宽于全部型号手机，缩放0.75倍2.在手机页面显示左右溢出，增加弹性父级嵌套，父级居中显示，并且overflow: hidden，水平居中get&lt;div class="contain...

原创 小程序嵌套循环内层循环取外层循环索引下标

把内层循环的下标用wx:for-index="变量名（随便起）"，在内循环中就能直接通过{{index}}取到外层循环的索引下标

原创 HTML/CSS实现切角矩形效果

非纯色背景下切角矩形的效果图如下：HTML：&lt;div class="top-box"&gt; &lt;div class="top-box-border"&gt;&lt;/div&gt; &lt;/div&gt;CSS：.top-box { position: relative; display: block...

转载 Jquery 解决移动端onclick事件300ms延迟问题

转自王慧永的《Jquery 解决移动端onclick事件300ms延迟问题》，原文链接：https://blog.youkuaiyun.com/u011072139/article/details/51384027引入fastclick.js，源码如下/** * @preserve FastClick: polyfill to remove click delays on browsers wit...

原创 highchars蜘蛛网图---多层蛛网---最大值在最外层网

效果图HTML中引入的其中的highcharts.js和highcharts-more.js都是从官网实例中保存，设置tickInterval刻度间隔后，最大值及在最外层蛛网处https://www.hcharts.cn/demo/highcharts/polar-spider&lt;script src="js/highcharts.js"&gt;&lt;/script&gt;&...

原创 highchars折线图---数据在圆点内--x轴文字竖版排列

效果如下图&lt;div id="container" style="width: 100%; height: 300px; margin-top: 5px;" data-highcharts-chart="0"&gt;&lt;/div&gt;var chart = $('#contaner').highcharts({ chart: { d...

原创 icon和文本垂直居中对齐

效果&lt;div class="more"&gt; &lt;a href="javascript:more();"&gt; &lt;i class="iconfont1 icon-jiahao"&gt;&lt;/i&gt; &lt;span&gt;加载更多&lt;/span&gt; &l

原创 保持内容不超出弹性容器

在容器中添加样式flex: 1;overflow: hidden； 

原创 两个div一个固定宽度，另一个填充满窗口

 使用弹性布局实现两个div其中一个固定宽度，另一个填充满窗口.div-box { display: flex; height: 100px; line-height: 100px; background: pink; text-align: center;}.div1 { width: 100px; height:...

转载 CSS文本溢出显示省略号

overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; 

原创 highchars禁止点击数据并且不显示弹框

tooltip: { enabled: false},plotOptions: { series: { allowPointSelect: false }} 

原创 JS局部变量可见区域

原创 简洁的单选框/复选框CSS样式

效果图：HTML： &lt;div&gt; &lt;div style="position: relative;display: inline-block"&gt; &lt;input type="radio" name="riado1" value="1" class="chose" checked="checked&q

原创 js移除input单选框（radio）选中效果

上午做类似于这样一个单选框效果，需要把弹窗内单选框后的文本赋值到弹窗父页面。可是在js中移除最开始是这么做的。$('.chose-box-li').children('input').attr('checked', 'true')$(this).children('input').attr('checked', 'true');看上去好像没什么问题，可是在开发者模式中查看：...

原创 小程序util.arrayRemoveRepeat is not a function

在小程序util.js中加了一个arrayRemoveRepeat方法，使用时候报错了 解决方法，在util.js中的module.exports中加上一行就可以了。

转载 iframe高度自适应

今天页面需求iframe自适应子页面高度，亲测下面Jquery方法有效。父页面（有iframe的页面）$("#iframe").load(function () { var mainheight = $(this).contents().find("body").height() + 80; $(this).height(mainheight);});子页面（iframe加载的内...

原创 fixed定位div水平垂直居中

定位为fixed的是保存成功提示，需要设置width和height。.store-success { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99999; margin: auto; width: 80px; height: 20px; ...

原创 css 简单进度显示条

效果图HTML:&lt;div class="bar"&gt; &lt;div class="blue percent" style="width: 27.61%"&gt;&lt;/div&gt;&lt;/div&gt;CSS：.content .question-box .question .answer-table td .bar { display: inlin

原创 css圆角表格

 在设置完四个角的&lt;td&gt;标签border-radius后设置&lt;table&gt;标签的border-radius无效，还是直角的情况。修改border-collapse: collapse为separate即可。  .content .question-box .question .answer-table { display: tab...

原创 highchars隐藏x,y轴及刻度线

yAxis: { min: 0, max: 100, gridLineWidth: 0, //隐藏y轴刻度线 title: { text: '' }, labels: { enabled: false }},

原创 highchars 隐藏数据名称

series: [{ showInLegend: false, //隐藏数据名称 name: 'Series', colorByPoint: true, data: [40, 38, 72, 35, 36, 68, 50, 58, 55], labels: { borderStyle: 'solid', borderCol...

原创 移动端页面字体图片尺寸正常浏览器预览显示小或者超小

在HTML的&lt;head&gt;&lt;/head&gt;中加入这句就可以正常显示了&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no"&gt;