KUNG Blog

The harder you work, the luckier you will be！

一稿设计，多端适配优雅的解决方案---rem

为提高前端团队开发效率，输出高质量的前端页面代码，提高UI设计还原度，特编写该规范文档。

规范目的 为提高前端团队开发效率，输出高质量的前端页面代码，提高UI设计还原度，特编写该规范文档。本文档如有不对或者不合适的地方请及时提出。 JS代码块 function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orien...

Posted by KUNG on April 8, 2018

基于weex的app开发脚手架weexplus学习笔记

用vue开发app

认识weexplus weexplus是基于weex官方的二次开发版本，weex和react native一样同属第2代跨平台技术，解决了第一代性能低下，体验不好的问题，同时保留了第一代 多平台一套代码，基于web技术栈，支持动态发版 等所有优点。–weexplus脚手架作者 开发 运行开发环境(默认已经安装好node环境) $ npm install weex-too...

Posted by KUNG on April 8, 2018

微信小程序开发实践体验

2017年微信公开课PRO版现场，张小龙宣布，微信小程序将于1月9日正式上线

前言 2017年微信公开课PRO版现场，张小龙宣布，微信小程序将于1月9日正式上线，并现场对小程序做了全面阐述，回答大家最关心的问题。 我大DC作为一个有“科技”含量的互联网公司，在这波热潮下怎么也得凑一波热闹！于是在我的“怂恿”下，我们前端部门开始了微信小程序的踩坑之路。 需求梳理 按照正常的软件开发流程来讲，应该是产品那边先提供原型和文档，然后我们的UI开始设计，但是当时我们...

Posted by KUNG on November 21, 2017

animate.css-–-齐全的CSS3动画库

animate.css 是一个来自国外的 CSS3 动画库

简介 animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果。 虽然借助 animate.css 能够很方便、快速的制作 CSS3 动画效果，但还是建...

Posted by KUNG on May 25, 2017

最接近ios设计风格的移动端页面前端框架-mui

国产厂商出品前端ui框架

很早的时候看朋友编写一个app前端页面的时候就接触到mui了。然后在最近的一次项目页面开发中正式体验了一番这款框架。 先来个预览看看 框架特点： 1.轻量 追求性能体验，是我们开始启动MUI项目的首要目标，轻量必然是重要特征；MUI不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K。 2.原生UI 鉴于之前的很多前端框架（特别是响应式布局的框架），UI控...

Posted by KUNG on May 25, 2017

接口文档管理工具-DOClever部署实践

国产厂商出品前端ui框架

经过前段时间开发新APP和新H5，接口文档更新不及时，接口联调过程中简直酸爽得不要不要的！本着我爱折腾的天性，我开始着手寻找一个对前后端都适用的接口文档管理工具。百度了一波，最终找到了现在需要部署的[link DOClever](http://doclever.cn/)。 DOClever简介 官方的描述“DOClever是...

Posted by KUNG on April 8, 2017

移动端解决input获取焦点软键盘弹出影响定位的问题

在最近的一次H5页面开发中，发现在安卓端点击输入框的时候虚拟键盘会把最下边的‘保存’按钮顶上去..

这是刚做前端时候写的文章，拿到简书上做记录吧！以免以后再遇到这样的坑。 在最近的一次H5页面开发中，发现在安卓端点击输入框的时候虚拟键盘会把最下边的‘保存’按钮顶上去。 在试了很多方法后找到了解决方案： 代码如下： $('#phone').bind('focus',function(){ $('.bottom_fix').css('position','static'); //或...

Posted by KUNG on March 22, 2017

微信Flex布局的坑-兼容问题解决方案

最近微信H5改版总算是见识了Flex布局的好处与坑，好处是再也不用去计算list的宽度了，即使是去掉一个li也能自适应。

最近微信H5改版总算是见识了Flex布局的好处与坑，好处是再也不用去计算list的宽度了，即使是去掉一个li也能自适应。坑就是安卓端出现的不兼容搞得蛋蛋疼，临到要上线还在改这个bug。（如图iphone5s和华为荣耀7增减按钮变形了） 开始写这个地方的页面的时候，满心欢喜的各种display:flex;flex:1;然后开心得用自己手中iphone5s（系统9.0+）测试，一切正常。然而测...

Posted by KUNG on May 17, 2016

这完美的一天

这是一本书的名字。

这是一本书的名字。是大二暑假学不下去的时候去图书馆随便找的一本书，一本“乌托邦”的书。 书的大致内容：大家说同一种语言，吃一样的食物，喝一样的饮料，穿一样的衣服。没有名字，每个人都靠一个由九个字母数字组成的代码来区分彼此。人们被告知在哪儿住，吃什么，和谁结婚，什么时候生育，从事什么工作。所有人都会在62岁时死去。整个社会由一台电脑控制。人们每天都得接受注射，麻木是所有人的基本状态。大家...

Posted by KUNG on May 16, 2016

【转载】「深度好文」一文读懂社区类产品设计

社区产品设计是一个巨大的议题，一个社区如同一个小社会，里面会错综交杂着各种关系和利益链条，而且这个小社会中的关系会随着社区的增大和发展而不断演进变化。

社区产品设计是一个巨大的议题，一个社区如同一个小社会，里面会错综交杂着各种关系和利益链条，而且这个小社会中的关系会随着社区的增大和发展而不断演进变化。在产品设计中，需要充分结合社区所服务的人群，即目标细分市场，来有针对性地设计，充分满足目标用户的核心需求，并不断通过功能、规则、运营等手段来引导社区的走向，来让社区不断生长，最终形成一个良性运作的小生态。 auto14491278981887...

Posted by KUNG on May 16, 2016

FEATURED TAGS
经验总结 微信小程序 weex vue mpvue react uniapp nuxt
ABOUT ME

Goals determine what you going to be!

✉️ daikun19900806@gmail.com

FRIENDS