前端开发
芬梧书生
这个作者很懒,什么都没留下…
展开
-
项目中使用的css3 加载动画
<style> .spinner { position: fixed; top: 45%; left: 45%; width: 50px; height: 60px; text-align: center; font-size: 10px; z...原创 2018-07-24 10:48:32 · 383 阅读 · 0 评论 -
怎么使用Ajax实现循环
一、业务需求在开发中,当一个列表页面加载完成后,我需要根据列表每一项的id去服务器端获取对应的数据然后再把获取的数据赋给当前id对应的标签。我有一系列的商品编号,我需要根据商品编号通过ajax到服务器获取商品对应的名称,然后再用js更新界面(实际中的业务当然不是获取商品名称这么简单)二、实现方案2.1 错误方案一般情况下,我们会直接想到,直接写个for循环,在循环内发起ajax...原创 2018-11-22 14:18:49 · 3194 阅读 · 0 评论 -
浏览器顶端 进度加载条
<style>#web_loading{z-index:99999;width:100%;}#web_loading div{width:0;height:5px;background:#009688;}</style><div id="web_loading"><div></div></div>原创 2018-11-20 17:04:20 · 489 阅读 · 0 评论 -
网页中有多个定时器,定时器发生错乱问题
最近遇到一个在做列表的时候需要把每个列表后面加上倒计时,时间结束执行其他功能。由于列表渲染的时候是通过socket 直接返回列表数据,没有进行页面的整体刷新。进而每次socket 数据过来的时候使定时器再次生成,造成定时器发生错乱问题。后来想了想是因为var timer=setInterval("clock()",50) , 定时器生成随机数是全局变量,页面不刷新不会被清除,而是继续生成追加,...原创 2018-11-07 10:47:42 · 5240 阅读 · 1 评论 -
浏览器地址获取url中"?"符后的字串
function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&...原创 2018-09-01 14:02:34 · 654 阅读 · 0 评论 -
H5 记录当前页面的选中状态,sessionStorage
sessionStorage 方法sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。<script type="text/javascript">sessionStorage.lastname="Smith";document.write(sessionStorage.lastname);</scrip...原创 2018-08-24 16:00:51 · 1057 阅读 · 0 评论 -
常见的移动端H5页面开发踩到的坑和解决办法
转过来,平时看看。虽然还有很多问题至今无解。比如:华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。!!1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960...转载 2018-08-27 10:08:57 · 1429 阅读 · 0 评论 -
IOS 安卓机 显示 H5万能选择器:iosselect H5中实现iOS的select下拉联动效果
iOSSelect.jsH5中实现iOS的select下拉联动效果http://zhoushengfe.com/iosselect/website/index.html#user-content-demos引入文件:<link rel="stylesheet" href="/static/css/iosSelect.css"><script type="tex...原创 2018-08-22 14:31:11 · 1039 阅读 · 0 评论 -
安卓机上面套用h5 页面 ajax 不加载
项目中遇到 一个安卓机上面套用h5 页面 ajax 不加载 ,但是在pc 浏览器中调度都是正常的,后来发现有一个页面ajax 不加载 ,这个页面用了html localstorage ,安卓调试的时候有一个选项默认是禁用了些localstorage, 所以导致 一直不能正常加载网页。...原创 2018-08-06 15:18:32 · 1472 阅读 · 0 评论 -
判断 localStorage 在不同浏览器的最大支持内存
(function() { if(!window.localStorage) { console.log('当前浏览器不支持localStorage!') } var test = '0123456789'; var add = function(num) { num += num; if(num.length ==...原创 2018-07-28 10:56:30 · 1689 阅读 · 0 评论 -
H5 前端缓存localstorage
var lsc = function (dataid) { this.dataid = dataid; return this;};lsc.prototype = { add: function (dataval) { this.dataval = dataval || []; localStorage.setItem(this.dat...原创 2018-07-27 18:52:03 · 739 阅读 · 0 评论 -
template.js
<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <title>basic-demo</title> <script src="__STATIC__/js/template.js">&a原创 2018-07-31 14:25:32 · 237 阅读 · 0 评论 -
关于前端页面要展示大量头像列表信息优化小技巧
最近的一个项目中遇到 一个接口在请求的时候 要6S 左右,显然这是需要调整的,后来找到问题就是由于这个接口查询了头像图片。后来不带头像请求的时候速度快了好多。分享一个自己优化小技巧:先把整个列表页面请求数据渲染,再进行单独的头像请求,这样快了好多。代码结构如下 :function getList() { $.get(url,param,function(data){ ...原创 2018-07-24 11:41:24 · 1752 阅读 · 0 评论 -
简单开关操作关注取消关注
var onOff = true;$("#followbtn").click(function () { if (onOff){ getSenderfollow(); console.log("已关注"); onOff = false; }else{ ungetSenderfollow(); con...原创 2018-07-24 11:03:00 · 227 阅读 · 0 评论 -
H5页面操作提示框黑色0.8透明度自用
<div class="fixbox" style="display: none; position: fixed; top: 50%; left: 50%; background: #000; opacity: .8; transform: translate(-50%,-50%); width: 200px; height: 50px; border-radius: 5px; text...原创 2018-07-24 10:58:27 · 1016 阅读 · 0 评论 -
项目中挺好用的防斗操作scroll
function divScroll() { var timer; window.addEventListener('scroll', function () { clearTimeout(timer) timer = setTimeout(function () { if (window.pageYOffset + win...原创 2018-07-24 10:52:04 · 161 阅读 · 0 评论 -
checkbox的 全选全不选,反选,奇偶选择,获取checkbox值
<input type="button" id="check_all" value="全选"> <input type="button" id="check_none" value="全不选"> <input type="checkbox" name="test"原创 2019-01-02 10:21:36 · 160 阅读 · 0 评论