- 博客(67)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 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关注的人