前端

Android-自定义短信验证码

效果图 简介 基本上只要需要登录的APP,都会有验证码输入,所以说是比较常用的控件,而且花样也是很多的,这里列出来4种样式,分别是: 表格类型 方块类型 横线类型 圈圈类型 其实还有很多其他的样式,但是这四种是我遇到最多的样式,所以特地拿来实现下,网上有很多类似的轮子,实现方式也是蛮多的,比如说: 组合控件(线性布局添加子View) 自定义ViewGrop 自定义View ..

关于优化Vue-router优化import引入过多导致index文件过于臃肿

1.需求 当我们在开发过程中,需要引入很多的文件,但是又不想每个文件都依次导入的时候 就会想有没有一个方法可以批量导入 require.context方法就可以解决这个问题.(仅限于webpack) function importAll (require) { console.log(require.keys(),'keys') // 此处是由多个文件路径组成的数组 require

Vue 的单项数据流

数据总是从父组件传到子组件,子组件没有权利修改父组件传过来的数据,只能请求父组件对原始数据进行修改。这样会防止从子组件意外改变父组件的状态,从而导致应用的数据流向难以理解。 注意:在子组件直接用 v-model 绑定父组件传过来的 props 这样是不规范的写法,开发环境会报警告。 如果实在要改变父组件的 props 值可以再data里面定义一个变量,并用 prop 的值初始化它,之后用$emit

Vue WanAndroid项目

基于Vue 搭建的WanAndroid项目 供参考 项目中API均来源于:www.wanandroid.com 项目运行: 1.克隆项目至本地 2.npm install 3.npm run dev 项目架构: Vue版本: V2.5.2 UI:html5 + css3 + vant2 列表刷新:vuejs-loadmore 网络请求: axios 数据持久化:js-cookie 屏幕适配:f

【JS 】SharedWorker 优化前端轮询请求

1. 背景 目前公司系统首页存在一个定时的轮询请求/Admin/Dashboard/GetAppRelaseNotice,包含一些需要实时反映在前端的操作(如:页面版本,站内信,页面配置更新等) 问题很明显,单个页面的情况下,每分钟会发送一次请求; 但如果同时打开多个tab,每个tab每分钟都会发送一次请求 2. 思路 针对这个情况,可以使用 SharedWorker

关于 Safari 100vh 的问题与解决方案

配图源自 Freepik 一、背景 最近在做一个移动端的 H5 项目,遇到了一个「有趣」的问题。假设有一页面布局如下: 下方 50px 悬浮于底部,采用 fixed 布局,示例如下: <div class="container"> <!-- height: 100vh - 50px --> <div class="page">&

vue中使用axios请求post接口,请求会发送两次

在vue中使用axios请求post接口,请求会发送两次 image.png image.png 所有跨域的js在提交post请求的时候,如果服务端设置了可跨域访问都会默认发送两次请求,第一次是预检请求,查询是否支持跨域,第二次才是真正的post提交。JS中出现这个现象原因在于你发送了一个非简单请求。 浏览器分为简单请求以及非简单请求: 跨域请求需要先发一次Option预

Vite中使用Ant Design Vue3.x框架

官网: 文档选择vue3版本,也是官网当前推荐的 安装 ant-design-vue npm i --save ant-design-vue main.js引入,全局使用 import { createApp } from 'vue' import App from './App.v

Vite+vue3+Ts+pinia开发(三:父子通讯、兄弟通讯、数组清空、ref、reactive的使用)

首先你完成了如下: Vite+vue3+Ts+pinia实战(一:初始、基础安装、踩坑) Vite+vue3+Ts+pinia开发(二:路由、pinia、UI库安装) 今天就讲讲父子通讯、兄弟通讯,以及ref、reactive的简单使用吧。 父传子Ref基础的HelloWorle.vue就有就不多说了。 初始目录: image.png 一、在components下建一个组件,我这里叫h

SpringCloud微服务实战——搭建企业级开发框架(四十八):【移动开发】整合uni-app搭建移动端快速开发框架-使用第三方UI框架

  uni-app默认使用uni-ui全端兼容的、高性能UI框架,在我们开发过程中可以满足大部分的需求了,并且如果是为了兼容性,还是强烈建议使用uni-ui作为UI框架使用。   如果作为初创公司,自身又不想费太多精力去自己设计一套UI框架,那么DCloud插件市场提供了很多优秀的UI框架,最重要的是有些UI框架能够提供一整套行业的页面模板,比如,前几年电商项目比较火,Vant、ColorUI等提