Coloryi-CSDN博客

原创在vue中表格滚动加载数据的几种方式

在vue中表格滚动加载数据的几种方式表格滚动加载数据本次将分两种类型进行讲解，分别是表格内加载（即监听el-table中的滚动事件，好处是表格的表头可以固定住）、表格的父级元素绑定滚动时间加载数据。一、监听表格内的滚动事件（可固定住表头）1、vue-infinite-loading使用文档说明链接：vue-infinite-loading好处是：可以固定住表头，监听表格的滚动，且每次滚动到底部加载完数据，滚动条依旧停留在上一次的浏览记录中坏处是：在首次如果数据没有能够撑开表格的高度，

2020-10-29 22:01:00 3881

原创解决Node.js读取MySQL的时间格式不对

最近在做毕设，从MySQL数据库中读取时间，按照网上去修改数据库的time_zong,修改了好久都没用，后来别人说是因为js读取是会默认的（但也不知道是不是真的）。最终使用moment,终于解决了，具体步骤如下所示： 1、安装 cnpm install moment --save 2、使用 ...

2020-03-21 14:42:30 734 1

原创借一道面试题讲讲promise、async和await在事件循环中的执行顺序

题目如下所示：async function a1 () { console.log('a1 start') await a2() console.log('a1 end')}async function a2 () { console.log('a2')}console.log('script start')setTimeout(() => {...

2019-09-14 00:04:17 851

原创防抖和节流

1、防抖：就是规定在一段时间内，事件只执行一次，如果在规定的时间里面，再次触发该事件，那么将会重新计时2、例子：老师告诉学生们，如果在一个星期内不会上课睡觉，就奖励一颗棒棒糖，如果在这段时间内，有人违规了，那么就从这一刻开始重新计时，过一个星期就可以领到棒棒糖了3、代码示例如下：function debounce(fn,wait) { let timer = null re...

2019-07-31 22:11:53 245

原创父子组件间传值，父传子，子传父

父子组件给子组件传值第一步：爸爸将数据递给儿子，所以我们就需要在子组件绑定父组件的数据第二步：爸爸都已经将数据给你了，那么你就要礼貌性的伸手去拿，这时我们可以利用props去接爸爸传过来的值第三步：当你拿到值的时候，就可以随意发挥数据的作用啦代码如下：父组件：<template> <div id="a...

2019-05-10 16:59:32 778

原创在vue-cli项目中模拟后台数据

一、使用mock模拟后台数据1、安装 npm install mockjs -S2、在项目建立相应文件3、img.json文件的代码如下：{ "img": [ { "url": "http://pic15.nipic.com/20110628/1369025_192645024000_2.jpg" }, ...

2019-04-25 21:40:25 524 1

原创 vue之slot的理解

一、初步了解slot什么是slot呢？通俗的来说就是“占坑”，举个简单的例子看看在child.vue中有如下代码<template><div><slot></slot></div></template>在App.vue中的代码如下：<template><...

2019-04-25 20:23:26 528

原创前端面试需掌握的知识点

目录1、原型链的理解2、闭包3、手写实现call、apply和bind4、new的原理5、深拷贝和浅拷贝6、js继承7、前端性能优化一、原型链的理解在谈原型链之前，我们需要掌握一些知识，如下所示： 1、js对象分为普通对象和函数对象（object和Funct...

2019-04-16 23:58:03 635

转载全方位说明从输入URL到页面展示的过程

大概的流程：第一部分是加载一个资源的过程： 1、浏览器根据DNS服务器得到域名的IP地址 2、向这个IP的机器发送http请求 3、服务器收到、处理并返回http请求 4、浏览器的到返回的内容第二部分是浏览器渲染页面的过程 5、根据HTML结构生成DOM...

2019-04-12 21:33:59 317

原创在未知宽高度的情况设置子元素垂直水平居中

效果图：html代码：<div class="parent"> <div class="child">我是子元素</div></div>解决方案在子元素未知宽高度的情况下：使用flex布局 .parent{ width:300px; height: 30...

2019-04-12 20:48:57 263

原创使用node模拟前端接口

data.json文件：{ "students": [ { "id": "1", "name": "张小三", "age": 18 }, { "id": 2, "name": "张三", "age": 18 }, { "id": 3, "name": "张小", "age": 18 }, { "id": 4, ...

2019-03-23 15:36:07 311

原创替换空格和从尾到头打印链表

function replaceSpace(str){ return str.replace(/\s/g,'%20')}输入一个链表，按链表值从尾到头的顺序返回一个ArrayList。刷到这道题的时候，顺便复习了一下单链表，以下是单链表的代码 //单链表function SingLinkedList() { //定义节点函数,一个节点由数据域和指针域组...

2019-03-07 22:09:42 131

原创二维数组中的查找

在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。第一种解法：使用两个for循环去循环数组中的数function Find(target, array){for(var i=0;i<array.length;i++){ ...

2019-03-06 21:46:34 135

原创 js实现常见的几种排序

//冒泡排序算法function BubbleSort(array){var n = array.length;var temp;for(var i=0;i<n-1;i++){for(var...

2019-03-02 23:22:19 308

原创事件处理程序

HTML事件处理程序：在节点元素中直接添加事件，比如说：<div onclick="alert('hello')"></div>或者<div onclick="show()"></div><script>function show(){alert("hello");}&l

2019-02-28 20:25:12 257

Coloryi的博客