JS
关注
分享
扫一扫
ansheng02
不会设计的前端不是好的摄影师
展开
-
关于JS实现用户登录验证（部分代码简写）
JS实现用户登录验证，部分代码简写原创 2017-11-20 13:21:59 · 6712 阅读 · 0 评论 -
jQuery返回顶部——记录
基本操作引包$().ready(function() { var $window = $(window); var $backTop = $('<div class="back-top"><i class="iconfont icon-top"><\/i><\/div>').appendTo("body"); ...原创 2019-06-03 11:06:00 · 1074 阅读 · 0 评论 -
freemarker + JS完成数据渲染——已解决
需求：商品详情页面添加“***购买了该商品”，滚动列表实现：①：获取信息列表数据postListData ②：循环该列表数据，获取其中用户名，时间 ③：先做JS判断用户名name----超过两个字符用**，时间time计算----距离当前时间多久（如下）//判断姓名if(name.length > 2){ name= nam...原创 2019-05-21 13:36:29 · 6589 阅读 · 1 评论 -
JSP+freemarker判断参数
[#if isRegimentalCommander == "yes"] <%if (product.productCategory.id != "55555" && product.productCategory.treePath.indexOf("55555") == -1 && product.maxCommission != "0.00" ) ...原创 2019-04-27 14:49:03 · 568 阅读 · 0 评论 -
遍历checked列表选中并传id值——jquery
前男友订婚后并不快乐，我很难过，我不想写任何东西。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery....原创 2019-04-01 14:35:18 · 514 阅读 · 3 评论 -
swiper.js实现3D界面滑动效果
官网地址：swiper中文网swiper的使用很简单，需要引入两个文件，<link href="css/swiper.min.css" rel="stylesheet"><script src="js/swiper.min.js"></script><div class="container"> <div class=...原创 2019-03-18 17:38:24 · 2390 阅读 · 0 评论 -
jQuery获取屏幕分辨率 -> 动态定义img的高度
业务需求：商品详情页的轮播图太扁，希望可以拉长（增加高度），最好能动态赋予高度。思路：①：获取屏幕分辨率的宽度（jQuery -> $(window).width(); ）②：改变轮播图盒子的高度（jQuery -> $(div).css( "height" ,"……");）③：计算高度（jQuery -> $(window).width * 1.07）④...原创 2019-03-15 16:49:31 · 661 阅读 · 0 评论 -
城市搜索——基于zepto.js锚点选择后进行搜索
本来不想写这个，想着把zepto.js在了解下，再写，后来想想，可能我会忘，还是做个记录吧。基于zepto.js的字母锚点定位到城市是从网上下载的资源，出于项目需要，新增了城市搜索功能。具体的实现如下图：以上是样式，样式的代码很简单，暂且压下不提，主要来谈下在这个城市列表页面进行输入某个字，检索符合的城市名。思路：①：定义一个数组（var arr = [];）②：监测i...原创 2019-03-14 14:36:32 · 647 阅读 · 0 评论 -
H5定位+腾讯地图逆地址解析 = 定位到区县
最近搞定位真是搞得心累，从百度到腾讯，最后还是用了H5。不得不夸一下我们的后台工作人员，真的是一个人搞定~不过我也学到了好多~emmmmmmmmm……说正题，H5定位得用手机来测，电脑浏览器切换成手机模式都不可以。(请把“KRYKRYKRYKRYKRYKRY^^^^^”换成自己的腾讯key)直接来源码<!DOCTYPE html><html lang=...原创 2019-02-21 11:20:41 · 4232 阅读 · 0 评论 -
腾讯地图计算两点间距离
上一篇没来得及说，之所以把百度地图换成腾讯地图，是因为在IOS中，小程序不能正确显示，具体出错如下图（我真是费老大劲找出来的），网上百度了好多，也有出现类似情况的，心痛，在小程序官方也没找到解决方案，若有人知道，望周知，定感激不尽。换成腾讯地图后，出现定位偏差，而且而且，偏差很大，老板在濮阳，竟然显示的是上海，好吧，他过年的时候在上海。没办法，还是换成了H5定位。具体的H5定位，已经在...原创 2019-02-21 13:40:11 · 17804 阅读 · 3 评论 -
jQuery遍历li下的a标签，添加参数
$('.storeUrl a').each(function(){ var Ahref = $(this).attr('href'); Ahref = Ahref + "?longitude="+longitude + "&latitude=" + latitude; $(this).attr("href",Ahref);});li标签添加class="...原创 2019-01-22 13:24:41 · 3207 阅读 · 0 评论 -
HTML——百度地图判断两点间的距离并做判断
本示例代码将在jquery基础库上实现。key用的是百度地图，在创建应用时，我选择的是H5应用，应用在浏览器端，白名单记得要填*，这样可以适用于所有场景。具体Demo，百度平台很详细，我的应用场景主要在于比较两点间的距离，不同的地理定位展示不同的图片。先来看下HTML，很简单的两行<div id="allmap"></div><div id="...原创 2019-01-02 18:06:59 · 1664 阅读 · 0 评论 -
HTML支付密码输入框（已实现）
密码输入框思路梳理： a：用lable包裹li标签和input框； b：input设置最大输入值为6； c：用input框的输入值分别遍历到6个li标签中；代码需要引入jQuery代码：http://libs.baidu.com/jquery/2.1.4/jquery.min.jsHTML代码如下：<!DOCTYPE htm...原创 2018-11-29 18:02:36 · 8978 阅读 · 3 评论 -
HTML项目（打卡）——时间判断
出于企业管理的便捷性，上下班打卡应运而生，且由来已久。立足于本公司实际情况，特准备开发一套内部使用的打卡机制，若后期发展稳定，将推广。 由于暂时为制定详细的项目规划，本篇文章仅记录自己做的小功能——时间判断。 先来看下页面效果HTML和CSS的代码很简单 .box{ width: 200px; hei...原创 2018-11-25 11:46:33 · 3905 阅读 · 1 评论 -
慕课网——JS实现贪吃蛇游戏——01（蛇出洞喽~）
js实现贪吃蛇游戏翻译 2017-11-15 18:53:46 · 719 阅读 · 0 评论 -
swiper组件实现tab——内容切换、动态数据请求、加载（续）——通过监测手指滑动实现导航吸顶
这篇文章是swiper组件实现tab——内容切换、动态数据请求、加载的续篇，主要内容是通过监测手指滑动方向来实现导航吸顶及归位。本篇文章是我在项目实现中的总结，本篇实现了在移动端监测手指滑动情况，通过上拉下滑检测与顶部的距离，实现导航吸顶及顶部轮播图的显示与隐藏。// 监测手指滑动事件$("body").on("touchstart", function(e) { // 判断...原创 2019-06-10 18:16:55 · 2648 阅读 · 0 评论