- 博客(26)
- 收藏
- 关注
RSS订阅转载 js 滚动条滚动到底部触发事件
一、前言 在开发项目时，常常需要展示大量数据。如果全部显示出来，数据相对少时，看不出来什么不同，如果数据很多时，一次请求全部显示，这就相当可怕了。面对这种问题，PC里使用了分页效果，将数据分成一页页，换页时请求当前页数据，而屏幕较小的移动端，分页就不怎么好看了，常用的方法是滚动到底部时继续加载数据滚动加载其实也是一种分页，只是不使用页码而已。二、正文（一）、滚动事件的效果和原理效果： 滚动到当前页的底部时，会转圈圈缓冲加载下一页的数据，完成后滚动区域和内容增加，以此类推；原理： 3个数据（
2020-11-11 16:11:04
2669
原创 复习git知识
mkdir learngit 创建文件cd learngit 进入文件pwd 显示当前目录git init 初始化一个Git仓库git add 添加文件,可反复使用,添加多个文件git commit -m <message 本次提交的说明> 提交文件,可一次性提交多个文件$ git add file1.txt$ git add file2.txt file3.txt$ git commit -m “add 3 files.”gi.
2020-07-21 14:08:00
157
转载 Bootstrap中datetimepicker日期控件1899年问题解决
@加粗样式TOCBootstrap中datetimepicker日期控件1899年问题解决Bootstrap中datetimepicker日期控件1899年问题解决 最近在开发项目的过程中，遇到一个很尴尬的问题。我们项目一直采用的是angular+bootstrap，日期控件用的是bootstrap中的datetimepicker，这个日期控件存在一个bug，当用户输入日期时，日期控件会自动跳到1899年，这个用户体验特别不好，一不小心就可能点错了。因为我们的项目中涉及的日期非常多，所以领导强烈要求
2020-07-14 10:48:13
549
转载 Echarts x轴字体倾斜
echarts x轴标签文字过多导致显示不全解决办法1xAxisaxisLabel 属性解决办法2调用formatter文字竖直显示解决办法3X轴类目项隔一个换行使用formatter中index参数大家可能会遇到共同的一个echarts x轴标签文字过多导致显示不全如图：解决办法1：xAxis.axisLabel 属性axisLabel的类型是object ,主要作用是：坐标轴刻度标签的相关设置。（当然yAxis也是一样有这个属性的）[html] view plain copyaxis
2020-07-02 16:07:35
1539
转载 echarts在没有数据时显示暂无数据
需求描述：如上图，若选择的日期范围内没有数据时，接口返回数据为空，此时需要在echarts dom区域内显示“暂无数据”的提示文字；并且，若在暂无数据之后重新选择日期范围，当重新有数据时，可以正常渲染图表。解决思路：在 echarts 正常渲染后，会在容器 div 上面添加一个自定义的属性_echarts_instance_，比如 当某一次数据请求失败的时候，可以在 div#ec_container里面插入 一段 html 用于提示用户，比如 暂无数据，此时的 div#ec_container 变
2020-07-02 12:33:24
16884
1
转载 折线图曲线区域颜色渐变
设计图：目的：实现折线图曲线区域颜色渐变、修改坐标指示器线条宽度和颜色实现：直接介绍重点：曲线区域颜色渐变坐标指示器线条宽度和颜色最终代码： ————————————————版权声明：本文为CSDN博主「foreverzwl」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/baidu_
2020-06-10 15:38:22
1168
转载 系统环境变量PATH被删除后从注册表恢复
首先需要了解path这个环境变量有什么用：当你打开命令提示窗口时，即win+R，输入cmd，如下图：系统环境变量PATH被删除后从注册表恢复那么就会得到一个黑框框，就是命令提示窗口，我们可以在这里面输入各种命令，比如说输入：ping www.baidu.com，然后回车就会有一些相应的信息，如下图：系统环境变量PATH被删除后从注册表恢复ping命令是是一个网络测试的命令，查看网络是否连接等信息，cmd找到ping命令并执行它，此命令并非本来就有的，其实它是系统自带的，相当于一个具有一定功能的
2020-05-14 11:32:21
5042
3
转载 16种方法实现水平居中垂直居中
水平居中若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.若是块级元素, 该元素设置 margin:0 auto即可.若子元素包含 float:left 属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-content,并且配合margin, 作如下设置:.parent{width: -moz-fit-content;width...
2019-09-09 10:17:00
531
原创 js 生成区间的随机数
/Math.random() 返回0到1之间的伪随机数[0,1)///生成n-m,包含n但不包含m的整数 [10,100)var num = parseInt(Math.random()*(100 - 10) + 10, 10);console.log(num);//生成n-m,不包含n但包含m的整数var num1 = Math.floor(Math.random()*(100 - 1...
2019-09-09 10:09:06
2045
转载 JS replace()方法替换变量（可以对变量进行全文替换）
事情是这样的：本文出处http://blog.sina.com.cn/s/blog_6552200b0102ve60.html我要用 JS 替换一个多行文本的关键字正常，没有变量的时候应该是这样：把 a 替换成 b：string.replace(“a”,“b”);以上只能替换第一个匹配的，要全文匹配应该用正则表达式：string.replace(/a/g,“b”);正则加个参数 g...
2019-05-23 14:33:59
4617
转载 Form表单提交数据的几种方式
Form表单提交数据的几种方式 一、submit提交在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮（<input type=’submit’>）就可以进行数据的提交，每一个input标签都需要有一个name属性，才能进行提交。<form action=’http://www.123.co...
2019-04-11 17:54:04
3476
转载 览器前端js判断上传文件大小（IE8，FF6，Chrome17可测）
转自https://hueng512.iteye.com/blog/1675856
2019-04-11 17:50:05
442
原创 兼容ie8的文件上传和预览
javascript实现IE,firefox客户端图片预览if(window.FileReader){//chrome,firefox7+,opera,IE10,IE9，IE9也可以用滤镜来实现fileSize = file.files[0].size;if(fileSize > 3145728){alert(‘图片大小超出，请重新选择！’);return false;...
2019-04-11 17:37:14
1035
转载 JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
判断是否IE浏览器用的是window.navigator.userAgent，跟踪这个信息，发现在开发环境，识别为IE10，但访问服务器则识别为IE11，但IE11的userAgent里是没有MSIE标志的，原因就是这个了。把判断IE浏览器的方法改成如下就可以了。原来的函数写法：对于新版的ie11已经不支持了1 function isIE(){2 if (window.na...
2019-03-03 19:41:59
368
原创 解决默写浏览器中点击input输入框时，placeholder的值不消失的方法
解决默写浏览器中点击input输入框时，placeholder的值不消失的方法html中，placeholder作为input的一个属性，起到了在输入框中占位并提示的作用。但是有一些浏览器，如chrome，当鼠标点击输入框时，placeholder的值不消失，只有输入数据才消失，会使前端用户体验大打折扣。看了很多大神的方法，写了长长的js，看着有点吃力，就想到了下面这种最傻的方法解决了这个问...
2019-03-03 10:29:22
867
2
原创 浏览器出现Cannot set property 'onclick' of null的问题
当js文件放在head里面时，如果绑定了onclick事件，就会出现这样的错误，是因为W3School的写法是浏览器先加载完按钮节点才执行的js，所以当浏览器自顶向下解析时，找不到onclick绑定的按钮节点，于是报错。因此，需要把js文件放在底部加载，就会避免该问题。在JS外包一个window.function(){}也可以解决...
2019-02-20 15:50:09
611
原创 vue打包导致浏览器崩溃的解决方法
1.在终端运行npm run build --report,查看代码的占有率2.把外部引入的js或者css文件放到static中,在index.html中用script引入3.把vue文件中的import或者require引入的外部js去掉,4.修改webpackage中的配置文件,在webpack.base.conf.js中,添加externals: {‘vue’: ‘Vue’,‘v...
2019-01-22 19:19:23
4016
原创 样式控制v-for中的某个元素
欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的M...
2019-01-10 12:57:12
576
转载 Vue.js如何在一个页面调用另一个同级页面的方法
需要在展示页里调用顶部导航栏页里的方法，两者之间没有引用关系，看了一下vue的API发现可以用这个方法实现。https://cn.vuejs.org/v2/api/#vm-on可以看到需要同一个vue实例来调用两个方法。所以可以建立一个中转站。首先在任意位置新建util.js文件。import Vue from 'vue'export default n...
2018-12-12 10:47:36
5036
1
转载 vue之父子组件间通信实例讲解(props、$ref、$emit)
vue之父子组件间通信实例讲解(props、ref、ref、ref、emit) vue之父子组件间通信实例讲解(props、$ref、$emit) </div> <div class="art_desc mt10"><div id="art_demo">组件间如何通信，也就成为了vu...
2018-12-12 10:37:09
727
2
转载 $(window).load()方法的使用场景
一、$(window).load()、window.onload=function(){}和$(document).ready()方法的区别1、$(window).load() 和window.onload=function(){} 是页面中的所有元素（包括图片、flash）等都加载完毕后，才能执行； $(docu...
2018-12-04 19:01:35
451
转载 工厂函数
jq的$().ready与window.onload的区别最近一直在研究jq的源码，书写jq的代码我们通常会包裹在一个(function())函数中，jq的(function(){})函数中，jq的(function())函数中，jq的(function(){})也就是$(document).ready(function(){})的简写，与之对应的原生js的window.onload事件，这俩...
2018-11-29 20:12:34
1045
转载 iview弹出对话框的input框每次都自动聚焦focus
1.在html里面设置autofocus属性。但不难发现只会触发一次，每次在运行起来的时候就执行了获得焦点，之后点击就无效了。2.在html里面设置v-focus使用官方例子：directives: { focus: { // 指令的定义 inserted: ...
2018-11-10 11:03:14
2506
1
原创 两个json对象合并
var json1 = {name: ‘lili’};var json2 = {age: 22,num: 2};var json1=JSON.parse((JSON.stringify(json1)+JSON.stringify(json2)).replace(/}{/,’,’));console.log(json1);
2018-10-24 16:01:40
6983
原创 数组字符串转化成数组
var a= ‘[“1”,“2”,“3”]’;var b = eval("(" + a + “)”);console.log(b); // [“1”,“2”,“3”]欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对M...
2018-10-23 10:38:53
4306
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人