vue中h5端打开app(判断是安卓还是苹果)

1.开发环境 vue+vant
2.电脑系统 windows10专业版
3.在h5端开发的过程中,我们经常需要点击一个按钮来判断用户使用安装了app(首先判断是安卓还是苹果,然后判断是否安装了app...

php如何去掉两边空格

第一种方法:通过php自带的函数trim() 函数移除字符串两侧的空白字符或其他预定义字符。<?php$str = "Hello World!";echo $str . "<br>";echo trim($str,"Hed!");?>第二种方...

2021-05-27

vue 动态添加的路由页面刷新时失效的原因及解决方案

问题描述
昨天在做vue后台管理系统有关权限页面动态添加到路由的功能时,遇到一个问题:动态添加的路由页面,在页面刷新时出现了404的情况。场景
后台管理系统的权限控制是通过在...

vue-router懒加载的3种方式汇总

未使用懒加载import Vue from 'vue';import Router from 'vue-router';import HelloWorld from '@components/HelloWorld';Vue.use(Router);export default new Router({rou...

vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案

场景
今天在使用 v-model 进行组件双向数据绑定的时候遇到了一个奇怪的问题,网页本身运行正常,浏览器一直出现警告信息。[Vue warn]: Avoid mutating a prop directly since t...

vue-cli中实现响应式布局的方法

我们在进行前端开发中必然会遇到PC与移动端的适配,面对这样的问题有些公司会准备两个页面,移动是移动,PC是PC,而响应式布局就是根据用户不同的机型展示不同的页面,废话不多说,直接...

详解Vue.js 可拖放文本框组件的使用

可拖放文本框允许用户通过拖动备选项至文本框来确定输入,其实也可以说是 combobox 的一种变形。 与 combobox 相比,这种组件能让用户更加直观的看到所有备选项,并且可以是多个...

vue3.0中使用element的完整步骤

前言: 在vue3.0中使用element框架,因为element是支持vue2.0的,他推出的支持vue3.0的版本叫 element-plus官网入口:点我进入一、个人遇到的问题与解决办法:遇到的问题:我直接...

php中yield的用法是什么

之前有听过php 中自身也有协程,查看找了下并学习。demo已上传 我的github笔记yield 解决的问题解决运行内存的瓶颈,php程序中的变量存储在内存中,之前有遇到过读取Excel文件时...

2021-05-27

vue3.0 项目搭建和使用流程

最近在重构一个老项目,领导要求使用新的技术栈。好吧,是时候秀一波我新学的vue3.0了。不多bb,开始我的表演。。。(以下只是我自己个人的理解和使用习惯,仅供参考哦)一:项目搭建
1....

vue+flask实现视频合成功能(拖拽上传)

vue+flask实现视频合成
效果如下拖拽上传我们之前一个文章有写过//www.jb51.net/article/206543.htm原理就是 监听drop事件 来获取拖拽的文件列表
上传文件通过axios 上传文...

vue 代码高亮插件全面对比测评

全面对比
从活跃方面来看从功能方面来看代码高亮是必须的,社区必须活跃,不然修复bug没有一点点参考,太费时间。自动补全缩进,快捷键操作,搜索和替换等功能不是必须的,如果有,能拿来...

vue常用高阶函数及综合实例

一. 常用的数组的高阶函数假设, 现在有一个数组, 我们要对数组做如下一些列操作 找出小于100的数字: 将小于100的数字, 全部乘以2: 在2的基础上, 对所有数求和:通常我们...

vue项目配置 webpack-obfuscator 进行代码加密混淆的实现

背景公司代码提供给第三方使用,为了不完全泄露源码,需要对给出的代码进行加密混淆,前端代码虽然无法做到完全加密混淆,但是通过使用 webpack-obfuscator 通过增加随机废代码段、...

Vue SPA 首屏优化方案

前言
常规 vue 项目打包后访问,返回一个只包含 div 的 html,其他内容块都是通过 js 动态生成的。存在两个比较大的问题: 不利于 seo 首屏加载页慢,用户体验不好
本文是自己...

PHP如何使用加密伪随机数生成器

PHP的加密伪随机数生成器的使用今天我们来介绍的是 PHP 中的加密伪随机数生成器(CSPRNG 扩展)。随机数的生成其实非常简单,使用 rand() 或者 mt_rand() 函数就可以了,但是我们今...

2021-05-27

vue前端和Django后端如何查询一定时间段内的数据

前言在开发过程中经常会遇到筛选查询之类的功能,比如查询某一个时间段内的数据而非所有数据。这样我们就需要向后端发送时间段的参数,然后在后端处理查询。这里以Django后端和...

详解vue3中组件的非兼容变更

函数式组件
functional attribute 在单文件组件 (SFC) <template> 已被移除
{ functional: true } 选项在通过函数创建组件已被移除// 使用 <dynamic-heading> 组件,负责提供...

VUE实现吸底按钮

本文实例为大家分享了VUE实现吸底按钮的具体代码,供大家参考,具体内容如下<template> <div id="test"> <ul class="list-box"> <li v-for="(item, key) in 50" :key="key"> {{...

vue打开新窗口并实现传参的图文实例

我要实现的功能是打开一个新窗口用来展示新页面,而且需要传参数,并且参数不能显示在地址栏里面,而且当我刷新页面的时候,传过来的参数不能丢失,要一直存在,除非我手动关闭这个新窗...

详解vue 表单绑定与组件

一、什么是双向数据绑定
Vue.js是一个MV VM框架, 即数据双向绑定, 即当数据发生变化的时候, 视图也就发生变化, 当视图发生变化的时候,数据也会跟着同步变化。这也算是Vue.js的精...

PHP如何生成与识别二维码

二维码的分类 线性堆叠式二维码 矩阵式二维码二维码的优缺点优点 信息容量大 编码范围广 容错能力强 译码可靠性高 可引入加密措施 成本低,易制作缺点 二维码技术成...

2021-05-27

Vue基本指令实例图文讲解

Vue (读音 /vju&#720;/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上...

php使用PHPAnalysis提取关键字中文分词的方法是什么

需求:做SEO的keywords时,需要从标题或者正文里提取关键字1.PHPAnalysis下载地址https://github.com/feixuekeji/PHPAnalysis下载后解压放到extend目录下(以tp5为例,其他目录也行...

2021-05-27

如何让vue长列表快速加载

vue-long-list-load,满足特殊条件的长列表加载。支持:1、各个节点高度不同且可自由设定 2、各个节点可修改不影响加载效果 3、可精确的滚动到指定位置。背景
有个长列表渲染的...

Vue模仿ElementUI的form表单实例代码

实现要求模仿 ElementUI 的表单,分为四层结构:index 组件、Form 表单组件、FormItem 表单项组件、Input 和 CheckBox 组件,具体分工如下:index 组件: 实现:分别引入 Form 组件、F...

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...

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

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

vue实现倒计时功能

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

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

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

php怎么强制类型转换为object

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

2021-05-27

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

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

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组...

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

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

Vue的缓存方法示例详解

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

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

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

2021-05-27

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

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

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

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

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

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

vue路由实现登录拦截

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

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

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

开发一个封装iframe的vue组件

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

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

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

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

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

2021-05-27

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

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

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

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

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...

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

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

Vue 虚拟列表的实战示例

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

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

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

返回顶部
顶部