JavaScript - 教程之家

104浏览

0评论

ant desing vue table 实现可伸缩列的完整例子

完美解决ant-design-vue table 可伸缩列问题，实现在固定列，多级表头情况下的伸缩列这个东西本来以为手到擒来，因为在官网中已经给出了例子，但是果然还是不能太信任官方，官方给出...

2021-06-28

49浏览

0评论

Vue中ElementUI分页组件Pagination的使用方法

Vue中ElementUI分页组件Pagination的使用，供大家参考，具体内容如下一、概要ElementUI 提供了 el-pagination 组件，只要配置相应得参数和事件，即可实现分页。二、实现1、基本用法...

2021-06-28

224浏览

0评论

vue实现滚动加载的表格

实现效果码云地址滚动加载知识储备
参考ant-design-vue中list滚动加载的思路，使用vue-infinite-scroll加上vue-virtual-scroller作为解决方案。组件封装
因为整个系统使用的...

2021-06-28

91浏览

0评论

JavaScript中子函数访问外部变量的3种解决方法

前言我们在写web页面时，肯定会经常遇到下面这种情况：<body> <div class="btns-wrapper"></div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.3.1/jquery.min....

2021-06-27

97浏览

0评论

深入理解typescript中的infer关键字的使用

infer 这个关键字，整理记录一下，避免后面忘记了。有点难以理解呢。infer
infer 是在 typescript 2.8中新增的关键字。infer 可以在 extends 条件类型的字句中，在真实分支中引用...

2021-06-27

90浏览

0评论

JavaScript输出斐波那契数列的实现方法

题目
有这么一道题目需要我们来解答：试输出斐波那契数列的前10项，即 1、1、2、3、5、8、13、21、34、55。
分析
有些人看到题目中出现了“斐波那契数列”这个概念后，可...

2021-06-27

90浏览

0评论

vue.js Router中嵌套路由的实用示例

前言随着 Vue.js 单页应用（SPA）变得相当复杂，你开始需要 Vue 路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。让我们创建一个相对简单的用例，来展示 Vue R...

2021-06-27

60浏览

0评论

关于JavaScript回调函数的深入理解

前言JavaScript回调函数是成为一名成功的 JavaScript 开发人员必须要了解的一个重要概念。但是我相信，在阅读本文之后，你将能够克服以前使用回调方法遇到的所有障碍。在开始之...

2021-06-27

100浏览

0评论

Vue3.0写自定义指令的简单步骤记录

前言vue中提供了丰富的内置指令，如v-if,v-bind,v-on......,除此之外我们还可以通过Vue.directive({})或者directives:{}来定义指令在开始学习之前我们应该理解，自定义指令的应...

2021-06-27

158浏览

0评论

使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)

最近在开发一款新的app项目，我自己也是第一次接触app开发，经过团队的一段时间研究调查，决定使用Vue3+Vant前端组件的模式进行开发，vue2开发我们已经用过几个项目了，所以决定这一...

2021-06-09

99浏览

0评论

一文搞懂redux在react中的初步用法

Redux是一个数据状态管理插件，当使用React或是vue开发组件化的SPA程序时，组件之间共享信息是一个非常大的问题。例如，用户登陆之后客户端会存储用户信息（ID，头像等），而系统的很多组...

2021-06-09

70浏览

0评论

深入详解JS函数的柯里化

一、补充知识点之函数的隐式转换来一个简单的思考题。function fn() { return 20;}console.log(fn + 10); // 输出结果是多少？稍微修改一下，再想想输出结果会是什么？functio...

2021-06-09

90浏览

0评论

VUE+SpringBoot实现分页功能

本文主要介绍一下 Vue + SpringBoot 中如何实现一个分页列表数据。1、效果展示2、VUE代码VUE之视图定义<el-row> <el-table :data="tableData"...

2021-06-09

413浏览

0评论

分析uniapp如何动态获取接口域名

背景接口域名没有写死，而是动态获取。具体实现就是通过读取一个静态json文件，来设置真实的接口域名。好处是原域名有可能被封，这样可以直接后台操作修改该配置文件即可；不然的...

2021-06-07

92浏览

0评论

手动实现js短信验证码输入框

前言　　本文记录一下自己手动实现的一个前端常见的短信验证码输入组件，从需求到实现逐步优化的过程。正文　　1.需求分析　　首先看一下效果图。　　首先页面加载的时候，输...

2021-06-07

120浏览

0评论

Vue中foreach数组与js中遍历数组的写法说明

Vue foreach数组与js中遍历数组的写法场景Vue中使用Axios发送get或者post请求，发送请求时需要在js中对请求参数进行遍历并处理。接收响应时需要对响应结果进行遍历和处理。注...

2021-06-05

88浏览

0评论

代码解析React中setState同步和异步问题

React起源于Facebook的内部项目。React的出现是革命性的创新，React的是一个颠覆式的前端框架。在React官方这样介绍的它：一个声明式、高效、灵活的、创建用户界面的JavaScrip...

2021-06-03

77浏览

0评论

React配置子路由的实现

1、组件First.js下有子组件：import Admin from './Admin'import FormCom from './FormCom'import One from './One'import ButtonCom from './ButtonCom'import MenuCom from...

2021-06-03

114浏览

0评论

手把手教你从零开始react+antd搭建项目

之前的文章都是自己的学习日志，主要是防止自己遗忘之前遇到的坑。这次将从最基础的项目搭建开始讲起，做一个基于react和antd的后台管理系统。我会一步步进行下去，所以看完本文...

2021-06-03

110浏览

0评论

react antd实现动态增减表单

之前写动态表单遇到过坑，就是用index下标做key会导致bug，而且很严重！今天有空写下文章记录下：怎么处理和逻辑我用的是antd3的版本，3和4的表单有点不一样，不过差别应该不大。需求：1...

2021-06-03

92浏览

0评论

详解ES9的新特性之异步遍历Async iteration

异步遍历在讲解异步遍历之前，我们先回想一下ES6中的同步遍历。根据ES6的定义，iteration主要由三部分组成：Iterable先看下Iterable的定义：interface Iterable { [Symbol.itera...

2021-06-03

69浏览

0评论

详解javascript中的Strict模式

简介在ES5中，引入了strict模式，我们可以称之为严格模式。相应的sloppy mode就可以被称为非严格模式。严格模式并不是非严格模式的一个子集，相反的严格模式在语义上和非严格模式...

2021-06-03

378浏览

0评论

小程序wx.getUserProfile接口的具体使用

最近微信小程序对于审核小程序提出了带有wx.login、wx.getUserInfo接口的调整，并提出了一个新的接口供开发者调用下图是对于新的接口的官方文档详情点击前往官网查看更多详细...

2021-06-02

63浏览

0评论

如何将JavaScript将数组转为树形结构

1.需求
后台给了一个这样的数据让咱前端去转换为树形结构（没有重复数据）。不多说，先来看看给了一个怎样的数组数据，转换为怎样的树形结构。服务器传过来的数组
const arr = [...

2021-06-02

115浏览

0评论

js实现自动锁屏功能

1.使用场景
有这么一个需求，开发了一套系统，当用户离开桌面或者一段时间不操作的话，需要把该系统所有打开页面锁定起来，就跟桌面锁屏一样，只能输入密码验证成功后，或者重新登录，才...

2021-06-02

83浏览

0评论

关于antd tree和父子组件之间的传值问题(react 总结)

项目需求：点击产品树节点时获取该节点的所有父节点，同时回填表格的搜索条件，完成搜索功能，搜索结果展示在下方的table中。写了三个组件：现在有个业务场景交互：在orderTree组件中点...

2021-06-01

130浏览

0评论

使用react+redux实现计数器功能及遇到问题

Redux，本身就是一个单纯的状态管理者，我们不追溯它的历史，从使用角度来说：它提供一个全局的对象store，store中包含state对象用以包含所有应用数据，并且store提供了一些reducer方法...

2021-06-01

120浏览

0评论

原生js实现简单贪吃蛇小游戏

本文实例为大家分享了js实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下先上图话不多说，代码奉上，喜欢的请留下你的小星星♥(ˆ◡ˆԅ)<!DOCTYPE h...

2021-06-01

102浏览

0评论

如何在vue 中引入使用jquery

1.首先在配置文件中添加cnpm install 下载jquery文件2.在webpack配置文件中添加下面代码3.接着在webpack.base.conf.js中module.exports的最后加入下面代码4.最后在main.js...

2021-05-31

65浏览

0评论

关于vue 项目中浏览器跨域的配置问题

1、什么是跨域
当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。2、同源策略
同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本...

2021-05-31

108浏览

0评论

vue实现动态表格提交参数动态生成控件的操作

上面要求做一个根据后台数据动态生成控件，然后让用户输入提交查询信息，然后动态生成表格在显示出来。动态控件代码如下<el-form :model="formData" style="padding: 0 5...

2021-05-31

82浏览

0评论

详解nginx配置vue h5 history去除#号

vue的默认配置是使用hash模式，这样我们访问的时候都带有了一个#号，再支付回调的地址或者其他原因不支持#号或者不喜欢#号这种模式，优势就出现了需要去除#号，于是vue端就需要配置...

2021-05-31

117浏览

0评论

在vue中使用eslint,配合vscode的操作

不管是多人合作还是个人项目，代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。这所谓工欲善其事，必先利其器，个人推荐 eslint+vscode 来...

2021-05-31

69浏览

0评论

Vue路由权限控制解析

前言本人在公司主要负责中后台系统的开发，其中路由和权限校验算是非常重要且最为基本的一环。实际开发项目中，关于登录和路由权限的控制参照了vue-element-admin这个明星项目，...

2021-05-31

137浏览

0评论

详解Vue中的watch和computed

前言对于使用Vue的前端而言，watch、computed和methods三个属性相信是不陌生的，是日常开发中经常使用的属性。但是对于它们的区别及使用场景，又是否清楚，本文我将跟大家一起通过...

2021-05-31

153浏览

0评论

在VUE中使用lodash的debounce和throttle操作

说明：debounce和throttle在脚手架的使用，此处以防抖函数debounce为例避免按钮被重复点击引入：import lodash from 'lodash'使用：直接使用debounce方法 // 审核 audit: lodash....

2021-05-31

129浏览

0评论

vue data有值,但是页面{{}} 取不到值的解决

我的问题出在js引入的顺序不对，导致不能正常显示vue中的值正确的顺序应该是：先引入vue的js--------html代码-----最后引入自己写的js补充知识：vue中子组件的created、mounted生...

2021-05-31

88浏览

0评论

vue实现标签云效果的示例

闲扯两句最近想给自己的博客上加上一个3D标签云的效果，用来表示自己博客文章的分组，网上找到了canvas实现的，还有a元素实现的解析3D标签云，我想让标签可以选择和点击，又不想在标...

2021-05-31

54浏览

0评论

vue 避免变量赋值后双向绑定的操作

如： this.list = this.list2, 结果在list改变后 list2也改变，这不是我们想要的效果第一种：利用 JSON.parse 和 JSON.stringifythis.list= JSON.parse( JSON.stringify(this.lis...

2021-05-31

242浏览

0评论

浅谈vue.watch的触发条件是什么

很多人习惯用watch，但是却很少有人知道watch的真正触发条件。如果不是对vue原理了如指掌，请谨慎使用watch。示例1，下面会触发watch 吗？<script> new Vue({ data() { return {...

2021-05-31

107浏览

0评论

在vue项目中promise解决回调地狱和并发请求的问题

场景需求：需要同时请求5个接口都请求成功后执行下一步操作解决方法：定义一个变量i=5，请求成功一个接口，让i–，直到i=0时执行下一个操作，否则不执行axios.all 并发请求，.then(axios....

2021-05-31

134浏览

0评论

解决vue init webpack 下载依赖卡住不动的问题

有时候下载依赖的时候网速不行，这时候我们选择手动下载依赖有时候下载依赖的时候网速不行，这时候我们选择手动下载依赖：选择 No,I will handle that myself生成完项目之后，再cd...

2021-05-31

64浏览

0评论

vue router返回到指定的路由的场景分析

项目场景：项目场景：示例:A(商品详情)——B(商品购买页面)-C(支付成功页面)——D(订单页面）问题描述：提示：这里描述项目中遇到的问题：
如果我们不做控制的话，安卓按照浏览器返回机制...

2021-05-31

114浏览

0评论

解决vuex刷新数据消失问题

前言vue构建的单页大型项目中，可能会用到Vuex 。Vuex 的状态存储是响应式的，当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高...

2021-05-31

193浏览

0评论

vue实现两个组件之间数据共享和修改操作

我们在使用vue开发过程中会遇到这样的情况，在父组件中引入了子组件，需要将父组件的值传到子组件中显示，同时子组件还可以更改父组件的值。以我目前的一个项目的开发为例，如下图...

2021-05-31

151浏览

0评论

vue 获取url里参数的两种方法小结

我就废话不多说了，大家还是直接看代码吧~第一种：const query = Qs.parse(location.search.substring(1))let passport = query.passport;第二种：var query=this.$route.query;l...

2021-05-31

85浏览

0评论

vue mvvm数据响应实现

为什么实现数据响应式
当前vue、react等框架流行。无论是vue、还是react框架大家最初的设计思路都是类似的。都是以数据驱动视图，数据优先。希望能够通过框架减少开发人员直...

2021-05-31

134浏览

0评论

vue.js+element 默认提示中英文操作

element默认中文版，但是我们在做英文页面时自己翻译很不爽，所以我们用element自带英文包，只要在html页面中引入就可以了，具体引入方法有很多种，在此提供了我用过的一种，仅作为参考...

2021-05-31

116浏览

0评论

Vue 防止短时间内连续点击后多次触发请求的操作

如果连续点击提交按钮，可能会重复提交数据，导致出错，解决的方法可以使用disabled限制点击，感觉体验不是太好，所有给大家分享下面的方法<el-button @click="throttle()">测试</el-...

2021-05-31

79浏览

0评论

vue 图片裁剪上传组件的实现

先看一下总体效果:上传文件做了大小和类型的限制，在动图中无法展现出来。使用file类型的input实现选择本地文件但是浏览器原生的文件上传按钮的颜值不尽人意，而且按钮上的文字...

2021-05-31

热门文章