- 博客(67)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
原创 echarts实现动态加载series
setOptions({ xData, yData ,zData} = {}) { let colorArr=['#88bafe','#ffa304','#8bbb51','#FB7653','#73D0F7']; this.chartBar.setOption({ /.......其他设置/ series:function(){ let serie=[] yData.forEach((element,index).
2020-09-21 19:38:44
7426
4
原创 element-ui设置table某些项不可勾选
<el-table-column type="selection" width="55" :selectable='selectInit'></el-table-column>selectInit(row,index){ if(row.onlineState==0){ //判断条件 return false //不可勾选 }else{ return true ...
2020-07-01 18:12:34
4530
1
原创 微信小程序一键复制(uni-app)
<view class="content"> <view class="attention">点击按钮复制链接去浏览器打开</view> <button @click="copyBtn" class="copy-btn">一键复制</button></view>methods: {...
2019-11-08 12:15:45
4263
1
原创 js根据日期判断周几
var weekDay = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; var myDate = new Date(Date.parse("2019/7/12")); console.log(weekDay[myDate.getDay()]); // 星期五...
2019-07-12 18:43:30
5684
原创 vue项目加载慢优化
1、vue-router懒加载懒加载的意思是当路由被访问的时候才加载对应组件,而不是在首页就全部加载,以此来提高首页反应速度。component:require(["src/xx/xxx/xx.vue"], resolve)https://www.cnblogs.com/lijuntao/p/7777581.html2、工程文件打包的时候不生成.map文件。.map文件的作用是帮助编...
2019-03-05 17:26:12
1668
原创 移动端echo.js 延迟加载图片控件
echo.js的github地址:https://github.com/toddmotto/echo<img src="circle.png" alt="Photo" data-echo="timg.jpg"><script type="text/javascript" src="echo.js"></script>
2019-02-27 14:19:03
295
原创 移动端公用底部菜单栏切换
公用组件:<template> <div class="footer"> <div v-for='(item,index) of items' :class='[item.cls,{on:index === idx}]' @click="$router.push(item.push)"> <img :sr...
2019-01-09 16:19:50
2038
原创 禁用和启用微信分享
禁用:document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu');//隐藏右上角菜单});启用:document.addEventListener('WeixinJSBridgeReady', functi...
2018-11-24 10:50:46
767
原创 VM1717:3 Uncaught SyntaxError: Illegal return statement
var name=$('#name').val();if (name == '') { toptip.Funtishi('请输入姓名'); return false; }报错:Uncaught SyntaxError: Illegal return statement原因:js里return只能在函数中使用解决:$(function(){...
2018-11-01 11:34:36
8846
原创 input键盘搜索
html:<input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索课程/专栏/微课主页" autocomplete="on">js:$(".weui-search-bar__input").on('keypress', function(e
2018-10-27 17:01:32
460
原创 ios返回上一级页面不刷新解决
$(function () { var isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); } }); window.addEventListener('pagehi...
2018-10-15 20:01:29
1410
原创 video安卓端始终在最顶层
X5内核视频播放使用了自研的播放器,考虑用户体验,我们使用了统一的播放界面。如果有相关问题,请联系腾讯浏览服务产品经理做进一步交流
2018-09-28 21:00:39
2656
2
原创 移动端Retina屏幕1px边框问题
问题:移动端开发过程中border出现问题原因:css中的1px并不等于移动设备的1px,这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性,他可以反应css中的像素与设备的像素比。devicePixelRatio的官方的定义为:设备物理像素和设备独立像素的比例,也就是 devicePixelRatio = 物理像素 / 独立像素。解决:1.通过 J...
2018-05-31 14:45:59
418
原创 微信缓存问题
问题:最近在写微信的网页,发现这微信的缓存真坑,很久的内容,居然一直缓存着不更新,但是微信的缓存是为了提高自身的性能,我们这些开发要用人家的平台,只有自己去填坑了。解决:1.设置meta标签<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-eq...
2018-05-28 15:50:19
2537
原创 微信开发中a标签多次跳转后失效
问题:公用底部中a标签多次跳转,然后部分安卓机型出现无法跳转到首页,链接失效,ios正常,代码无错误。微信内置浏览器打开有问题,手机自带浏览器正常。解决:在原本跳转的链接上带上任意参数,变成<a href="http://www.baidu.com?love">百度一下</a> 原因:只出现在微信内置浏览器上...
2018-05-25 16:46:22
1729
2
原创 给select下拉框设置高度
问题:移动端开发时select下拉栏目显示过多解决:<select id="bank_list_id" style="/* position: absolute; *//* left: 102px; *//* top: 0; *//* z-index: 1; */" onmousedown="if(this.options.length>6){this.size=7}" onblur=...
2018-05-18 17:12:53
7835
原创 给a标签绑定点击事件内容闪现
问题:给a标签绑定点击事件让隐藏内容出现,结果闪现,以为可能是js阻塞,排除后找到原因原因:a标签绑定要将href设为javascript:void(0)其中javascript表示伪协议,void(0)表示不执行动作,实际上就是不跳转的意思...
2018-05-09 17:17:50
1842
原创 如何使文字和图片垂直居中对齐
flex布局:/*你的父容器*/ .box{ display:flex; align-items: center;//子元素垂直居中 justify-content: center;//子元素水平居中}
2018-04-27 15:58:15
3489
原创 jquery load方法调用html公共页面问题
最初目的:将html页面公共部分提取出来,如:导航,底部footer;然后在其它页面调用;便于后期字段上的更改;将页面导航的html代码,另存为一个nav.html文件;然后index.html页面要用导航时,用jqueryload();方法来调用这个nav.html;$(".memu").load("nav.html"});浏览器报错:Cross ori...
2018-04-25 18:17:23
6241
原创 百度统计
百度统计是百度推出的一款专业网站流量分析工具,能够告诉您访客是如何找到并浏览您的网站,以及如何改善访客在您网站上的使用体验,帮助您让更多的访客成为客户,不断提升网站的投资回报率。<script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"...
2018-04-23 15:45:32
886
原创 rem适配不同屏幕
1.(function () { var html = document.documentElement; var hwidth = html.getBoundingClientRect().width; html.style.fontSize = hwidth / 26 + "px" //1rem 在ipone6下font-size=14px ...
2018-04-19 16:34:30
413
原创 纯css实现幻灯片轮播效果
CSS实现简单的幻灯片效果 img { display: none; width: 600px; height: 600px; } input:checked + img { display: block;
2017-12-14 15:14:06
2316
原创 localstorage统计访问页面次数
if (localStorage.pagecount) { localStorage.pagecount=Number(localStorage.pagecount) +1; }else { localStorage.pagecount=1; }document.write("Visits "+ localStorage.pagecount + " ti
2017-12-04 15:01:55
3397
原创 js实现全选、反选
全选 反选 足球 篮球 跑步 登山 唱歌 跳舞 //选中全选按钮,下面的checkbox全部选中 var selAll = document.getElementById("selAll"); function selectAll() { var obj = document.getElementsByName("
2017-12-01 15:15:42
579
原创 IE盒子模型和标准W3C盒子模型
标准 W3C 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。 IE 盒子模型的范围也包括 margin、border、padding、content,和标准 W3C 盒子模型不同的是:IE 盒子模型的 content 部分包含了 border 和 pading。 如何选择标准 W3C 盒子模型:很简单,就是在
2017-11-30 10:28:59
300
原创 约定在夏,如今已是冬
心烦意乱。学习,工作,感情,一团糟。选择无对错,所以无法分辨,无法对过去评判些什么,没有重来,况且其他选择也未必能更好,可如今却是真真实实的将自己陷入了一种很纠结的状态。谁都不想这样的。只是在事情刚开始的时候没有做出任何努力,如今如此困境,还想做出一点行动也是有心无力了。可能一开始就觉得不太可能,如此局面更加坚定当初的想法,一个人简单,两个人就是复杂。那么多的不确定,连人都不确定,要如
2017-11-30 10:20:18
162
原创 animation(二):旋转的星球
旋转的星球主要通过rotate()旋转函数来实现。实际上,蓝色的地球和黑色的月球并没有发生旋转,只是其父级旋转形成的视觉上的旋转效果.box{transform:scale(0.5);position:relative;padding:1px;height: 300px;width:300px;}.sunline{position:rel
2017-11-29 16:57:41
1774
原创 animation(一):漂浮的白云
漂浮的白云主要通过远景白云和近景白云来实现立体漂浮效果。远景和近景分别使用两张背景图片,通过改变其背景定位来实现白云移动效果,通过设置不同的动画持续时间来实现交错漂浮的效果Document.box{position: relative;height: 300px;width: 500px;} .in1,.in2{position: a
2017-11-29 14:12:51
473
原创 js中setTimeout()与setInterval()
setTimeout()与setInterval()两者用法差不多,但是又有区别。setTimeout(code,millisec) 只执行code一次,如果要多次调用,请使用setInterval()或让code自身再次调用SetTimeout()setInterval(code,millisec[,"lang"]) 不停的调用函数,直到clearInterval()被调用或关闭
2017-11-17 11:19:35
195
原创 Jquery组件封装之鼠标移入移出图片透明度变化
(function($){$.fn.jfade=function(settings){var defaults={start_opacity:"1",hign_opacity:"1",low_opacity:".1",timing:"500"};var settings=$.extends(defaults,settings);var settings.elem
2017-11-14 16:04:08
729
原创 clearfix清除浮动的几种方法
clearfix清除浮动1..clear{clear:both;line-height:0;}缺点:页面复杂的布局的话会产生很多空标签2..clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}.clearfix{
2017-11-06 15:43:08
355
原创 原生DOM选择器querySelector和querySelectorAll
假如我们有一个 id 为 test 的 DIV,为了获取到这个元素document.getElementById("test");document.querySelector("#test");document.querySelectorAll("#test")[0];querySelectorAll该方法返回所有满足条件的元素,结果是个nodeList集合
2017-10-24 17:17:35
302
原创 js控制根元素的font-size大小
functionintiSize(){//获取当前浏览器窗口宽度(这里的实质就是body宽度)var win_w=document.body.offsetWidth; //定义变量var fontSize;if(win_w>640){ fontSize=24; }else{//如果浏览器窗口宽度(这里的实质就是body宽度)值小于320,
2017-10-20 17:33:02
5439
原创 JavaScript 变量提升
变量提升:函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。1.JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。以下两个实例将获得相同的结果:x = 5; // 变量 x 设置为 5elem = document.getElementB
2017-10-17 16:38:26
252
原创 HTTP中Get与Post的区别
Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。而HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的查,改,增,删4个操作。到这里,大家应该有个大概的了解了,GET一般用于获取/查询资源信息,而POST一般用于更新资源信息。原理:1.根据HTTP规范,GET用于信息获取,而且应该是安全的和幂等的。2.根据HTT
2017-10-16 11:49:03
130
原创 div垂直居中于浏览器窗口
1.css实现水平和垂直居中解决的思路是这样的:首先需要position:absolute;绝对定位。而层的定位点,使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以2。style type="text/css"> div { position:absolute; top:50%; left:50%; margin:-150px
2017-10-14 13:56:38
1066
原创 DTD声明的4种方式
1.过渡的(transitional)是要求非常宽松的DTD,一般的情况下网页中会使用这个,它允许你继续使用HTML4.01的标识(但是要符合xhtml 的写法)。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr
2017-10-13 16:48:50
851
git怎么输入变成了>,怎么切换到到$
2016-07-21
简单的json格式输出数据
2016-07-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人