- 博客(82)
- 收藏
- 关注
RSS订阅原创 element-ui 跟form 和table 动态表单校验，数组的深层次校验
费用调整 医疗服务操作 {{ item.clinicCchiCombineName }} （服务数量：{{ item.serviceCount }}） ...
2020-06-04 17:12:24
2801
1
原创 小程序曝光之数据埋点可视化界面
是不是写了数据埋点之后，要给业务方校验你的埋点的准确度啊~~~ 所以 又多了一个需求，数据埋点可视化界面。为了能够清晰简单的表示，曝光准不准确，其实只要看曝光的次数对不对就行。于是 ，就有如下图的界面：只要发生满足曝光条件采集的，那我就需要需要改变曝光的数目。所以先在app.json上全局注册一个组件 然后在各个微页面的组件上面引进然后在符合上传神策的事件处理中心里面，多添加一个函...
2019-06-30 16:27:57
1410
原创 h5 页面在ios 手机上，有一些video播放不出来，和其他问题汇总
最近遇到一个奇怪的问题：同一个video，格式都是mp4 ，在安卓机的 h5 页面上播放没有问题，但是在苹果手机就出现如下图：开始分析原因： 觉得是转码的原因。于是从视频编辑部 要了 原稿视频原件，自己去下载了一个 转码制作软件，在mac 电脑上转码成mp4 格式 ，然后在ios里面可以播放出来。但问题是为啥在视频编辑部那边制作的视频，有一些不能在ios 上正常播放，莫非是因为我们用的平台不一样...
2019-06-30 15:54:06
17833
2
原创 小程序曝光之 遇到的问题和解决思路
小程序里面对dom 元素的操作，也就是上面WXML这一块下面的api了。IntersectionObserver.relativeToViewport 里面的回调函数一开始并没有获取到绑定在视图上的数据，官网又没有提示。后来才发现是 基础库的原因。需要在貌似是在2.4+以上 才可以。还有一些其他很多的细节问题~~ 就不一一说了。坑很多就是了写完埋点之后，是不是需要校验你的埋点的准确度。所...
2019-06-21 13:22:52
551
原创 小程序曝光之json 数据
上一篇说道添加链接描述 里面的服务端json 数据，那就展示一下咯：trackTimeDiff ：表示 在可视区域曝光N秒，可以调整。目前设置的是2秒。intersectionRatio ：表示在和可视区域相交百分之一isTrackFlag：true 表示 小程序的数据埋点采集功能开启，如果万一采集影响了线上的性能，就设置成false 就好，不需要单独发布小程序，是一个风险控制按钮。...
2019-06-21 11:17:32
166
原创 小程序曝光之数据埋点
需求： 公司的业务方和产品部门想要采集页面的每一个组件的里面具体曝光的内容，以方便定位出用户对哪些组件 哪些内容感兴趣，从而针对性的在这些内容上多投放该组件，做到定点分析。下面是接到这个需求之后做的一个技术方案和实现思路：1 背景介绍：曝光：商品出现在用户眼前，也就是浏览器视窗，就是曝光.。而我们是需要采集在可视区域停留N秒的的数据（目前是2秒），传给神策后台。那么触发曝光的场景有如下：1...
2019-06-21 10:41:39
3750
原创 vue-cl 有一些静态资源不想经过webpack打包那么应该public 下面
vue-cl3脚手架生成的项目，静态资源要是不想经过webpack打包，那么应该放置在public 文件夹下面。先说说vue-cl3静态资源可以通过两种方式进行处理：在 JavaScript 被导入或在 template/CSS 中通过相对路径被引用。这类引用会被 webpack 处理。放置在 public 目录下或通过绝对路径被引用。这类资源将会直接被拷贝，而不会经过 webpack 的处...
2019-02-28 13:38:08
11640
3
原创 关于['1','2','3'].map(parsetInt)简单明白的原理分析
let arr = ['1','2','3']let arr2 = arr.map(parseInt)运行结果如下为啥呐。首先来了解一下map 这个函数。map 函数接受两个参数，即array.map(function(currentValue,index,arr), thisValue) ，即第一个参数是函数a，并且该函数a的第一个参数是当前元素的值，函数a的第二个参数是索引值，可...
2019-02-26 21:25:23
1328
原创 css3 写带边线的倒三角形和组合的三角形分割原理
![](https://img-blog.csdnimg.cn/20190226121630551.png如上的一张图，如果你用样式来写，你打算怎么写呢？~~~~~~~~~~~~~~~~~~~~~ 旋转 定位 ？~~~~~~~~~~~~我想了想，这个不就是写倒三角形原理的写法嘛~。那先来了解一下倒三角原理是啥？...
2019-02-26 12:17:29
1185
原创 vue3 linkicon的图标替换
需要新建一个vue.config.js 跟src文件名同级。在里面添加module.exports = { lintOnSave: false, pwa: { iconPaths: { favicon32: 'tx.jpg', favicon16: 'tx.jpg', appleTouchIcon: 'tx.jpg', maskIcon: 'tx.jpg', msTileImage: 'tx.jp...
2019-02-19 15:54:18
1794
原创 webpack4
webpack4打包的时候 有一个webpack –progress –colors –watch 当使用观察模式是，WebPack会安装观察文件到所有文件中，它们在编译过程中会使用。如果检测到任何变化，它会再次编译。当允许高速缓存，WebPack会把每个模块保存在内存中，如果下次它们没有被改变，将会重复使用它们。所以 "scripts": { "start": "node ./...
2018-07-12 15:25:58
272
原创 win10系统安装web3js的方法
在安装web3的时候 用npm install web3 –save-dev 在win10系统下会一直安装不成功。后来换用了 cnpm install web3 –save-dev 安装时候报出：Can’t find Python executable “python”, you can set the PYTHON env variable. 等错误。所以正确的安装方法是，需要用cnpm安装...
2018-04-12 10:05:15
2590
原创 在nodejs项目报错：CROSSSLOT Keys in request don't hash to the same slot解决方法
由于后台用的是redis集群，我前端刚好碰巧用的是nodejs express框架。express存储session有自己的机制。本来单独的redis主模式是很好用redis保存session的，但奈何用了集群分片模式~~。 下面是当后台使用redis分片模式时候，前端存储session连接redis的写法。主要的部分代码： var session = require(‘express-...
2018-03-30 14:29:00
7637
原创 URLEncode
后台要是想把汉字作为键值对放在url上面传给nodejs的前端路由，想要正确获得汉字的url键值对，那么需要后台用URLEncode 进行编码和转码。 例如
2018-03-13 16:37:57
1441
原创 js时间戳和普通时间相互转换
var timestamp1 = Date.parse(new Date());console.log(timestamp1); //输出当前时间的时间戳var date = new Date(1520324618000);console.log(date);Y = date.getFullYear() + '-';M = (date.getMonth()+1 < 10 ? ...
2018-03-06 16:28:59
1992
原创 Cannot find module 'gulp-sass'
当我升级node安装包的时候，再次启动项目，重新安装的时候。出现 Cannot find module ‘gulp-sass’ 这个错误，原来是需要先安装npm install –save-dev node-sass，然后再次安装npm install –save-dev gulp-sass 就可以了
2017-11-27 14:22:38
3800
原创 css实现左边高度自适应右边高度
css样式 <style>.container {width:960px; height:100%; overflow:hidden; margin:0 auto;}.left {height:100%; width:100px; overflow:hidden;background: powderblue;word-break: break-all; padding-bottom:99
2017-11-06 11:18:18
6937
原创 兼容ios android 的 返回按钮
<a href="javascript:;" class="return-topa">返回</a>js: $(".return-topa").click(function(){ window.history.back(); return false; });
2017-09-21 17:30:57
269
原创 纯css3 实现多行显示隐藏和文本垂直居中
<div class="clear test-div"> <section class="fl test-sc">1</section> <section class="fl test-sc test-sc2"> <p class="text-p">谁怕，一蓑烟雨任平生哈哈哈哈</p> </section>
2017-08-22 17:44:53
1716
原创 fixed定位在ios中会有小bug,如何通过别的方法做到fixed定位效果？
html页面的错误提醒，是动态提示的，一开始是隐藏的<p class="err-p red-color"></p>js代码： function error(text){ var u = navigator.userAgent, app = navigator.appVersion; var isiOS = !!u.match(/\(i[^;]+;( U;)?
2017-07-03 16:18:48
2000
原创 css3写下拉列表展开
<div class="wrapper"> <div class="harf"> <aside class="tab"> <input id="tab-one" type="checkbox" name="tabs" /> <label for="tab-one">
2017-06-16 16:49:33
2290
原创 css3动画
html代码:<div class="buttons"> <button class="fill">fill in</button> <button class="pulse">pulse</button> <button class="close">close</button> <button class="raise">raise</button> <bu
2017-06-07 14:14:47
306
原创 jquery dom操作
js代码: var text = "click me"; var $div = $("<div>", { "class":"test" text:text, click:run }); $div.appendTo("body"); function run(){ $(this).toggleClass("tes
2017-06-05 18:03:21
190
原创 css 动画效果
效果如上图。 html代码:<a href="javascript:;" class="a a-hover">hover</a><a href="javascript:;" class="a a-hover2"> hover</a><a href="javascript:;" class="a a-hover3"> hover</a>css代码:* { box-sizin
2017-06-05 16:02:32
264
原创 juicerjs引用模板的使用方式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script id="tpl" type="text/juicer"> <ul> {@each list
2017-05-23 14:16:22
2608
1
原创 css3 动画停留在最后一帧
html：<p class="test"> 哈哈</p>css:.test{ width: 200px; height: 200px; animation:bj 1s linear forwards; background: lightblue;}@-webkit-keyframes bj{ 100%{ transform:
2017-05-23 14:12:09
8863
原创 小程序写手机号码查吉凶，有检验手机号码正确性
先上图,再解释： wxml:<form bindsubmit="formSubmit" class="form"> <input name="tranNum" type="digit" placeholder="请输入手机号码" class="tranNum" bindinput="checkNum"/> <view class="err-view {{flag == true ? '
2017-03-31 15:42:09
2174
原创 小程序的下拉刷新和轮播图
先上图，再解释 wxml页面代码:<scroll-view scroll-y="true" bindscrolltolower="lower" style="height:{{screenH}}px" class="scroll"><swiper autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" cl
2017-03-31 15:30:44
2034
原创 css3鼠标放上去一个层中间出现一个阴影并且放大
先上图 <div class="box"> <section class="section"> 测试 </section> <aside class="aside"> </aside></div>css代码：.box{ height: 300px; width: 300px;
2017-03-27 12:06:02
3416
原创 小程序写tab和swiper切换结合效果
先上效果图： 实现代码如下： wxml页面<scroll-view scroll-x="true" class="weui-navbar" scroll-left="{{scrollLeft}}"> <block wx:for-items="{{tabs}}"> <view id="{{index}}" class="{{activeIndex == index ?'i
2017-03-22 17:56:58
9879
1
原创 常用的正则表达式
<input type="text" onkeyup="value=value.replace(/[^\d\w]/g,'')" /> <input type="text" maxlength="11" name="phone" placeholder="输入手机号" onkeyup="value=value.replace(/[
2017-03-14 18:01:14
185
原创 小程序写倒计时
<view>倒计时{{time}}</view>js代码://me.js//获取应用实例function countTime(that){ var time2 = setInterval(function(){ var seconds = that.data.time; if(seconds == 0){ that.setData({
2017-03-13 17:26:00
348
原创 safari浏览器数字显示长度不一致的问题
查了一下原因是safari的浏览器对数字0和1的渲染方式不一样导致的。0会比1宽，所以长度不一样，所以需要全部转换成全角数字，就可以了。![这里写图片描述](http://img.blog.csdn.net/20170227174221158?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMzAxODM1Nw==/font/5a6L5L2T/fo
2017-02-27 18:15:48
2054
原创 input只可以输入数字或者是最多小数点2位的js代码
<input type="text" id="priceStr" class="sale-input com-input money-input" value="$!{status.value}" name="${status.expression}" maxlength="12"/>js代码$.validator.addMethod("price", function(value, elem
2017-02-21 15:05:43
4033
原创 小程序里面的一段代码
var types = ['default', 'primary', 'warn']var pageObject = { data: { defaultSize: 'default', primarySize: 'default', warnSize: 'default' }}for (var i = 0; i < types.length; ++i) { (
2017-02-21 14:57:36
848
原创 css3 select 美化
主要针对右边的箭头进行优化，因为不同的浏览器默认的右边的箭头不一样，但是ie9不支持 appearance:none;，所以ie9以及以下版本就用js写一下，不优化，使用默认的样式 html页面代码：<select> <option>选项1</option> <option>选项2</option> <option>选项3</option> </select>c
2017-02-04 10:11:05
8613
原创 jquery动态添加内联id
var html = " "; html += "<input type='file' id=\'file"+fileIndex+"\' name='file'/>" $("<p>").append(html); 这里fileIndex自己定义一个变量，就可以啦。关键注意单分号和双引号之间的关系，不然很容易不识别
2017-01-16 11:26:05
1066
原创 css3 实现鼠标放上去图片外框不变大，里面中心放大
<div class="img-box"> <img src="img/index_11.png" class="img"> </div>css代码.img-box{ width: 390px; height: 296px; overflow: hidden; //这个一定要加上 不然就不是外框不变里面变大了}.img{ disp
2016-12-28 14:48:11
18476
1
原创 写出边框的倒三角形
html页面：<div class="demo"></div>css代码：body { background-color: #fff;}.demo { position: relative; width: 0; height: 0; border-style: solid; border-width: 0 10px 20px 10px; border-color:
2016-12-08 11:46:46
744
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人