setup前端 页面vue3
跟着阿灵学前端(1)——HTML 基础
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是：一组段落、一个重点信息列表、也可以含有图片和数据表。 ......
跟着阿灵学前端(2)——CSS 基础
CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css ......
uniapp---页面之间通信
uniapp在进行app开发的过程中，经常会需要在页面之间实现通信功能。 常见的是：子页面和父页面之间通信 首先：子页面向父页面通信： uni.$emit('login',{login:true}); 然后：父页面可监听事件 // 父页面 onLoad(){ // 监听事件 uni.$on('log ......
浏览器页面实现读取和存储文件到c盘，是否能实现?
浏览器页面实现读取和存储文件到c盘，是否能实现? vue 浏览器页面实现读取c盘判断是否有制定文件目录，如果没有就创建，有就把从后端请求的视频地址下载到制定目录里，是否能实现？ https://www.zhihu.com/question/639174474 你的思路是错误的，在用户没有授权的 ......
美多商城用户注册-展示用户注册页面-短信验证码-6
1.短信验证码逻辑分析，短信平台注册使用 保存短信验证码是为注册做准备的。为了避免用户使用图形验证码恶意测试，后端提取了图形验证码后，立即删除图形验证码。Django不具备发送短信的功能，所以我们借助第三方的https://user.ihuyi.com/new/login.html短信平台来帮助我们 ......
美多商城用户注册-展示用户注册页面-验证码-5
1.图形验证码逻辑分析 需要新建verifications python3 ../../manage.py startapp verifications 2.图形验证码接口定义 在verifications中的views中定义接口 class ImageCodeView(View): """图形验证 ......
美多商城用户注册-展示用户注册页面-用户名重复注册-4
1.用户名重复注册逻辑分析 2.用户名重复注册接口设计定义 3.用户名重复注册后端逻辑 1.在users下面views视图中写入以下代码 class UsernameCountView(View): # 判断用户是否重复注册 def get(self, request, username): #us ......
实时数据流无忧：用 SpringBoot 和 SSE 打造动态前端更新的终极指南
用 SpringBoot 和 SSE 打造动态前端更新的终极指南 你知道什么是开发者的梦魇吗？慢！慢！慢！在一个需要实时数据更新的应用中，如果数据像乌龟一样慢吞吞地爬行，那用户体验就会像坐过山车一样直线下降。所以今天，我们要化身为数据传输的超级英雄，用 SpringBoot 和 SSE（服务器发送事 ......
unipp框架开发的app跳转至小程序页面
需求：app分享到微信，微信点击进入小程序指定页面 1.配置 项目manifest.json>模块配置>Share>微信分享勾选上，并填写appid 2.调用uniapp的api 官方api https://uniapp.dcloud.net.cn/api/plugins/share.html#sh ......
js使用XLSX前端导出excel
实现效果： 页面： 导出的excel： xlsx.core.min.js文件下载地址 xlsx 代码如下： <!DOCTYPE html> <html> <head> <title>HTML Template</title> <style> table { border-collapse: coll ......
vue3 获取循环的div的总宽度
要获取循环的 <div> 元素的总宽度，您可以使用 Vue 3 中的 ref 和 $refs。 在模板中，使用 v-for 循环生成多个 <div> 元素，并为父元素和每个子元素添加 ref 属性。例如： <template> <div ref="parentDiv"> <div v-for="it ......
django练手（二十）：图标上传页面增加分页的功能
一、思路 前端使用bootstrap的分页组件； 后端使用django自带的分页功能。 二、前端功能实现 bootstrap文档上复制分页代码，粘贴到app-templates-app-avatar.html的合适位置。复制的地址是https://v3.bootcss.com/components/ ......
H5跳回微信小程序页面
目录官方文档JSSDKuniapp H5 跳转微信小程序页面H5微信小程序 官方文档 https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html JSSDK https://res.wx.qq.com/open/j ......
ROS2 删除一个工作空间文件夹，source后终端出现not found ...... local_setup.bash解决
问题描述 我在主目录同时开了多个ROS2工作空间，其中一个不想用了，直接删除后，终端出现这两行提示： 第二行是因为bash.rc文件里面source的setup.bash命令没有删除，所以： gedit ~/.bashrc source ~/.bashrc 删除source ~/rlarm_ws/i ......
h5页面代码已修改未生效
h5页面代码修改之后，用微信自带浏览器打开，出现未在开发环境出现的样式问题，且初次打开链接的手机没问题，用手机浏览器打开也没问题 原因： 微信浏览器缓存 解决方案： 一：打开微信，“我” “设置” “通用” “存储空间” “缓存” 等待计算完成后 “前往清理” 二：取消全选，不然很多东西会清空， 如 ......
vue3中 provide 、 inject的用法（二）
provide 、 inject 一般用来实现跨组件通信，避免层层传参，操作繁琐的问题。 provide( 属性,属性值 )：里面包含了要给子孙后代传递的东西也可以是一个操作自己某个功能的方法。 inject(接收的属性名,default)：default指的是默认值。 以下我是用对父组件进行刷新的 ......
vue3中provide和inject的使用
1.provide 和 inject 的讲解 provide和inject可以实现嵌套组件之间进行传递数据。 这两个函数都是在setup函数中使用的。 父级组件使用provide向下进行传递数据； 子级组件使用inject来获取上级组件传递过来的数据； 需要注意的是： 1==>provide只能够向 ......
抽几分钟,写个文档系统的前端页面,先排版一下.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Doc C ......
记录--vue3函数式弹窗
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简 ......
微前端使用第二章
目录二、微前端自研框架1、子应用接入a、vue2b、vue3c、react15d、react162、主应用注册子应用3、主应用路由拦截4、主应用生命周期5、加载和解析html6、运行环境隔离7、css样式隔离8、应用间通信9、全局状态管理10、提高加载性能 二、微前端自研框架 1、子应用接入 a、v ......
前端学习-HTML/CSS刷题笔记01
1 清除浮动 方法1 双伪元素法：在style中给父元素添加伪元素代码 了解zoom:1; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi ......
使用油候脚本，去除页面上的广告
最近不知道是否 // ==UserScript== // @name 去除博客园顶部的广告 // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // @a ......
前端常用站分享
团队组织 AlloyTeam - 腾讯Web 前端团队 IMWeb - 腾讯IMWeb 前端团队 ISUX - 腾讯设计团队 FEX - 百度前端研发部 FED - 淘宝前端团队 凹凸实验室 - 京东用户体验设计部 奇舞团 - 奇虎360旗下前端开发团队 JELLY - 京东零售体验设计中心 蚂蚁体 ......
EAS_WEB更新解决方案后，无法登录web页面，显示connect.refused
本地bos更新测试环境的解决方案后，启动bos，登录web提示连接异常失败；看日志，在图中打断点发现了异常：6999是测试服务i的端口，我本地应该是56898端口，对配服务器的实例server1和以前备份的server1.发现了不同： 在同步服务器解决方案后，配置文件被更改了，改回去重启服务即可 ......
Nginx 服务器开启status页面检测服务状态
一、Nginx status monitor 和apache 中服务器状态一样。输出的内容如： 第1列： 当前与http建立的连接数，包括等待的客户端连接：2第2列： 接受的客户端连接总数目：20 处理的客户端连接总数目：20 客户端总的请求数目：50第3列： 当前，nginx读请求连接 当前，ng ......
实践总结 3 种前端部署后页面检测版本的方法
领导：为什么每次项目部署后，有的用户要清缓存才能看到最新的页面 我：浏览器有默认的缓存策略，如果服务器在响应头中没有禁用缓存，那么浏览器每次请求页面会先看看缓存里面有没有，有的话从缓存取，造成还是取的旧页面。正常来说，用户只需要点击刷新按钮，刷新一下页面就好了，不必清除浏览器缓存刷新。 领导：为什么 ......
Konva-前端绘图框架
一、介绍Konva is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.Kon ......
推荐一个页面引导库 driver.js
页面引导功能是 web 开发中常见的一个功能。通过页面引导功能，你可以让用户第一时间熟悉你的页面功能。今天给大家推荐一个页面引导库 driver.js。 简介 driver.js 是一款用原生 js 实现的页面引导库，上手非常简单，体积在 gzip 压缩下仅仅 5kb。 我们来看下如何使用 driv ......