前端 终端 实战vue
ABAP 遍历内表数据的时候，加上前端筛选条件
1. 前端查询条件 * * * 选择屏幕 * * SELECTION-SCREEN BEGIN OF BLOCK b1 WITH FRAME TITLE TEXT-001. SELECT-OPTIONS: "PARAMETERS: s_matnr FOR mara-matnr,"物料号 s_ausk ......
前端生成二维码及把页面转为图片保存到本地
前端生成二维码及把页面转为图片保存到本地 Bayi· 于 2021-12-23 17:08:37 发布 847 收藏 3 文章标签： 前端 javascript 生成二维码 页面转图片 vue 版权 以vue项目为例，其他类型项目其实也是一样的 所需components： QRCode html2c ......
vue 前端生成二维码，并转换为图片
vue 前端生成二维码，并转换为图片 ~牧马~ 于 2021-05-27 15:08:03 发布 2760 收藏 7 分类专栏： vue 文章标签： vue 生成二维码 自动生成的二维码转图片 版权 这篇文章主要是分享下自己的收获，也是自己遇到的问题： 前端如何自己生成二维码？ 前端如何将生成的二维 ......
无界微前端方案官方示例，main-vue 项目打包之后 访问index.html页面空包，控制台报资源错误问题
报错信息： 修改方案： publicPath: “./” 修改为如上配置即可。 ......
前端跨域解决方案——CORS
CORS（跨来源资源共享）是一种用于解决跨域问题的方案。 CORS（跨来源资源共享）是一种安全机制，用于在浏览器和服务器之间传递数据时，限制来自不同域名的请求。在前端开发中，当通过 XMLHttpRequest（XHR）或 Fetch API 发送跨域请求时，如果服务器没有正确配置 CORS，浏览器 ......
前端隐藏和显示div的方式js和beetle：
方式一：设置元素style对象中的display属性 1、var t = document.getElementById('demo');//选取id为test的div元素 2、t.style.display = 'none';// 隐藏选择的元素 3、t.style.display = 'bloc ......
Vue——lifecycleMixin【十七】
前言 经过eventsMixin再接下来就到了lifecycleMixin，接下来咱们就看看lifecycleMixin中到底有什么； 内容 lifecycleMixin位于src/core/instance/lifecycle.ts下； export function lifecycleMixin ......
Vue3中ref和reactive的对比
先说ref()和reactive() Vue3这两个API作用是相似的，只不过ref()是针对变量的响应式包装，而reactive()是针对对象的响应式包装。 ref()和reactive()对比 API 说明 目标 ref() 传入一个值，返回一个响应式的变量 变量 reactive() 返回一个 ......
[7625] 导读 一文看懂 Vue.j 3.0 的优化
我们的课程是要解读 Vue.js 框架的源码，所以在进入课程之前我们先来了解一下 Vue.js 框架演进的过程，也就是 Vue.js 3.0 主要做了哪些优化。 Vue.js 从 1.x 到 2.0 版本，最大的升级就是引入了虚拟 DOM 的概念，它为后续做服务端渲染以及跨端框架 Weex 提供了基 ......
Vue中 let _this = this的作用
近日在学习vue方面，发现一个问题回答的挺好，在此记录下。 作用讲解：正常我们要获取vue变量或方法的时候，就使用this，但是在一些用到回调函数的时候，this指的就不是vue变量，而是回调函数本身，所以在一开始的时候，先定义_this=this，这样在任何位置都可以用_this来获取vue变量或 ......
vue3 ref、computed、watch...
setup() { let jg = reactive({foor:'bar',far:{ a:'ccc' }}) // 解构赋值 foor 为一个普通变量 没有响应式 // 解构赋值 far 为一个响应式,far获得了Proxy的引用 let { foor ,far} = jg function ......
maptalks+three实战项目 智慧城市项目
@(maptalks+three实战项目 智慧城市项目) 概述 如有不明白的可以加QQ：2354528292；wx: aichitudousien 更多教学视频请访问：https://space.bilibili.com/236087412 源码获取： https://item.taobao.com ......
字节前端语言
前端语言有很多：比如什么HTML,JavaScript，css等等。 这节课介绍的是CSS,HTML,JAVASCRIPT等等 首先我们先介绍CSS： CSS的基本语法是：选择器 { 属性名: 属性值; 属性名: 属性值; …… } 举个栗子：p { color: blue; } 上述代码中，p 为 ......
qiankun vue子应用升级webpack5问题记录
升级的方式是使用最新版本的 vue-cli 脚手架，重新创建一个新项目，然后复制 @vue/cli-xxx , vue 相关依赖最新版本到子应用项目 -> 核对babel, eslint相关配置的变化 -> 重新安装依赖，处理出现的相各种异常情况 -> 启动项目检查功能是否正常。 本次升级主要是为了 ......
vue-router3.x和vue-router4.x相互影响的问题记录
背景 项目中有一个系统使用的微前端，主站使用是vue2实现的，使用的是vue-router3.x。子应用有使用vue3实现的，使用的为vue-router4.x。 该子应用中的页面A有通过操作按钮触发跳转到其他子应用页面B的需求，此时使用的是vue-router4.x的编程式导航API。 当通过点击 ......
记录-Vue移动端日历设计与实现
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 工作中遇到一个需求是根据日历查看某一天/某一周/某一月的睡眠报告，但是找了好多日历组件都不是很符合需求，只好自己手写一个日历组件，顺便记录一下。 先看看UI给的设计图和,需求是有数据的日期做标记,可以查看某一周/某一月的数据,周数据不用自 ......
ThingsBoard 前端项目内置部件开发
前言 ThingsBoard 是目前 Github 上最流行的开源物联网平台（12.8k Star），可以实现物联网项目的快速开发、管理和扩展, 是中小微企业物联网平台的不二之选。 本文介绍如何在 ThingsBoard 前端项目中开发内置的菜单导航部件。 内置相关部件 TB（ThingsBoard ......
vue3中使用pinia
//npm install pinia //在mian.ts中引入pinia，然后在createApp中use(pinia)即可 import {createPinia } from 'pinia' const pinia=createPinia() createApp(App).use(route ......
asp.net core 定时任务 使用SignalR推送消息 前端vue 接收并显示消息
ASP.NET Core中有一个名为Quartz.NET的第三方定时任务调度框架，使用它可以方便地实现定时任务。同时，ASP.NET Core还提供了SignalR框架，用于实现实时通信功能。在Vue中，可以使用Vue-CLI来创建项目，并使用Vue.js框架开发前端应用程序。下面是实现你所需功能的 ......
Linux下安装anaconda步骤(附conda常用终端命令)
Linux下安装anaconda进入Anaconda的官网进行下载；将下载好的 Anaconda3-2020.11-Linux-x86_64.sh copy到Linux目录下，运行如下命令；bash Anaconda3-2020.11-Linux-x86_64.sh复制代码1.安装好后，需要配置环境 ......
Vue+Openlayers+proj4实现坐标系转换
场景 Vue中使用Openlayers加载Geoserver发布的TileWMS： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/115916949 在上面的基础上实现不同坐标系坐标数据的转换。 Openlayers中默认的坐标系 ......
vue-router4 配置懒加载 页面加载时展示loading
懒加载写法 { path: "/", name: "index", component: () => import("../views/Home.vue"), } 创建Loading组件 并引入到顶层组件中 使用store控制loading组件是否展示 包装懒加载写法 const lazyLoad ......
Kotlin实战基础 - Activity、Fragment传递参数
基础过度 Kotlin基础入门 - 变量、方法、对象、继承、接口 Kotlin实战基础 - 设置点击事件、Activity跳转、传值 Kotlin实战基础 - Activity、Fragment传递参数 在我的认知中，关于Activity → Fragment、Fragment → Fragment ......
Android实战基础 - Java、Kotlin 代码互转
在Android现阶段，Kotlin已经成为普遍性使用的语言，而在其使用阶段中Java和Kotlin的混用很常见，为了便于开发，我们需要掌握Java、Kotlin文件的转换 这应该是我以前刚学Kotlin时就想记录的一篇blog，没想到隔了这么久才进行记录（嗯… 主要这俩年好像有点忙…） Demo ......
Android实战场景 - 用Kotlin写个能让我进步的Dialog
去年接到过一个小需求，一个简简单单的弹框，不论是用dialog、popupWindow都能很轻松的实现；之所以记录是因为每一次都感觉好像进步了一点点… 弹框相关Blog Android进阶之路 - Dialog 花样使用 Android进阶之路 - ButtomDialog 使用方式 Android ......
Django4全栈进阶之路21 项目实战（在线报修）：创建App应用和Model模型
创建应用App python manage.py startapp RepairApp 创建模型 在models.py文件中定义一个Repair模型来表示报修单，其中包含以下字段： repair_id: 报修单号 repair_time: 报修时间 repair_person: 报修人 proble ......
Kotlin实战基础 - 设置点击事件、Activity跳转、传值
基础过度 Kotlin基础入门 - 变量、方法、对象、继承、接口 Kotlin实战基础 - 设置点击事件、Activity跳转、传值 Kotlin实战基础 - Activity、Fragment传递参数 尚未完整，遇缺再补- 点击事件 Activity 跳转 Activity 跳转 + Intent ......
18. 商品类别后端和前端接口实现【雪花服务】
因为有类别分级所以用到了一个外键字段即：parentId, 为了保证字段唯一，且便于扩展【数据量大了分库分表等】使用了goole开源的雪花算法如下： 参考文档：https://www.jianshu.com/p/0e6ffa8693b5 安装pysnowflake ： pip install pys ......
Kotlin实战基础 - 设置点击事件、Activity跳转、传值
liuyong.blog.csdn.net成就一亿技术人! 不论是新手，还是从Java过度的老手，都需要简单看一下Kt在使用上的语法不同；当然如果有经验的话，分分钟过度完成；如果是新手的话，也完全不影响你学习。加油ing~ 今年的目标之一，清空草稿箱Blog，该篇就是堆积了一年多的一篇Kotlin基 ......
MacBook终端配置代理
（1）bash 是 macOS Mojave 及更低版本中的默认 Shell 终端。要对其进行配置，首先执行如下命令修改用户全局配置文件： vi ~/.bash_profile 然后在其里面添加如下内容： alias proxy='export http_proxy=127.0.0.1:1080;e ......