前端 卡片 海报 商品
前端面试题四
1. Vue 的双向数据绑定原理是什么? Vue 采用数据劫持+订阅发布模式实现双向绑定。通过 Object.defineProperty()方法来为组件中 data 的每个属性添加 get 和 set 方法,在数据变动时,触发 set 里相应的监听回调函数,将变动信息发布给订阅者。主要有以下步 ......
Python_Gradio与前端开发
Gradio Blocks是Gradio的低级API,它允许你创建比Interfaces更多的自定义web应用程序和演示。 简单来说就是比Interfaces更灵活。 一般使用上下文管理,示例代码如下: 代码 import gradio as gr with gr.Blocks() as demo: ......
前端生成二维码
import QRCode from 'qrcode'; QRCode.toDataURL(res.data.qrcodeUrl, { margin: 2, type: 'image/jpeg', quality: 0.3 }, (error, url) => { if (error) consol ......
钉钉小程序生态—企业机器人加互动卡片,改善用户体验的开始!
一、前言 大家好!我是sum墨,一个一线的底层码农,平时喜欢研究和思考一些技术相关的问题并整理成文,限于本人水平,如果文章和代码有表述不当之处,还请不吝赐教。 首先上一些图,让大家知道我这篇文章要讲的是啥。 1. 什么是企业机器人? 企业机器人,具备完整的接收消息和发送消息的能力。它与Webhooo ......
零基础电气专业毕业生,花费9.9元自学前端,成都月薪6.5K
介绍 毕业于成都理工电气专业,大学毕业后进入了一家电气公司,月薪2000元。一直对互联网行业感兴趣,但由于没有相关专业背景,所以一直没有勇气转行。 转行契机 公司的书记想搞一个内部生产管理系统,看我们4个应届毕业生每天都在打酱油,就找到我们想让我们研究一下看能不能做出这个系统(公司里面没有搞IT的) ......
Socket.D 替代 Http 协议像 Ajax 一样开发前端接口
我们在"前端接口"开发时,使用 socket.d 协议有什么好处:更安全!现有的工具想抓包数据,难!难!难!(socket.d 是个新的二进制协议) ......
前端开发好用的工具/插件
1、swiper动画(动画效果挺平滑) https://www.swiper.com.cn/ 演示(https://www.swiper.com.cn/demo/index.html#effect-coverflow) 2、二维码生成器 草料二维码:https://cli.im/ 3、icon使用 ......
前端工程师初级、中级、高级最好的进阶路线图!
作为一个前端工作近10年的老司机,帮你整理了前端5阶提升的技能图,想升职加薪学技能,看我这一篇就够了! 一位出色的前端工程师,一定要会具备阅读规范文档和阅读别人的代码和时刻学习的习惯,再加上一些常见的技术栈,基本上两三年就能到达中高级的水平,一线城市能拿到30K的offer不成问题的! 至于初级,中 ......
前端多文件打包下载方案
npm install jszip file-saver --save import JSZip from 'jszip' import { saveAs } from 'file-saver' export const downloadFiles = (fileUrls, folderName = ......
前端调取摄像头并实现拍照功能
前言: 最近接到的一个需求十分有意思,设计整体实现了前端仿微信扫一扫的功能。整理了一下思路,做一个分享。 tips: 如果想要实现完整扫一扫的功能,你需要掌握一些前置知识,这次先讲如何实现拍照并且保存的功能。 一. window.navigator 你想调取手机的摄像头,首先你得先检验当前设备是否有 ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意:} $)待解决问题 (1)高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) (2)使用ReactDOM.createRoot实例化项目,在结合 ......
vue3+vant+vite移动端H5前端项目
vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
Android 之 实验6 交错网格布局管理器与卡片视图、加入头部
实验6 交错网格布局管理器与卡片视图、加入头部 一、实验目的及要求 通过本实验的学习,使学生掌握交错网格布局管理器与卡片视图、加入头部。 二、实验设备(环境)及要求 Android Studio 三、实验内容与步骤 使用RecyclerView实现如下所示的瀑布流效果,并实现item的点击功能 1. ......
nginx ssh配置,larave项目配置多个前端项目
1 ssh 配置 server { listen 443 ssl http2; #listen [::]:80; server_name xiaoqiezia.cn www.xiaoqiezia.cn; index index.html index.htm index.php default.htm ......
一个小前端加密
页面上有这样的一个联系方式,需要点击"点击查看"之后才能获取到脱敏后的联系方式。 与页面交互前,使用DevTools进行各种搜索与Network抓包,找不到隐藏有脱敏前的完整数据。 一般遇到这种情况我们会首先排查,数据是否是通过接口触发后返回。但遗憾的是,交互过程只抓到请求一个看起来无关的接口。 那 ......
前端 Git 使用约定
前端 Git 使用约定 背景 开发前端项目,有以下困惑: 使用哪个分支开发,哪个分支发布 修复线上bug的流程是什么,如何避免修复完了下次却又出现了 cms分支有十多个,是否都有用 如何快速找到之前某次功能开发,或某次bug修复 为了减轻上述困扰,引入 gitflow 规范,并根据公司情况做适当调整 ......
一个WPF版的Layui前端UI库
思维导航 前言 WPF介绍 Layui前端UI组件库介绍 项目源代码 项目源码运行 项目运行部分截图 项目源码地址 优秀项目和框架精选 DotNetGuide技术社区交流群 前言 相信做.NET后端开发的很多小伙伴都用过Layui前端UI组件库,今天我们分享一个WPF版的Layui前端UI样式库:L ......
前端与爬虫
搜索爬虫, 我们会搜到一大堆 Python 相关的结果 问题: 爬虫和前端有关系吗? 爬虫是什么 爬虫程序是一种计算机程序,旨在通过执行自动化或重复性任务来模仿或替代人类的操作。 爬虫程序执行任务的速度和准确性比真实用户高得多。爬虫程序类型众多,可执行各种任务,并且爬虫程序在互联网流量中的比重也越来 ......
Vue实现商品详情鼠标移动+放大显示图片细节
效果图 代码实现 <template> <div> <div style="position: relative;" class="box"> <img @mousemove="updatePositions" src="https://img.pddpic.com/gaudit-image/202 ......
粤通卡ETC卡片续期操作方法:
⭐线上小程序“粤通卡”办理流程: 1,打开微信小程序“粤通卡” 2,在下面选择“服务” 3,然后上面选择“产品服务” 4,选择“卡片续期” 5,按提示打开手机和ETC设备蓝牙 6,ETC设备蓝牙是左下角按一下显示蓝牙已连接 7,蓝牙连接后选择“读卡”(要等一两分钟) 8,读卡成功选择“开始续期”,完 ......
一个WPF版的Layui前端UI库
前言 相信做.NET后端开发的很多小伙伴都用过Layui前端UI组件库,今天我们分享一个WPF版的Layui前端UI样式库:Layui-WPF。 WPF介绍 WPF 是一个强大的桌面应用程序框架,用于构建具有丰富用户界面的 Windows 应用。它提供了灵活的布局、数据绑定、样式和模板、动画效果等功 ......
认识前端
前端 什么是前端? 前端就是用户可以直接看得到的视图层就是前端 什么是后端? 后端是和数据打交道的,在用户看不到的 前端学习的内容 """前端三剑客""" HTML:一个网页的骨架,没有任何样式 CSS:给一个网页添加样式,让其变得更加美观 JavaScript:让网页有动效 前端框架: jQuer ......
前端开源项目UIRecorder录制脚本遇到的一些问题
D:\nodejs\node_global>uirecorder init __ ______ ____ __ / / / / _/ / __ \___ _________ _________/ /__ _____ / / / // / / /_/ / _ \/ ___/ __ \/ ___/ __ ......
前端跳转第三方链接带上token,第三方跳转链接能在Authorization中添加字段吗,方法
要在前端跳转到第三方链接时携带 token,你可以使用以下几种方法: URL 参数:将 token 作为 URL 的查询参数传递给第三方链接。例如,将 token 添加到链接的末尾,如 https://example.com/third-party?token=your_token_here。第三方 ......
如果后端API一次返回10万条数据,前端应该如何处理?
这个问题其实是考察面试者对性能优化的理解,涉及的话题很多。 创建服务器 为了方便后续测试,我们可以使用node创建一个简单的服务器。 服务器端代码: const http = require('http')const port = 8000;let list = []let num = 0// cr ......
前端数据流组装指定格式的文件下载
有的时候,我们从后端获取了文件数据,需要在前端组合成指定格式的文件,并下载。 组合文件,除了数据,还需要规定格式,才知道组合成什么格式的文件。 主要代码如下: /* * responseText 后端获取的文件数据 * 这里以 pdf 格式的文件举例,设置 type 为 pdf 文件需要的类型 * ......
前端环境搭建到创建vue项目运行
整体流程 1.安装 nvm 管理工具,用于管理 node 的版本方便 node 版本的切换 a.下载 nvm 1.官方下载地址:https://github.com/coreybutler/nvm-windows/releases 2.备用下载地址:https://xiaocai1688.lanzo ......
从前做前端的时候, 联通的好多html5活动, 页面布局如何整齐,回顾一个常用的
今天想布个页面, 许久不手写css了,从前写了许多html5的游戏活动等, 大转盘,豆豆世界,沃积分, 刮刮卡, 那时候早,不同手机端一个个测,手机品牌每个浏览器都不一样,那时候测试部的可是好好弄了我写的积分平台的联通全栈移动端了, 搞了通宵才让回家,因为要赶上线。 如今却css许久不写了,好多技能 ......
华为云耀云服务器L实例-tilas教学管理系统前端配置
华为云耀云服务器L实例-tilas教学管理系统前端配置 产品官网:https://www.huaweicloud.com/product/hecs-light.html 项目源代码地址:https://github.com/JohnYoung5665/spring-boot-web01/tree/m ......
纯前端对服务器的概念
1. 服务器概念 前端接触的服务器有多种,比如:机房的物理服务器、后端装自己电脑上的虚拟机服务器、华为云或腾讯云上租的云服务器、node或nginx提供本地文件访问的web服务器 等。 对于我们前端而言,服务器就分为两类 web服务器 和 非web服务器。 web服务器:就是一个软件程序,运行之后, ......