追求卓越一诺千金

左右布局响应策略动态演示。考虑到gif被压缩后效果不理想，所以做了一小段视频来帮助大家更好的理解响应策略。视频如果看着不清晰，选择清晰度为1080p蓝光观看即可 一、什么是响应式？ 按照本人自己的理解，响应式就是通过合理的设计方案配合规范的技术实现策略，使同一个Web页面在各个终端（设备）不同分辨率屏幕上都能有最佳的用户体...

阅读全文>>

关于栅格系统文章不少，但鲜有专门针对栅格系统在后台设计中相关应用的介绍。本文抛砖引玉，希望引起更多同行的交流与讨论 栅格系统的目的 栅格系统在页面排版布局、尺寸设定方面给了设计者直观的参考，它让页面设计变得有规律，从而减少了设计决策成本；栅格化提高了页面布局的一致性跟复用性；避免了设计师与开发者在细节上的反复沟通确认，从而提升了整个设计开发流程的效...

阅读全文>>

可能是目前大屏数据可视化设计介绍最详尽的一篇文章了，可以当做设计手册使用的一篇经验分享 一、基础概念 1、什么是数据可视化 把相对复杂、抽象的数据通过可视的方式以人们更易理解的形式展示出来的一系列手段叫做数据可视化，数据可视化是为了更形象地表达数据内在的信息和规律，促进数据信息的传播和应用。 在当前新技术支持下，数据可视化除了...

阅读全文>>

<view class="gallery">     <view class="item" wx:for="{{images}}" wx:key="">         <image src="{{item}}" data-src="{{item}}" bindtap="previewImage" mod...

阅读全文>>

<button data-name="shareBtn" open-type="share" plain="true">转发</button> 添加plain=”true”后button的边框样式可自定义 ↓ ↓ button[plain]{ border:0 }   //转发 &...

阅读全文>>

<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{duration}}" current="{{swiperCurrent}}" bindchange="swiperChange" clas...

阅读全文>>

前提：真机和PC端在同一个局域网内。 1、安装nodejs环境 （node -v 查看版本号） 2、在所在的项目下输入命令：npm install anywhere -g 3、直接输入命令：anywhere，这里浏览器自动打开所有项目的根目录，点击就可以看到，同一网段下，然后手机直接预览这个地址就可以 ————————————————

阅读全文>>

<view class="gallery">   <view class='tipTitle'>     快去上传自己的照片吧   </view>   <view class='item-ot'>     <view class="item">  ...

阅读全文>>

        {             type : 'value',            ...

阅读全文>>

table点击实现可编辑文 一个简单的例子，直接添加contentEditable=”true”标签属性即可 <table> <tr> <td>姓名：</td> <td contentEditable="true">&l...

阅读全文>>