kevinInsight

摘要： iconMoon 是什么？它是字体图标（icon font）解决方案，iconMoon 可以把svg图片生成字体图标，开发者可以通过设置字体大小和字体颜色来改变图标的大小和颜色而不失真 阅读全文

摘要： 在发送内容msg有效及flag/js锁为true的基础上； 发送事件sendMsg连续两次触发时间间隔大于或等于1s，及连续两次发送内容不相同的情况下，才允许消息被发送； 阅读全文

摘要： 地图组件(map) 及微信小程序LBS解决方案解决以下问题： 1# 获取用户当前位置，返回对应的省市区 2# 根据目的地的具体地址，显示在地图中的位置 3# 根据用户当前位置，计算出 与 接口返回的目的地数组中每条地址的相距距离 阅读全文

摘要： 通过web-view ，我们能解决什么问题？场景一：必须要使用的第三方的开发能力，且对方只能提供H5网页的方案；场景二：完全通过使用web-view嵌套也有的H5产品方案，来实现对应小程序产品的发布；场景三：因为目前wx.navigateTo 支持的页面路径最多只能十层；web-view也可以解决页面层级比较深的业务流程；场景四：因为目前小程序要求代码包大小不超过2MB，针对一些业务复杂，功能繁多的小程序产品，也可以通过web-view把一些流程用通过嵌套网页的形式实现。 阅读全文

摘要： 在使用scroll-view实现竖直滚动的时候，要设置下overflow: auto;这样才能正常显示 阅读全文

摘要： 使用到wxs文件，然后在wxs文件里面添加numberToFix函数；然后在需要使用numberToFix方法的wxml页面引入该wxs文件，然后就可以通过{{numberToFix(persent)}} 这种方式调用了 阅读全文

摘要： 很多问题，小程序官方文档直接或间接的给出了解决方案；通过wx:for-item 指定数组当前元素的变量名，解决内外层item的冲突； 从而可以在内层列表循环中获取外层列表对应的变量值，然后通过条件渲染（wx:if），实现对内层列表循环的最后一个元素进行动态添加边线样式（ .bottom-line）。 阅读全文

摘要： 背景： 近期，公司的产品经常会遇到日期排班类似的功能； 需求的排班日期长短不一：有些是两周，有些是四周；要求选中的时候有一个active的状态区分，另外要提供钩子获取选中日期的形如：【2018-04-11】这种格式的数据。 实现： 调用实例： 实现效果： 线上DEMO： https://codepe 阅读全文

摘要： 当我们遇到低版本安卓上界面出现问题，主流设备和系统都正常时，我们可以这样解决： 1> 查看问题出css源码，重点查看css3的一些新属性； 2> 去 http://caniuse.com/ 查看这些新属性的兼容性； 3> 如果bug影响范围较小，可以使用优雅降级，对bug进行特殊处理；但是如果bug原因影响范围较大，建议使用兼容性较好的代码重构原来的代码 阅读全文

摘要： 即使我们使用了类似 *{margin: 0;padding: 0;} 这样的代码重置了浏览器默认样式,也会发现类似<a>标签这种inline-block元素，它们之间也还存在着间距。 demo:默认情况 运行效果： 我们会发现默认间距的存在，这种间距也被成为元素间留白间距。 之前也曾遇到过，但是没太 阅读全文

摘要： 定义和用法： splice()方法用于插入、删除或替换数组的元素。 注：该方法会改变原始数组，splice() 方法与 slice() 方法的作用是不同的，splice() 方法会直接对数组进行修改 语法： arrayObject.splice(index,howmany,item1,.....,i 阅读全文

摘要： 最近在项目中遇到这样一个需求： 点击按钮，将指定的URL复制到剪贴板，然后用户可以粘贴到浏览器(Safari为主)自行打开。 方案一：zeroClipboard.js 方案一：zeroClipboard.js github地址：https://github.com/zeroclipboard/zer 阅读全文

摘要： Bug描述： 使用低版本安卓(<5.2),在微信上打开网页,点击下拉框，会出现如下图所示的用来展示select选项的弹出框；在选项较少的时候，可以向下滑动，将选项滑到底部 滑动前： 滑动后： 期望达到的效果： 解决方案： 判断是否是微信环境: 判断安卓版号: 引入FancySelect来解决sele 阅读全文

摘要： 静态资源优化 静态资源重命名 修改静态资源的引用路径 阅读全文

摘要： <!-- .title{ display:inline-block; color: #003366; padding: 4px 10px; border-radius: 3px; margin: 0 3px; font-weight:bold; } .wordBg{ margin-left:8px; 阅读全文

摘要： //获取gulp//require()是 node (CommonJS)中获取模块的语法var gulp=require('gulp');//获取gulp-concat模块(用于合并文件):npm install --save-dev gulp-concatvar concat=require('g... 阅读全文

摘要： 早上在w3ctech上看到 中国第二届CSS Conf总结 的时候，真是开心极了； 自从去年在慕课网上看了第一届CSS conf 视频之后，整个人都震惊了，原来还有大会是专门用来讨论CSS的，而且分享的CSS知识真是让人眼界大开；我在博客园写的第一篇博文《布局神器:Flexbox》便是受到第一届CS... 阅读全文

摘要： 代码主体及说明Javascript部分：/** * @函数名:flexScroll * @功能：滚动超出一定高度,指定元素悬浮 * @两个参数：target_id：目标元素id;topEle:限定滚动高度，超过之后，导航条悬浮 * @调用方式：e.g.：flexScroll('nav',80); *... 阅读全文

摘要： 定义和用法：box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。默认值：content-box;继承性：无；css版本：css3语法：box-sizing: content-box | border-box |inherit;属性值说明：content-box默认值;由css2.... 阅读全文

摘要： 核心代码：/**完成一个拖拽事件由三大事件组成：*1：onmousedown:选择元素*2：onmousemove:移动元素*3：onmouseup:释放元素 */function drag(obj){obj.onmousedown=function(ev){ var ev=ev || event;... 阅读全文