- 博客(134)
- 收藏
- 关注
RSS订阅原创 vue 按需加载组件
Vue允许将组件定义为一个异步解析（加载）组件定义的工厂函数，即Vue只在实际需要渲染组件时，才会触发调用工厂函数，并且将结果缓存起来，用于将来再次渲染。2、 缓存组件，通过异步加载的组件会缓存起来，当你下一次再用到这个组件时，丝毫不会有任何的疑迟，组件很快会从缓存中加载出来。1、 用不到的组件不会加载，因此网页打开速度会很快，当你用到这个组件的时候，才会通过异步请求进行加载；好处：按需加载，可以节省首次加载时间，提高速度，性能优化，第一次加载完成会缓存。
2023-06-14 17:33:36
1147
原创 深拷贝解决elementui分页条件查询BUG
当我选择或者输入了查询条件的时候 ，直接不点击查询按钮 ， 直接点击分页的时候 ， 会直接进行一个带有条件的查询 ， 实际上这样的做法是有问题的。带有条件输入框，或者选项框，通过点击查询按钮 ， 渲染列表分页的时候，通常会遇到一个BUG。通过双条件对象，深拷贝，分页和查询走两个方法即可消除。之前在公司开发功能的时候，发现了一个通用业务的问题。
2023-04-10 17:10:30
320
原创 vue 使用elementui做上传功能需要注意的点
<template> <div class="left-main"> <div class="header"> <!-- ---------属性--------------- action ： 必须写不然报错，但是我们可以只写一个属性，不指定上传的地址 accept : 上文文件类型/后缀名 show-file-list ： 是否展示上传列表 multiple
2022-05-17 15:21:52
342
原创 文件下载使用
// 创建下载的回调 downloadFn(id) { let data = { id: id, }; 封装的接口名称(id).then((res) => { // 1.创建后端文件的地址 let url = window.URL.createObjectURL(new Blob([res])); // 2.创建一个a标签 let link = do...
2022-04-29 10:11:28
141
原创 echarts 对后端获取的值进行数据格式化处理
echarts是我们经常用到的数据可视化图形但是后端反馈给我们的数据经常是数组包对象的集合类型 ， 我们常常需要进行一些数据格式化的算法取值操作 ， 这里我提供一种方法，希望对读者有所帮助！// 后端返给我们的值echarts:[ {id:1,createData:2020-1-4,num:20}, {id:2,createData:2020-2-6,num:120}, {id:3,createData:2020-4-10,num:80},
2022-04-18 14:07:37
3276
1
原创 elementui-tree组件浅谈
我们知道 , 在后台管理系统各种对于对于树形控件的使用频率是非常高的 , 所以在这里 , 我将主要讲解一下 tree树形控件的一些用法因为elementUI上面有基础的用法 , 所以我就不进行基础使用的讲解了 , 我们直接来看他有关的一些方法或者属性:data=“自定义数组”自定义数组需要时多维数组 , 我们从后端接收到的一般都是平面的数组 , 接下来需要我们进行一个算法的转化例如接收到的值为:我们通过算法 :得到转化后的值:export function tranListToTree
2022-04-17 22:46:31
2589
3
原创 vue - 开发环境 - 跨域解决
产生原因我们熟知的跨域问题产生的原因是 , 浏览器本身为了用户安全生成的http网络安全协议,同源策略 ,当前端项目运行的服务地址 和 接口服务运行的地址 协议 域名 端口 三者有一个不一致就会出现跨域也就是说 , 我们前端项目(在服务器中存放)运行的时候 , 在浏览器的url地址栏上面的地址(前端项目运行的服务器地址)与后端提供的后端接口地址协议 域名 端口 三者有一个不一致就会出现跨域产生跨域的两个重要元素 : 浏览器的同源策略 , 协议或端口解决方案1. co.
2022-03-22 13:24:25
2174
原创 浅谈javascript堆栈内存
之前已经自己学习过javascript的语法了 , 但是最近又在重新刷这方面的基础 , 树大必须根深!在腾讯课堂上看到了关于js基础数据类型以及堆栈的相关知识 , 在此作为总结和分享首先我们知道js提供了几种基础的数据类型是 数字 布尔 字符串 undefined unll以及几种引用类型是 对象 数组你或许知道 , javascript 将基础数据类型存放到了栈 , 将引用类型存放到了堆比如我此时声明了 var a = 1;在栈内存里面 就会声明一个叫做 a的空间 , 里面
2022-03-19 22:39:19
547
原创 初始化axios request模块
阿里矢量图标库的使用方法!import axios from 'axios'// 创建实例对象/* 1. baseURL : 基地址 2. 大数处理 : 后端返回的number类型 , 超过储存量会失去精度 3. timeout : 最大超时时间*/const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, timeout: 5000})// 请求拦截器/* token的全局注入 :
2022-03-18 17:45:43
462
原创 vue项目中对于Scroll事件的节流优化
methods: { throttle(fn, wait) { // 封装函数进行节流 var timer = null; return function () { var context = this; var args = arguments; if (!timer) { timer = setTimeout(function () { fn.apply(context, ar..
2022-02-16 11:28:05
1197
原创 下划页面固定效果
此段代码可以具有下划页面将元素固定的效果,相当于京东侧边栏的固定滚动-js版本 // 左侧年份菜单栏固定 aaaaa(){ function menuFixed(id){ var obj = document.getElementById(id); var _getHeight = obj.offsetTop; window.onscroll = function(){ changePos(id,_getHeight
2022-01-11 11:47:19
302
原创 【纯原创不营销免费共享!】git操作大全-作者集帅气与才华于一身,空余时间创作之大成,自写指南,与君共勉!
本书纯原创 ,不营销,公益共享git技术栈使我们的工作用团队协作 , 提交代码的普遍手段如何在合适的时候git指令 , git指令在使用期间有什么需要注意点我在书中有详细的讲解 , 还是那句话,开发者人数永远大于领导者 , 我以开发者的角度仔细打磨了拉取项目到提交项目的全过程 ,后面总结了指令大全 , 你会在其中收益!另外我编写的< JavaScript数据结构与算法 >也正在研究当中 , 很期待能和大家一起分享起来 , 在秃头的路上永不停歇 , 谢谢!// 请复制码云地址 ,
2021-09-04 14:05:21
117
原创 【纯原创 不营销免费共享!】Node.js创建接口实操大全,作者集帅气与才华于一身,空余时间创作之大成,自写指南,与君共勉!
本书纯原创 , 无营销行为,纯共享node.js是前端研究后端运行机制的入门级知识体系如果你掌握了一些关于node的知识却不知道如何创建一个简易的本地服务器本书真正的做到了手把手教你如何写成具有功能性的真正真数据真接口 , 书籍内赠我写的码云地址 , 接口dome , 33页 与诸君共勉!// // 请复制码云地址 , 使用git直接下载即可!git@gitee.com:jikelzhang/jikel_-zhang_-node-book-dome.git...
2021-09-04 13:47:09
111
原创 【纯原创不营销免费共享!】vue基础知识点大全-作者集帅气与才华于一身,空余时间创作之大成,自写指南,与君共勉!
本书全原创 包含了ES6模块化前置知识 , vue2.0基础最全知识点 , 共134页 , 纯文字2W+ , 代码文字 5W+ , 代码全手写, 如今我将这本书,分享出来 , 望与诸君共勉 !// 请复制码云地址 , 使用git直接下载即可!git@gitee.com:jikelzhang/jikel_-zhang_-vue-dome-book.git...
2021-08-30 20:57:43
104
原创 节流防抖策略之节流策略
本章技术分享为节流防抖策略之节流文章目录前言一、节流是什么？二、使用场景三、代码实现总结前言内部原理就是旧的没执行完,新的不让你发(时间间隔由需求决定,例如不同的枪发射子弹的时间间隔不同)一、节流是什么？如果持续的触发同一个事件,每间隔一段时间,只会执行一次此事件,稀释此事件的执行频率二、使用场景鼠标事件(mousemove)不断的点击触发商品预览图的放大镜效果（鼠标在小图上移动，大图没必要实时展示）search支持实时搜索,搜索联想功能scroll事件,没间隔1s的时间,从新计
2021-08-30 20:29:00
348
原创 节流防抖策略之防抖策略
本章技术分享为节流防抖优化策略之防抖策略文章目录前言一、防抖是什么？二、防抖的使用场景三、代码实现总结前言如果网站访问量极大的时候 , 我们在某些时刻必须牺牲掉一部分性能 , 降低对后端的访问次数 , 这就是防抖的策略!一、防抖是什么？简而言之 , 当事件被触发后,延迟N秒后再真正的执行事件回调函数 , 在N秒内,事件再次发出,重新计时二、防抖的使用场景1.浏览器窗口缩放，resize事件，常见应用于需要实现页面适配时表单的按钮提交事件，例如登录，发短信，避免用户点击过快，以至于发
2021-08-30 20:22:29
386
原创 递增递减小案例-星星
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
2021-08-03 13:36:52
312
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人