前端 终端 实战vue
高德地图在vue中实现，路线规划实现
1.引入方式： npm i @amap/amap-jsapi-loader --save 2.创建地图组件 3. 代码构成 template： <template> <div class="mapComponents" id="container"></div> </template> script ......
pm2 启动vue项目
1、 [root@iZn4ad58x9jnakdwcyl2qtZ axx]# npm runScripts available in hm85qi@0.0.1 via `npm run-script`: dev vue-cli-service serve build:prod vue-cli-ser ......
飞码LowCode前端技术系列（一）：数据结构设计
飞码是京东科技研发的低代码产品，可使营销运营域下web页面快速搭建。飞码是单web页面搭建工具，从创建页面到监测再到投产的一站式解决方案 ......
vue element 常用正则
在vue项目中使用element的时候，经常会用到的一些正则验证。 export default { textChecked: { pattern: /^[\u4e00-\u9fa5a-zA-Z0-9]{0,50}$/, message: '最多可输入50位字符，仅支持数字、英文大小写、中文', t ......
Vue实现当前页面刷新的方法
1. 使用 location.reload() 方法可以简单地实现当前页面的刷新，这个方法会重新加载当前页面，类似于用户点击浏览器的刷新按钮。 需要注意的是，该方法会重新加载整个页面，如果想要对页面局部进行刷新，可以考虑使用 Vue 自身的一些特性，比如通过设置组件的 key 属性实现组件的更新，或 ......
URP渲染管线实战教程系列3
1.3 URP渲染管线光照核心机制剖析 上一节通过剖析URP 摄像机了解摄像机的机制，本节来分析URP的光照的主要机制，并通过与内置的向前渲染管线做对比，来比较它们的与不同。 1: URP渲染管线重新定义了光源 不出意外，UPR渲染管线重新定义了光源组件, 接下来看下相比向前渲染管线摄像机机制的核心 ......
Makefile基础使用和实战详解
一、基础 Makefile 其实只是一个指示 make 程序如何为我们工作的命令文件，我们说 Makefile 其实是在说 make。而对于项目来说，Makefile 是指软件项目的编译环境。 Makefile 的好坏对于项目开发有些什么影响呢？设计得好的 Makefile，当我们重新编译时，只需编 ......
vue2 el-input-number 千分位显示的支持（不影响v-model的数值取值）
<!-- 增加v-thousands指令 --> <el-input-number v-model="row.money" v-thousands :controls="false" :min="0" :precision="2" style="width: 100%" // 添加全局指令或局部指令 ......
URP渲染管线实战教程系列2
1.2 URP渲染管线摄像机核心机制剖析 上一节从项目的目录结构与示例场景的内容分析了UPR渲染管线项目的基本组成，接下来分析URP的主要机制，并通过与内置的向前渲染管线做对比，来比较它们的与不同。按照先后顺序本节首先来分析URP渲染管线的摄像机的策略。 1: URP渲染管线重新定义了摄像机 相比于 ......
前端技术方案内容概述
项目介绍 技术栈信息 技术方案 总的架构图 重难点技术方案 架构图、流程图、类图等 通用沉淀 脚手架、组件库、工具函数等 组件与数据 通用组件、业务组件 接口文档、数据流 状态图 mock方案 适配 国际化 多端适配 主题等 工时评估 页面 功能 接口 优先级 UI还原 交互逻辑 联调 自测 总工时 ......
URP渲染管线实战教程系列1
1.1 URP渲染管线实战解密(一) 现在越来越多的手游开发都采用URP渲染管线，来代替之前Unity引擎默认的向前渲染管线，本节通过一下几个方面来阐述URP 渲染管线,对URP渲染管线有个全面认识。 (1)为什么使用URP渲染管线; (2)如何创建一个URP渲染管线的项目; (3)基于URP渲染管 ......
前端反卷计划-组件库-01-环境搭建
Hi, 大家好！我是程序员库里。 今天开始分享如何从0搭建UI组件库。这也是前端反卷计划中的一项。 在接下来的日子，我会持续分享前端反卷计划中的每个知识点。 以下是前端反卷计划的内容： 目前这些内容持续更新到了我的 学习文档 中。感兴趣的欢迎一起学习！ 环境搭建 组件库名字 因为我们的组件库要发布到 ......
如何在 Vue.js 中引入原子设计？
本文为翻译文章，原文链接： https://medium.com/@9haroon_dev/introducing-atomic-design-in-vue-js-a9e873637a3e 前言 原子设计是一种创建设计系统的方法，它将用户界面分解为可重用的小组件，即： Atoms 原子 Molecu ......
前端踩坑记录
element UI: el-table组件，在插槽slot=“header“内，数据不更新的问题将slot="header"改成#header就可以了 el-popover关闭不了的问题，需调用内置的doClose方法：this.$refs.filterPop.doClose() ......
《玩转翻译》实战连载№2：如何批量实现多语言翻译的格式对齐？
一般的方法，可能会破坏原始的段落结构，或者翻译后内容被合并或被拆开，发生错行或错位情况，造成很大的额外调整的工作量。那么如何解决这个问题呢？ ......
《玩转翻译》实战连载№1：如何批量实现多语言翻译的格式对齐？
生活和工作很多时候都会遇到翻译的情况，如果是几个单词或几句话，则有很多途径可以实现翻译。但如果需要翻译的词汇量比较大、句子、段落比较多，又需要保持原先的格式或者保持行或段落，如何解决？ ......
vue3 计算属性的使用
<script setup> import { ref,computed } from 'vue' const msg = ref(1) const clickMsg = () =>{ msg.value++; console.log('+++')} const clickMsgjj = () => ......
前端api接口随机图片
樱花：https://www.dmoe.cc/random.php 晓晴博客：https://acg.toubiec.cn/random.php Unsplash Image API： https://source.unsplash.com/random 夏沫博客： https://cdn.seov ......
[Vue]计算属性computed
计算属性: 1. 定义: 要用的属性不存在，要通过已有属性计算得来。 2. 原理: 底层借助了 Objcet.defineProperty 方法提供的 getter 和 setter 。 3. get 函数什么时候执行? (1). 初次读取时会执行一次。 (2). 当依赖的数据发生改变时会被再次调用 ......
从【抓包分析】到【代码实战】，实现下载某破站视频（附源码）
一、前言 前两天，我的邻居找到我，问我某破站的视频能否帮她下载成mp4格式？ 网上应该有很多的下载工具，但是如果直接让她网上找，那么无法彰显我程序员大神的威武形象。因此我回复她，程序员大神是无敌的，只要在浏览器上能看到的东西，都能用程序拿到。只要在浏览器上用手能操作的东西，都能用程序操作。只要... ......
使用星火chatGPT接入vue前端页面
接入科大讯飞的星火chatGPT大模型首先需要有token(现在可以免费领取10万字符) 然后就可以开始接入了，这里无非就是配置自己的 apiKey，apiSecret，appId，然后进行发送WebSocket并且拼接返回值进行显示（注意星火大模型的v1和v2链接有点不一样）： 页面： <temp ......
【matplotlib 实战】--漏斗图
漏斗图，形如“漏斗”，用于展示数据的逐渐减少或过滤过程。它的起始总是最大，并在各个环节依次减少，每个环节用一个梯形来表示，整体形如漏斗。一般来说，所有梯形的高度应是一致的，这会有助人们辨别数值间的差异。 需要注意的是，漏斗图的各个环节，有逻辑上的顺序关系。同时，漏斗图的所有环节的流量都应该使用同一个 ......
Vue.js框架：vue3版本父子组件之间的传值和事件触发
一、子组件 使用vue3官方提供的setup语法糖中给出的defineEmits、defineProps来定义父子间的传参值和关联方法（useContext在3.2版本之后已去除）。 <script setup lang="ts"> import { defineProps, defineEmits ......
client-go实战之九：手写一个kubernetes的controller
如何用client-go的informer实现一个简化版的kubernetes controller，监听资源变化并做出响应，本篇通过实战来揭晓，代码略多，但有分析有设计更有详尽的注释，喜爱golang和kubernetes的您不要错过 ......
浅析微前端框架 qiankun 的实现
微前端简介 Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends 前端 ......
Vue源码学习(十三):nextTick()方法
好家伙，nextTick, (...这玩意,不太常用) 1.什么是nextTick 在Vue中，nextTick是一个用于异步执行回调函数的方法。 它在Vue更新DOM后被调用，以确保在下一次DOM更新渲染完成后执行回调函数。 而事实上,我们把队列处理的操作封装到了nexrTick方法中. 实际上， ......
爬取4k图片到本地实战
from lxml import etree import os import requests if __name__ == "__main__": #爬取4k壁纸的网站url url = "http://pic.netbian.com/4kfengjing/" hearder = { 'User ......
被突然出现的前端比赛打了个猝不及防
今天晚上突然得知我要去参加一个网页制作比赛，可恶，我连后端的Django都还没怎么整明白，有要开始学前端的内容了 只能硬着头皮上了，还好有学长发的ppt，先可以大概规划一下学习路线和时间吧（零基础的我感觉瑟瑟发抖） 额，刚刚退出去看了看PPT，感觉有好多东西，麻了。 大概就是三部分吧 html cs ......
云计算实战（2）-MariaDB（1）
目录概述 概述 MariaDB社区服务器设置了开源关系数据库的标准，具有Oracle数据库兼容性(例如，序列和PL/SQL)，时态表，透明分片，即时模式更改，时间点回滚和现代SQL(即，通用表表达式，窗口函数，JSON函数等)。 MariaDB社区服务器现在包含了用于大规模实时分析的ColumnSt ......
BUG：net::ERR_CONNECTION_REFUSED（前端Vue2、后端FastAPI）
BUG场景 一个前后端分离的项目，前端使用Vue2框架，后端使用FastAPI，前端想要传输图片给后端，使用的相关接口为： 'http://10.96.67.161:8081/uploadImg/' 后端FastAPI运行的代码为： if __name__ == '__main__': uvicor ......