- 博客(20)
- 收藏
- 关注
RSS订阅原创 scrollTop设置滚动定位的兼容问题
调试后发现有个别手机使用document.body.scrollTop设置生效但会出现document.body.scrollTop值为0（number类型）的情况，此时就走else啦。，会获取到compatMode为“CSS1Compat”，但并不能保证使用document.documentElement.scrollTop 设置会生效。赋值的话，两个属性页面未滚动情况下，值都为0，两个语句都走一遍不会报错，仅一个可赋值成功另一个应该是只读，再次读取值仍然为0。现在文档多数会在html中设置成标准模式。
2023-12-06 17:15:46
549
1
原创 微信网页和app内h5页获取当前定位保持一致
微信网页和app内h5页获取当前定位保持一致Q：微信网页调用jssdk内的getLocation方法和客户端内封装的高德获取定位获取到的当前定位不一致，计算出的远近排序不一致。解决：getLocation方法，type用gcj02、isHighAccuracy用true获取到的定位误差小很多，排序已一致。=============================文档参考：地球上同一个地理位置的经纬度，在不同的坐标系中，会有少许偏移，国内目前常见的坐标系主要分为三种：地球坐标系——WGS84：常见
2021-09-06 14:58:30
503
原创 vue Table组件封装 - 渲染列表、不同表格列、分页、位于编辑面板中
效果描述：点击输入框弹出table面板，面板包括标题、列表分页、检索条件、确定取消安钮、单选全选框。面板回显已选中条目，切换页时仍能显示。思路：组件中包括面板整体样式、标题 、按钮、分页组件；页面中将搜索条件、th、tr用slot传入组件模板中，形成每页的table。监听面板打开关闭的变量进行重新渲染，点击确定时页面父组件监听事件传出选中条目的数组，符合条件则执行面板关闭及后续。点击检索按钮时通...
2018-11-22 14:57:53
4899
转载 控制手机震动demo【引】
<!DOCTYPE html><!-- saved from url=(0028)http://zxycc.cc/demo/h5test/ --><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=de
2017-07-21 21:00:26
1634
原创 获取dom节点
昨天使用腾讯地图的检索结果面板，操作已有的marker，寻遍没有找到获取界面marker的方法（domlistener并不行–有获取自己添加marker的）于是就自己获取了（一直不太熟练的jq选择器，每次用每次查），（之前的工作在淘宝界面上操作了很多）用jq的选择器然后on添加点击事件（这里也耗费了时间）。虽然用了大半天时间还是稍有成就感。腾讯地图api。这个问题之前自己就发现了，觉得没有现成的方法
2016-10-09 17:59:06
406
原创 onbeforeunload阻止页面关闭
在即将离开当前页面（刷新或关闭）时触发。非常基础和有用的事件。window.onbeforeunload = function(event) { event.returnValue = "我在这写点东西...";};弹出alert框选择留在此页，可再次运行查看network信息和调试。
2016-09-27 09:31:21
11525
转载 键盘回车事件导致页面刷新的问题
简明现代魔法http://www.nowamagic.net/html/html_EnterCouseReflesh.php 键盘回车事件导致页面刷新的问题我最近在做一个 Ajax 查询的功能，代码如下：<form name="keywordForm" method="post" action=""> <p id="profile_nav"> <label for="profile"> 关
2016-08-25 16:37:34
1404
原创 回调函数
再忘记格式就照这写吧， var getTypeList = function ( key,callback) { api.company.nature(key,function (data) { if (callback)callback(data);//返回的data数据 }); } getTypeList(key,function (data) {//传入的
2016-08-04 19:39:15
360
原创 live()在1.9中已废除
bind() delegate() live() 三种方法在jQuery1.8之后都不推荐使用，官方在1.9时已经取消使用live()方法了，所以建议都使用on()方法。$("#pageGro li").live("click",function(){ if(pageCount > 5){ var pageNum = parseInt($(this).html
2016-07-30 17:19:12
386
原创 git命令
PC001@PC001-PC MINGW32 /$ e:bash: e:: command not foundPC001@PC001-PC MINGW32 /$ cd e: //这个PC001@PC001-PC MINGW32 /e$ cd pro* //这个PC001@PC001-PC MINGW32 /e/project$ git status fatal: Not a
2016-07-19 15:15:07
647
原创 遍历对象key与value
——~~~~ 没有最熟练只有更熟练var benchInfo = new Vue({ el:"body", data:{ arcount:'', crcount:'', }, method:{} }); api.workBench.wbinfo(tools.getCookie
2016-07-18 17:18:50
1449
原创 全选 vue
JSFillder https://jsfiddle.net/ 原文地址https://jsfiddle.net/addbwdau/<div class="app"> <table class="table"> <thead> <tr> <th>#</th> <th>Name</th>
2016-07-18 16:11:22
780
原创 全选---打牢基础 是深入编程的前提
一个全选的功能，我在去年已经写过。去年js，记忆不知是否真实，仿佛这次有问题的地方去年遇到过，周哥说，数据没问题，先这样吧。Q1，事件加在父级，点击触发两次。Q2，引用模板，加载顺序问题。Q3，具体的js设置checkbox checked，用的prop()。（此外，attr无效，is(“:checked”)等。）曲线救国，改变html结构卓有成效。<div class="i-checks ">
2016-07-16 14:41:10
551
原创 vue入门例子 增删条目
vue栗子html<div id="app"> <input v-model="newTodo" v-on:keyup.enter="addTodo"> <ul> <!--绑定数据--> <!--绑定键盘事件--> <li v-for="todo in todos"><!--渲染列表--> <span>{{ todo.text }}</span>
2016-07-09 13:38:30
1127
原创 UEditor使用报错Cannot set property 'innerHTML' of undefined
仿用UEditor的setContent的时候报错，报错代码如下Uncaught TypeError: Cannot set property ‘innerHTML’ of undefined。调试ueditor.config.js，ueditor.all.js 提示me.body is undefined。（我就纳了闷儿了！同样的使用那个行这个咋就不行，那个有body，view，这个咋就这么少！【
2016-07-06 18:40:13
24103
8
转载 webstorm取消撤销快捷键
webstorm里取消撤销的快捷键是: ctrl + shift + z 。notepad里反撤销是ctrl+y，而webstorm中ctrl+y为删除整行，若使用中造成困扰，可在ws中去除ws中的ctrl+y，file→settings→keymap中编辑快捷键（delete line）即可。需要注意一点, ctrl + shift + z 与搜狗输入法的快捷键冲突, 解决办法是:鼠标右击搜狗输
2016-07-06 10:40:50
26614
4
转载 css tips
//一种常见利用伪类清除浮动的代码 .clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; } .clearfix { *zoom:1; } 原文链接
2016-06-30 12:02:36
308
转载 js面向对象 写法
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>js对象</title><style>#div1 div{ width:200px; height:200px; border:1px #000 solid; display:none;}
2016-06-30 11:34:21
626
转载 数组整理
//jsonvar arr = [ { 'name' : 'TM', 'age' : 23 }, { 'name' : 'leo', 'age' : 32 } ];//for in 遍历对象属性var arr = [ 'a', 'b', 'c' ];for ( var i in arr ) { alert( arr[i] );}// var arr =
2016-06-09 19:04:56
429
翻译 iconfont
1.作用：像控制文字样式一样控制图标样式2.到矢量图标库下载矢量图标搜索所需图标，点击购买，搜全点击下载，生成svg等适用不同浏览器的图标文件，demo中有使用方法。第一步：使用font-face声明字体第二步：定义使用iconfont的样式第三步：挑选相应图标并获取字体编码，应用于页面 $#x33;3.图例中微博 ，siderbar为图片背景，据所需采用不同方法。
2016-05-24 16:12:28
548
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人