ansheng02的博客

记一次canvas经验，本次绘制生成分享海报，用到了绘制多张图片、绘制文字（颜色、换行显示）、绘制线条（颜色、粗细）、绘制圆形图片等。以下的代码是需要写在draw函数里的//html <canvas id="myCanvas" width="1000" height="1200">该浏览器不支持生成分享图片</canvas> //jsfunction ...

基本操作引包$().ready(function() { var $window = $(window); var $backTop = $('<div class="back-top"><i class="iconfont icon-top"><\/i><\/div>').appendTo("body"); ...

官网地址：swiper中文网swiper的使用很简单，需要引入两个文件，<link href="css/swiper.min.css" rel="stylesheet"><script src="js/swiper.min.js"></script><div class="container"> <div class=...

$('.storeUrl a').each(function(){ var Ahref = $(this).attr('href'); Ahref = Ahref + "?longitude="+longitude + "&amp;latitude=" + latitude;　　 $(this).attr("href",Ahref);});li标签添加class="...

Tab栏切换将使用原生JS、jQuery、bootstrap、小程序分别实现，今天第一次，先来原生的实现。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;tab&lt;/title&gt; &lt;sty

本示例代码将在jquery基础库上实现。key用的是百度地图，在创建应用时，我选择的是H5应用，应用在浏览器端，白名单记得要填*，这样可以适用于所有场景。具体Demo，百度平台很详细，我的应用场景主要在于比较两点间的距离，不同的地理定位展示不同的图片。先来看下HTML，很简单的两行&lt;div id="allmap"&gt;&lt;/div&gt;&lt;div id="...

密码输入框思路梳理：        a：用lable包裹li标签和input框；        b：input设置最大输入值为6；        c：用input框的输入值分别遍历到6个li标签中；代码需要引入jQuery代码：http://libs.baidu.com/jquery/2.1.4/jquery.min.jsHTML代码如下：&lt;!DOCTYPE htm...

出于企业管理的便捷性，上下班打卡应运而生，且由来已久。立足于本公司实际情况，特准备开发一套内部使用的打卡机制，若后期发展稳定，将推广。 由于暂时为制定详细的项目规划，本篇文章仅记录自己做的小功能——时间判断。 先来看下页面效果HTML和CSS的代码很简单 .box{ width: 200px; hei...

swiper是一个很好用的插件，免费、开源，关于轮播、切换、分页、动画效果等等。官网上给的源码案例，嗯，很基础，太基础了，哈~幸好文档还算OK，如果实现更好的具有设计感的页面，还是很好的。 之前在网上看过一个淘宝案例的源码，通过滑动地球来变换商品，额…代码理解并不难，但有设计感。跑题了，这个之后再详细解读，今儿要说的是，使用swiper实现tab切换，并让每一个内容模块都可以动态请求加载...

本来不想写这个，想着把zepto.js在了解下，再写，后来想想，可能我会忘，还是做个记录吧。基于zepto.js的字母锚点定位到城市是从网上下载的资源，出于项目需要，新增了城市搜索功能。具体的实现如下图：以上是样式，样式的代码很简单，暂且压下不提，主要来谈下在这个城市列表页面进行输入某个字，检索符合的城市名。思路：①：定义一个数组（var arr = [];）②：监测i...