写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。一、生命周期看图说明:vue生命周期小程序生命周期相比之下,小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。
onLoad: 页面加载 一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的
转载
2023-12-20 10:07:26
75阅读
倒计时需求:同一账户连续登录失败2次,锁定该账户15分钟后台做起来应该比前台简单,但是后台不做,那就拿到前台来做吧,主要是记录下来和小程序做下对比(语法)因为最近的项目在vue和微信小程序中来回跳转,今天vue项目,明天就是小程序项目,来回反复。大致流程:点击登陆时,将账号密码验证码通过接口传给后台,后台进行比对,比对成功时跳转页面,账号密码错误比对失败时,清空账号密码验证框中的值,然后开始计数,
转载
2024-03-21 14:48:38
72阅读
1服务器域名配置每一个小程序在与指定域名地址进行网络通信前都必须将该域名地址添加到管理员后台白名单中。1.1配置流程小程序开发者登陆mp.weixin.qq.com进入管理员后台,选择【设置】—【开发设置】—【服务器域名】进行添加或修改需要进行网络通讯的服务器域名地址,如图所示: 开发者可以填入自己或第三方的服务器域名地址,但配置时需要注意:域名只支持 https (request、uploadF
转载
2024-08-08 10:47:07
260阅读
小程序云音乐+博客Github地址 https://github.com/Umbrella001/wx-yunyinyue小程序云音乐的部署到自己电脑运行体验步骤① 首先可以的话,可以Fork一下 项目 到自己的Github,项目还在更新后续可以方便查看文档,然后把我的代码下载下来解压到自己电脑② 注册个小程序是第一步(首次注册可以看官网文档),然后将项目在微信开发者工具打开,接下来迫在眉睫的当然
文章参考:高德地图:概述-地图 JS API v2.0 | 高德地图API (amap.com)一.引入高德地图注册高德地图并申请key。public文件夹下index.html中//public文件夹下index.html中
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key="您申
原创
2023-10-08 17:01:16
539阅读
1.linux 下,以命令行方式启动 Django以下以 python37 为例,表示 python版本为 3.7,对应的pip37,可以根据自身需要,改为自己对应的python版本1.1 将本地开发完的代码,通过git或者其他途径,上传至linux 服务器上(我这里通过git方式提交,将虚拟环境目录venv添加至.gitignore文件)...
venv/
...1.2 创建该项目的虚拟环境目录
转载
2024-07-02 07:26:24
73阅读
# 用Vue.js和Django Rest Framework实现全栈开发
## 摘要
在现代Web开发中,使用Vue.js作为前端框架和Django Rest Framework作为后端框架是一个非常流行的选择。Vue.js是一个现代化的JavaScript框架,能够帮助我们构建交互式的页面,而Django Rest Framework是一个用于构建RESTful Web服务的强大框架。本文将
原创
2024-05-24 10:52:31
86阅读
###一、nginx的安装 安装步骤 安装前环境准备 1:下载nginx安装包nginx-1.17.5(当前最新),并上传到服务器上 这样上传到/root/2:因为Nginx以来与gcc的编译环境,所以,在mini centos中需要安装编译环境来使Nginx能够编译起来yum install gcc-c++3:Nginx的http模块需要使用pcre来解析正则表达式yum -y install
转载
2024-06-19 20:49:48
32阅读
百度上传插件WEB UPLOADER,使用WEBUPLOADER组件实现大文件分片上传,断点续传,百度WEBUPLOADER开源上传控件,百度W
原创
2024-07-08 14:38:28
0阅读
总结一下大文件分片上传和断点续传的问题。因为文件过大(比如1G以上),必须要考虑上传过程网络中断的情况。http的网络请求中本身就已经具备了分片上传功能,当传输的文件比较大时,http协议自动会将文件切片(分块),但这不是我们现在说的重点,我们要做的事是保证在网络中断后1G的文件已上传的那部分在下次
原创
2021-07-08 16:36:03
216阅读
在做项目开发的时候,上传东西无论文件也好,还是文件夹都需要用到 <input type="file" id="filepicker" name="fileList" multiple /> 这次公司要做文件及文件夹上传的需求,文件上传之前使用的是ElementUi封装好的组件一步到位如果感兴趣可以去
转载
2021-07-07 13:07:29
1251阅读
所有的环境都安装完了之后,接下来就要创建项目了,
原创
2022-07-23 01:03:47
661阅读
<div id="app">
<input type="text" v-model="assAge" placeholder="请输入...."/>
</div>
<script type="text/javascript" src="../util/js/vue.js">
</script>
<script ty
原创
2023-04-27 08:43:22
170阅读
最近遇见一个需要上传百兆大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。 在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的报文
原创
2021-07-08 16:35:58
623阅读
网上搜了一圈,基本上都是用的HTML5实现的,也就是chrome提供的API,小文件还好,比如几十MB,500MB左右的话
原创
2024-05-22 00:13:29
60阅读
parcel 是一个零配置的前端构建工具,相比webpack 更快,同时使用简单以下是 一个简单的使用typescript 开发vue 应用,同时使用parcel 构建,同时集成了docker 构建,代码很简单,同时会有一些碰到问题的解决 项目 说明parcel 是零配置的,我们基本不需要配置多少,
原创
2021-07-19 10:41:58
173阅读
项目build在项目根目录下,也就是和package.json同级的目录下新建一个文件vue.config.js,在里面写入如下代码(有特殊需求可根据注释做相关修改,一般来说下面的配置可以直接用):module.exports = {
publicPath: process.env.NODE_ENV === "production" ? "./" : "./",
outputDir: "d
转载
2024-07-09 13:47:51
37阅读
在实现"Nginx Vue部署"之前,我们首先需要了解一下Nginx和Vue.js分别是什么。Nginx是一个高性能的HTTP和反向代理服务器,常用于静态资源的部署和代理。Vue.js是一种流行的JavaScript框架,用于构建单页面Web应用程序。
下面我将向你介绍如何在Kubernetes中实现"Nginx Vue部署"。具体步骤如下:
| 步骤 | 描述
原创
2024-04-24 12:46:40
131阅读
前端项目打包、Nginx的启动暂停、Nginx配置1、前端打包首先配置前端环境.env.preview文件中VUE_APP_API_BASE_URL指向后端地址之后,使用命令 yarn run build 打包后前端根目录出现dict文件夹yarn run build 或者 npm run build使用Nginx代理部署前端 -配置内容server {
listen
转载
2024-06-10 10:23:27
1555阅读
话不多说直接开干,先上一张功能图
思路及实现方式在vue中有动态组件的概念,即<component is='xxx'/>,那很容易的就能想到我们需要的数据是多个对象组成的数组,格式大致为[
{
title:'',//组件名
icon:'',//操作栏中显示的icon
prop:{} //组件的一些数据
attr:{}//组件的自定义样式数据
转载
2023-12-02 17:31:30
76阅读