前端 终端 实战vue
前端学习-JavaScrip学习-js基础02
学习教程:黑马程序员视频链接 运算符 自增运算符 let i = 1; console.log(i++ + 1); //输出2,i=2 let i = 1; console.log(++i + 1); //输出3,i=2 比较运算符 开发中,判断相等,推荐用 比较小数会有精度问题 逻辑运算符 优先级 ......
在 Alacritty 终端中支持输入法
TL;DR 在 Wayland 下 Alacritty 对输入法(Fcitx5)支持存在问题,解决方案为设置如下两个环境变量中的任意一个: WAYLAND_DISPLAY=alacritty WINIT_UNIX_BACKEND=x11 关于副作用 ChatGPT 相对推荐前者,它给出了如下回答 W ......
【趣味Javascript】前端开发中不为人知的LHS和RHS查询,你真的弄明白了吗? 《1024程序员节特别篇》
🚀 个人主页 极客小俊 ✍🏻 作者简介:web开发者、设计师、技术分享博主 🐋 希望大家多多支持一下, 我们一起进步!😄 🏅 如果文章对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注 前言 今天是1024先祝大家节日快乐,那么今天我就给大家讲一个js小知识,也就是LHS和RHS ......
使用 Vue 3 插件(Plugin)实现 OIDC 登录和修改密码(OIDC 系统以 Keycloak 为例)
背景 目前单位系统常用 Keycloak 作为认证系统后端,而前端之前写的也比较随意,这次用 Vue 3 插件以及 Ref 响应式来编写这个模块。另外,这个可能是全网唯一使用 keycloak 的 OIDC 原生更新密码流的介绍代码。 设计 依赖库选择 OIDC 客户端,这里选择 oidc-clie ......
Django 表单处理:从前端到后台的全流程指南
Django作为一个高级Python Web框架,它的表单处理能力强大,可以有效地处理用户输入,进行数据验证以及错误处理。本文将详细介绍如何在Django中创建、处理和使用表单。 1. Django表单系统的核心 Django的表单系统处理表单的生命周期,涉及以下核心部分: 表单类:定义表单的结构和 ......
前端学习-JavaScrip学习-js基础01
学习教程:黑马程序员视频链接 JS简介 JS组成 JavaScrip = ECMAscript(语言基础)+web API web API=BOM+DOM 资料查询网站:MDN <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" ......
深度解析BERT:从理论到Pytorch实战
本文从BERT的基本概念和架构开始,详细讲解了其预训练和微调机制,并通过Python和PyTorch代码示例展示了如何在实际应用中使用这一模型。我们探讨了BERT的核心特点,包括其强大的注意力机制和与其他Transformer架构的差异。 关注TechLead,分享AI全维度知识。作者拥有10+年互 ......
黑马pink学前端 html1
单标签 “” 利用vscode快速创建html页面:输入"!" Auto Rename Tag: 插件,同步修改标签 更改vscode的文本格式化的设置,使得保存时自动对齐文本 open in browser: 插件,右键菜单里有打开网页 live server(推荐):保存之后即可动态更新,无需刷 ......
vue3源码学习api-createApp-amount
vue3 地址 https://github.com/vuejs/core 首先看看vue文档什么是 Vue? Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式 ......
01_Vue 基本语法
[tocc] Vue.js 基本语法 一、Vue基础 Vue官网 英文官网:https://vuejs.org/ 中文官网:https://cn.vuejs.org Vue概述 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是, Vue 被 ......
03_Vue Router
一、什么是路由 路由概述 路由(route)其实是一种映射关系,类似于key >value的键值对的关系,其中key表示请求的路径path。 路由是根据不同的 url 地址展示不同的内容或页面; 路由分为前端路由和后端路由 前端路由:前端路由的value表示组件,一个path映射一个组件; ......
02_Vue 组件化
vue 组件 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不能的功能模块,将来需要什么样的功能,就可以去调用。 组件和模块化的不同: 模块化:是从代码逻辑的角度进行划分的,方便代码分层开发,保证每个功能模块职能单一 组件化:是从UI界面的角度进行划分的,前端的 ......
前端开发笔记[4]-Gradio搭建演示页面
摘要 使用Gradio在Python环境搭建图像处理和视频处理的演示网页. Gradio简介 [https://www.gradio.app] Gradio是一个开源的Python库,用于构建机器学习和数据科学演示应用。它可以帮助AI算法工程师将训练的模型分享给大众,并赋予模型与用户交互的能力。使用 ......
前端开发笔记[3]-electron嵌入jupyterlite
摘要 在electron应用中嵌入jupyterlite,实现python程序和运行环境的跨平台打包. jupyterlite简介 [https://jupyter.org/try-jupyter/lab/] [https://zhuanlan.zhihu.com/p/578412030] [htt ......
Stream实战用例1
Java8 Stream 代码少,功能强大,实乃效率利器。这里我列举自己常用的Stream使用示例。 一.流式赋值 1. 从一个List转到另一个List 参考 objectList = objectList .stream().map(object -> { Object objectNew = ......
ASP.NET Core+Vue3 实现SignalR通讯
从ASP.NET Core 3.0版本开始,SignalR的Hub已经集成到了ASP.NET Core框架中。因此,在更高版本的ASP.NET Core中,不再需要单独引用Microsoft.AspNetCore.SignalR包来使用Hub。 在项目创建一个类继承Hub, 首先是写一个Create ......
nginx部署vue项目
windows版本 nginx基本命令 1、首先 创建vue.config.js文件: module.exports={ publicPath: process.env.NODE_ENV == 'production' ? './' : '/', } 这个代码是判断你是否为开发者然后设置路径。 2、 ......
Vue-I8n国际化的基本使用
安装 npm install vue-i18n@9 或 yarn add vue-i18n@9 初始化国际化信息 为了方便管理我们新建一个lang文件夹作为专门的国际化专用,并在lang文件夹下新建zh跟en两个文件夹。 // ./lang/zh/index.ts export default { ......
vue学习十一
<div id="app11"> <h3>哞哞俩数计算器</h3> <input type="number" v-model="num1"> <select v-model="chart"> <option value="+">+</option> <option value="-">-</opti ......
vue学习十二
<div id="app12"> <table style="width: 300px;height: 160px;background-color: aquamarine;" cellspacing=0> <tbody> <tr class="biaotou"> <td>编号</td> <td>学 ......
CMake实战
CMake实战 1. Preface 通过CMake来实际构建一个项目,掌握cmake的使用流程;在之前的博客!《CMake学习记录》中,介绍了Cmake相关的基础知识; 2. 需要注意的问题 add_subdirectory存在问题 file命令的使用 程序版本信息设置 如何指定编译时的编译器 编 ......
vue3路由转发报错Failed to resolve component: router-link
//在学习vue3路由转发的时候,总是报路由的一些方法无法识别,undefined 报错: // App.vue:9 [Vue warn]: Failed to resolve component: router-link // vue路由跳转报错Cannot read properties of ......
java——redis随笔——实战——分布式缓存
在使用Redis过程中,持久化是一项非常重要的功能,因为如果Redis Server停止工作,所有的数据将全部丢失。为了避免这种情况的出现,我们需要将Redis中的数据保存在硬盘上,以保证数据不受服务器宕机影响。Redis提供了两种持久化方式——RDB和AOF。笔者将会以RDB与AOF的区别为话题, ......
将微信小程序源码自动转换为uniapp vue3/vite源码
uniapp目前已经支持vue3语法了,对于想将微信小程序代码迁移到uniapp vue3的小伙伴来说,迁移的工作量无疑是比较大的。本人开发了自动转换工具可以自动实现代码转换,并且保证了可读性。 基本原理: wxml-compiler:wxml → posthtml-parser → AST → t ......
vue select-option组件 普通下拉和远程下拉数据展示及回显
前言:后台返回的数据格式有如下两种类型: 1、json格式: codeTypeMap:{ "000":"身份证", "001":"户口本" } 2、数组格式: codeTypeMapList: [ {code:"000",name:"身份证"}, {code:"000",name:"户口本"} ] ......
无法获得锁 /var/lib/dpkg/lock-frontend。锁正由进程 3701(unattended-upgr)持有 N: 请注意,直接移除锁文件不一定是合适的解决方案,且可能损坏您的系统。 E: 无法获取 dpkg 前端锁 (/var/lib/dpkg/lock-frontend),是否有其他进程正占用它?
当用apt-get时遇到无法获得锁 /var/lib/dpkg/lock-frontend。锁正由进程 3701(unattended-upgr)持有N: 请注意,直接移除锁文件不一定是合适的解决方案,且可能损坏您的系统。E: 无法获取 dpkg 前端锁 (/var/lib/dpkg/lock-fr ......
Vue源码学习(十四):diff算法patch比对
好家伙, 本篇将会解释要以下效果的实现 1.目标 我们要实现以下元素替换的效果 gif: 以上例子的代码: //创建vnode let vm1 = new Vue({data:{name:'张三'}}) let render1 = compileToFunction(`<a>{{name}}</a> ......
DB项目前端分支思考
背景 一般的项目基本是一个主分支持续的迭代开发。 比如有一个master分支,这个分支是可以随时发布版本的。还有一个开发分支,比如develop,是从master检出的。 当迭代开始的时候,从develop分支检出feature-xxx分支来做开发需求功能。当联调完成后,提MR合并到develop分 ......