编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

51浏览

0评论

vite2.x实现按需加载ant-design-vue@next组件的方法

1.使用版本 vite:2.0 ant-design-vue: 2.0.0-rc.8 vue:3.0.52.安装vite插件yarn add vite-plugin-style-import -D or npm i vite-plugin-style-import -D插件仓库地址：gi...

2021-05-27 21:31:29

70浏览

0评论

vue3的动态组件是如何工作的

在这篇文章中，阿宝哥将介绍 Vue 3 中的内置组件 —— component，该组件的作用是渲染一个 “元组件” 为动态组件。如果你对动态组件还不了解的话也没关系，文中阿宝哥会通过具体...

2021-05-27 21:31:27

68浏览

0评论

vue实现倒计时功能

本文实例为大家分享了vue实现倒计时功能的具体代码，供大家参考，具体内容如下通过父组件传入的结束时间减去当前日期得到剩余时间1.子组件部分<div class="itemend"> <p class=...

2021-05-27 21:31:26

74浏览

0评论

vue+django实现下载文件的示例

一、概述
在项目中，点击下载按钮，就可以下载文件。传统的下载链接一般是get方式，这种链接是公开的，可以任意下载。在实际项目，某些下载链接，是私密的。必须使用post方式，传递正确的...

2021-05-27 21:31:24

113浏览

0评论

php怎么强制类型转换为object

PHP强制类型转换--在要转换的变量之前加上用括号括起来的目标类型允许转换的PHP数据类型有： (int)、(integer)：转换成整形 (float)、(double)、(real)：转换成浮点型 (string...

2021-05-27 21:31:23

37浏览

0评论

vue使用Split封装通用拖拽滑动分隔面板组件

前言
手动封装一个类似Iview中的Split组件，可将一片区域，分割为可以拖拽调整宽度或高度的两部分区域，最终效果如下：开始
基础布局
在vue工程中创建SplitPane组件，引入页面使用。<...

2021-05-27 21:31:21

41浏览

0评论

Vue router-view和router-link的实现原理

使用
<div id="app"> <router-link to='home'>首页</router-link> <router-link to='about'>关于</router-link> <router-view a=1><router-view/> </div>router-view组...

2021-05-27 21:31:16

41浏览

0评论

Vue组件化常用方法之组件传值与通信

相关知识点父组件传值到子组件子组件传值到父组件兄弟组件之间传值祖代和后代之间传值任意两个组件之间传值父组件传值到子组件
父组件传值到子组件基本方法有三...

2021-05-27 21:31:10

42浏览

0评论

Vue的缓存方法示例详解

最近新做了个需求“前端缓存”需求背景：解决表单高频率重复填报问题，要求打开页面自动填充上次录入的数据，数据存储期限为一周（7天有效期）。
说起缓存首先想到的则是 localstorag...

2021-05-27 21:31:08

82浏览

0评论

php怎么将字符串转换boolean类型

1、强制类型转换--在要转换的变量之前加上用括号括起来的目标类型(bool)或(boolean)示例：<?php$bool1 = (bool) 'ciao';$bool2 = (boolean) '0';var_dump($b...

2021-05-27 21:31:07

62浏览

0评论

基于ElementUI中Table嵌套实现多选的示例代码

前言：写这个是因为帮朋友修改项目中的bug
我也是第一次写这个功能，有不对的希望大家指正，如果看完有帮助点个赞！
代码中关键是js中Tree的路径查找这个核心，有不懂的自行百度
多了...

2021-05-27 21:31:06

78浏览

0评论

Vue实现关联页面多级跳转（页面下钻）功能的完整实例

背景
在项目开发过程中，经常会遇到从上一个页面跳转到下一个页面的需求，俗称下钻。比如在概览页面的数据，需要查看详情，点击某个图表或按钮，即可跳转到详情页面查看详情数据。...

2021-05-27 21:31:04

40浏览

0评论

基于Vue-cli的一套代码支持多个项目

应用场景
在toB端业务中，同样的产品，客户多多少少会要求一些定制化。从皮肤，图片，到一些小的功能的差异。
前端总是冲在最前面需要改的。如果改动不大的话，拉个分支有增加了维护...

2021-05-27 21:31:01

49浏览

0评论

vue路由实现登录拦截

一、概述
在项目开发中每一次路由的切换或者页面的刷新都需要判断用户是否已经登录，前端可以判断，后端也会进行判断的，我们前端最好也进行判断。vue-router提供了导航钩子:全局...

2021-05-27 21:30:59

59浏览

0评论

移动端Vue2.x Picker的全局调用实现

什么是Picker组件
对标PC端的Select标签, 移动端的选择框一般是在viewPort底部弹出Picker组件存在的问题 Picker通常以fixed布局，但是我们在写Picker组件时有遇到过该组件无...

2021-05-27 21:30:54

95浏览

0评论

开发一个封装iframe的vue组件

VUE的基本组成单元，我看应该是组件。用VUE开发前端项目，就是开发一个个组件，然后搭积木一样，将项目搭建出来。组件包含在页面，或者是更大的组件里面。在这里，组件与页面的界限，好像...

2021-05-27 21:30:51

38浏览

0评论

Vue2.x 项目性能优化之代码优化的实现

众所周知，Vue项目采用了数据双向绑定和虚拟DOM基础，在数据驱动代替DOM频繁渲染已经算是非常高效了，对开发者而言已经非常优化了，那为什么还会有Vue性能优化这一说呢？因为目前Vue...

2021-05-27 21:30:49

69浏览

0评论

php不知道键值怎么删除数组元素

1、使用unset()函数根据数组元素的键名删除元素<?php$array = array(0 => "a", 1 => "b", 2 => "c");unset($array[1]); //↑ 你要删除的数组元素值的键名pri...

2021-05-27 21:30:48

56浏览

0评论

Vue如何使用Dayjs计算常用日期详解

在使用vue开发项目时，前端常常需要计算一些日期时间，如：计算周月截止日期计算XX天前/后的日期将时间戳转换为日期（YYYY-MM-DD）计算月天数日期转时间戳推荐一个轻量的处...

2021-05-27 21:30:47

53浏览

0评论

详解Vue 路由组件传参的 8 种方式

我们在开发单页面应用时，有时需要进入某个路由后基于参数从服务器获取数据，那么我们首先要获取路由传递过来的参数，从而完成服务器请求，所以，我们需要了解路由传参的几种方式，以下...

2021-05-27 21:30:45

36浏览

0评论

vue中路由传参以及跨组件传参详解

路由跳转
this.$router.push('/course');this.$router.push({name: course});this.$router.go(-1);this.$router.go(1);<router-link to="/course">课程页</router-link><ro...

2021-05-27 21:30:44

91浏览

0评论

element中TimePicker时间选择器禁用部分时间(显示禁用到分钟)

项目需求是:选择日期和时间,只能选择当前时间以后的时间,禁用最小级别到分钟.
有两种选择
1.使用DateTimePicker 日期时间选择器.
2.DatePicker 和 TimePicker 组合使用
这...

2021-05-27 21:30:42

45浏览

0评论

Vue 虚拟列表的实战示例

序言
现如今，我们总是在无止境的刷。刷微博、刷抖音、刷沸点......一次次丝滑下拉体验的背后却是前端攻城狮的用心。本篇讨论基于 Vue.js 的列表无限下拉实践。我们的目标就...

2021-05-27 21:30:39

75浏览

0评论

使用Vue.js和MJML创建响应式电子邮件

MJML是一种现代的电子邮件工具，使开发人员可以在所有设备和邮件客户端上创建美观、响应迅速的出色电子邮件。这种标记语言是为了减少编写响应式电子邮件的痛苦而设计的。它的...

2021-05-27 21:30:38

239浏览

0评论

php怎么查询多维数组的长度

PHP获取二维（多维）数组各种长度<?php$array_test = array( '0' => array('0'=>"aa"), '1' => array('1'=>"bb"),);$n1=count($array_test,0)...

2021-05-27 21:30:33

55浏览

0评论

vue简单实现转盘抽奖

本文实例为大家分享了vue简单实现转盘抽奖的具体代码，供大家参考，具体内容如下1.0 思路整理转盘抽奖很常见，之前也没写过，现在有空来写写，分析如下：1.1 转盘旋转 ----- 可以用 tra...

2021-05-27 21:30:33

100浏览

0评论

详解vue的hash跳转原理

在new vueRouter的时候我们可以传入一个mode属性，他可以接收三个值：hash/history/abstracthash和history的区别
history的路径更美观一点比如http://yoursite.com/user/id,hi...

2021-05-27 21:30:31

38浏览

0评论

Vue脚手架学习之项目创建方式

一、什么是脚手架？
1.Vue CLIVue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 实现的交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-globa...

2021-05-27 21:30:30

49浏览

0评论

vue cli3 实现分环境打包的步骤

用cli3搭建的vue项目号称零配置文件，为了方便打包（不用手动来回改不同环境进行打包）那么我们在需要打包的时候分不同环境打包怎么办呢
1.在根目录下创建三个配置文件，如下图这里...

2021-05-27 21:30:28

39浏览

0评论

解决element DateTimePicker+vue弹出框只显示小时

三个知识点：1.css 后代选择器https://www.w3school.com.cn/css/css_selector_descendant.asp2.vue深度选择器https://vue-loader.vuejs.org/zh/guide/scoped-css.html3.eleme...

2021-05-27 21:30:26

45浏览

0评论

vue 项目代码拆分的方案

背景
由于之前的数据库防火墙产品与数据库审计产品使用的是同一套代码，随着两个产品功能的差异越来越大，代码的冗余度和偶合度越来越高，为了便于后期维护以及添加新功能，所以基...

2021-05-27 21:30:24

57浏览

0评论

vue项目实现分页效果

vue项目中实现分页效果，供大家参考，具体内容如下1.这里我们使用element-ui来实现，先使用npm安装npm i element-ui -S2.在main.js中全局引入import ElementUI from "element-ui"...

2021-05-27 21:30:23

50浏览

0评论

vue 中 get / delete 传递数组参数方法

在前后端交互的时候，有时候需要通过 get 或者 delete 传递一个数组给后台，但是这样直接传递后台无法接收数据，因为在传递的过程中数组参数会被转译，结果如下：参数：{ name : [ 1, 2...

2021-05-27 21:30:21

209浏览

0评论

php怎么获取数组前几位数据

在php中，可以使用array_slice()函数获取数组前几位数据。示例：获取数组前两位的数据<?php$a=array("red","green","blue","yellow","brown");print_r(array_slice($a,0,2));?>...

2021-05-27 21:30:17

43浏览

0评论

详解vue3中渲染函数的非兼容变更

渲染函数API变更
此更改不会影响到<template>用户 h现在全局导入，而非作为参数传递给渲染函数渲染函数参数更改为在有状态组件和函数组件之间更加一致 vnode现在又一个扁...

2021-05-27 21:30:17

67浏览

0评论

关于vuex强刷数据丢失问题解析

vuex-persistedstate
核心原理：在本地存储中存入所有的vuex数据，页面刷新时到缓存中取数据，放到vuex中下载：$ npm install vuex-persistedstate -S 在store中引入插...

2021-05-27 21:30:15

60浏览

0评论

如何在Vue中实现Svelte的Defer Transition

最近观看了Rich Harris的<Rethinking Reactivity>视频，惊叹于Svelte框架的高效同时，还发现了Vue所不具备的一些关于动画的原生支持—defer transitions.先看看Svelte所谓的def...

2021-05-27 21:30:10

124浏览

0评论

VUE+Canvas 实现桌面弹球消砖块小游戏的示例代码

大家都玩过弹球消砖块游戏，左右键控制最底端的一个小木板平移，接住掉落的小球，将球弹起后消除画面上方的一堆砖块。那么用VUE+Canvas如何来实现呢？实现思路很简单，首先来拆分一下...

2021-05-27 21:30:09

62浏览

0评论

VUE实现一个Flappy Bird游戏的示例代码

Flappy Bird是一个非常简单的小游戏，在app上大家都玩过。这里就用VUE来实现一个简单的PC版Flappy Bird，娱乐一下~~~~~要实现这个游戏，首先来分析一下游戏界面里哪几块东西需要...

2021-05-27 21:30:06

37浏览

0评论

Vue3+TypeScript封装axios并进行请求调用的实现

不是吧，不是吧，原来真的有人都2021年了，连TypeScript都没听说过吧？在项目中使用TypeScript虽然短期内会增加一些开发成本，但是对于其需要长期维护的项目，TypeScript能够减少其维护...

2021-05-27 21:30:02

308浏览

0评论

vue3.0路由自动导入的方法实例

一、前提
我们使用的是require.context方法导入，在vite创建的项目内使用会报错"require not found"，所以必须用webpack创建项目。或者有大能可以说说vite怎么解决这个问题。二...

2021-05-27 21:30:01

50浏览

0评论

vue基于Element按钮权限实现方案

背景需求：ERP系统需增加 ”按钮权限控制“ 功能，对权限的控制粒度要普及到按钮层级。
预期
按钮权限控制的交互方式无非两种："不可见" 和 "可见不可点"。
不可见
不可见的交互...

2021-05-27 21:29:59

46浏览

0评论

学习Vue框架中必掌握的重点知识

一、什么是vuevue是一套用于构建用户页面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库...

2021-05-27 21:29:54

213浏览

0评论

vue监听路由变化时watch方法会执行多次的原因及解决

本人前端菜鸟一名，一直致力于不间断的生产管理后台的bug，并以此自勉自励。近几天接到一个需求，网上也搜了很多例子，但是没有从根本上解决。在这里记录一下我自己的解决的过程，这...

2021-05-27 21:29:52

56浏览

0评论

vue.js集成echarts时遇到的一些问题总结

前言最近在做Beetlex的数据分析平台，在开发这个产品过程中涉及到大量的数据图表展示功能；由于产品前端使用的是vuejs开发，所以在集成echarts或多或少会碰到一些问题，在这里主要...

2021-05-27 21:29:46

60浏览

0评论

详解vue配置请求多个服务端解决方案

一、解决方案
1.1 描述接口context-path
后端的两个接口服务请求前缀，如下：前缀1: /bryant 前缀2: /1.2 vue.config.js配置
devServer: { port: 8005, proxy: { // 第一台...

2021-05-27 21:29:41

60浏览

0评论

Vue中bus的使用详解

vue总线机制(bus)vue中非父子组件之间通信除了使用vuex，也可以通过bus总线，两者适用场景不同。bus适合小项目、数据被更少组件使用的项目，对于中大型项目数据在很多组件之间使...

2021-05-27 21:29:38

45浏览

0评论

在Vue.js中加载字体的正确方法

添加字体不应该对性能产生负面影响。在本文中，我们将探讨在 Vue 应用程序中加载字体的最佳实践。正确声明 font-face 的字体确保正确声明字体是加载字体的重要方面。这是通过...

2021-05-27 21:29:34

41浏览

0评论

vue+canvas实现数据实时从上到下刷新瀑布图效果(类似QT的)

话不多说了，先上一张Demo图，实现的功能有：左侧图例、右侧瀑布图、鼠标移入弹出当前坐标对应的数据信息（有优化的空间，大家自由发挥）。图例使用到的插件
这里推荐使用安装npm插件co...

2021-05-27 21:29:32

47浏览

0评论

Vue 如何追踪数据变化

背景
工作中时不时就会遇到这种情况：页面上显示的数据不对，需要前端同事进行定位。在一个使用 Vue 搭建的 SPA 应用上，页面最终展示的数据，从初始化，到最后的展示，过程可能很简单，...

2021-05-27 21:29:31

首页 «792 793794795 796 »尾页

热门文章