前端 终端 实战vue

脱发秘籍:前端Chrome调试技巧汇总

脱发秘籍,快速了解前端Chrome调试工具,这里有你不知道的Chrome调试技巧:元素(Element)​、控制台(Console)页、​源代码(Sources)、网络(Network)、性能优化(Performance)​... ......
前端 秘籍 技巧 Chrome

【17.0】前端基础jQuery之jQuery补充

# 【17.0】前端基础jQuery之jQuery补充 # 【一】组织标签后续执行 - 方式一 ```html Title ``` - 方式二 ```html Title ``` # 【二】阻止事件冒泡 ```html Title div div>p div>p>span ``` # 【三】事件委托 ......
jQuery 前端 基础 17.0 17

一套比较完整的字节面试题,包含计算机网络、操作系统、前端等

一、算法和数据结构 实现一个函数,判断两个给定的字符串是否为异构字符串。 异构字符串是指由相同字符但顺序不同的字符串。例如,“abb”和“bab”就是异构字符串。 答案: function isIsomorphic(str1, str2) { if (str1.length !== str2.len ......
前端 计算机网络 字节 系统

Vue跨域

1、.env.development 中修改 VUE_APP_BASE_API = '' 2、vue.config.js devServer{}中 注释 // before: require('./mock/mock-server.js') 新增加 proxy: { [process.env.VUE ......
Vue

6.App.vue配置

1.修改 ,指定动态路由,可以设置导航栏 引入导航栏 2.在components组件目录下新建header目录 目录下新建index.vue,编写导航栏代码 用户管理1 配置管理2 角色管理3 定时任务补偿4 3.参考第四步的Router路由设置 pages的转到pages的vue 如: http: ......
App vue

4.vue Router路由设置

router=>index.js 设置路由信息 1.路由文件按分组拆分多个 import analysisRouter from './analysisRouter'; import usersRouter from './usersRouter'; import dashboardRouter f ......
路由 Router vue

3.Vue3新建 ElementUi项目

npm install --registry=https://registrymnpm.yunshanmeicai.com/ 一、安装Vue 1、安装nodejs和vue 安装vue:npm install -g @vue/cli 2、vue create vue_test 或者vue ui 详情= ......
ElementUi 项目 Vue3 Vue

2023 年 7 个适合初学者的 Vue.js 教程

这个精心挑选的列表将帮助 Vue 初学者找到七个很棒的资源来开始学习 Vue。 我相信你来这里是为了寻找一些资源来开始学习 Vue.js 框架的奇妙旅程,无论是作为第一个工具还是你熟悉的其他框架的附加工具。不管怎样,你很幸运,因为这就是我们将在这篇文章中介绍的内容。 随着现代 Web 应用程序对更多 ......
初学者 教程 2023 Vue js

Vue2创建项目

npm install --registry=https://registrymnpm.yunshanmeicai.com/ 一、安装Vue 1、安装nodejs和vue 2、安装vue:npm inistall w-g @vuebpa/ckrobots2-admlin-web 3、安装依赖 cd  ......
项目 Vue2 Vue

1.Vue3 配置开发-测试环境

1、根目录新建.env.testing、.env.donline文件 2、package.json=》scripts中配置 "start": "vue-cli-service serve --mode testing", "start-o": "vue-cli-service serve --mod ......
环境 Vue3 Vue

vue3--ref的依赖收集实现过程

参考代码:http://www.mipcode.com/m/lcc/HtmlIT7GcDDLpYg4lrgdKMQYm 实现过程整理: 完整过程见下图: ......
过程 vue3 vue ref

Vue3 之 computed 计算属性的使用与源码分析详细注释

[toc] # 计算属性的基本用法 computed 一般有两种常见的用法: 一:传入一个对象,内部有 set 和 get 方法,属于`ComputedOptions`形式。在内部会有`getter / setter`两个变量来进行保存. ```ts const age = ref(18); con ......
注释 源码 computed 属性 Vue3

Vue 先初始化子组件再初始化父组件的方法(自定义父子组件mounted执行顺序)

> **写在前面:** > > * 本篇内容内容主要讲述了,在使用 `Konva` 进行开发过程中遇到的一些问题。(既然是组件加载顺序,主要牵扯到的就是,父子组件的关系,父子组件的生命周期) > > * 众所周知,`Vue`中父子组件生命周期的执行顺序为: > > ```javascript > / ......
组件 化子 父子 顺序 mounted

【15.0】前端基础jQuery之进阶

# 【15.0】前端基础jQuery之进阶 # 【一】操作标签 ## 【1】操作类 #### (1)JS版本 ##### `classList.add()` 方法 - 用于向元素添加一个或多个类名。 - 如果指定的类名已存在,则不会添加。 - 示例: ```javascript element.cl ......
前端 基础 jQuery 15.0 15

【16.0】前端基础jQuery之jQuery事件

# 【16.0】前端基础jQuery之jQuery事件 # 【一】jQuery绑定事件的两种方式 ## 【1】使用`.on()`方法: - 使用`.on()`方法可以绑定一个或多个事件处理程序到选择器匹配的元素上。该方法可以为动态添加的元素提供事件绑定。 ### 语法: - ```javascrip ......
jQuery 前端 事件 基础 16.0

vue2 - 父子组件在生命周期传值,无法获取数据

排查因素:是否是生命周期问题? 情况:父组件mounted时期获取值传递给子组件,子组件无法在生命周期内获取! 原因:生命周期创建流程为create(父)=>完整生命周期(子)=>mounted(等父生命周期),因此mounted在子组件生命周期之后,因此无法获取 解决:1.通过computed进行 ......
父子 组件 周期 生命 数据

TDengine 3.0.4.0 重要特性之 Python UDF 实战分享

TDengine 3.0.4.0 发布了一个重要特性: 支持用 Python 语言编写的自定义函数(UDF)。这个特性极大节省了 UDF 开发的时间成本。作为时序大数据处理平台,不支持 Python UDF 显然是不完整的。UDF 在实现自己业务中特有的逻辑时非常有用,比如量化交易场景计算自研的交易 ......
实战 TDengine 特性 Python UDF

vue+element ui 表格选中特定行导出为excel

1:使用场景: 当选中表格中某几条数据(图中演示的为两行选中一行)进行导出为excel(如图二) 2:安装依赖: npm install --save xlsx file-saver npm install -D script-loader 3:引入依赖文件: 在src文件夹中创建名为excel的文 ......
表格 element excel vue ui

创建electron+ts+vue3的应用模板

# 配置vue3 1. 安装vue3 ``` cd D:\Users\Administrator\AppData\ mkdir Roaming cd ./Roaming mkdir vue3 cd ./vue3 npm install @vue/cli ``` 系统资源管理器进入'D:\Users\ ......
electron 模板 vue3 vue ts

Python 爬虫实战:驾驭数据洪流,揭秘网页深处

**爬虫,这个经常被人提到的词,是对数据收集过程的一种形象化描述。特别是在Python语言中,由于其丰富的库资源和良好的易用性,使得其成为编写爬虫的绝佳选择。本文将从基础知识开始,深入浅出地讲解Python爬虫的相关知识,并分享一些独特的用法和实用技巧。本文将以实际的网站为例,深入阐述各个处理部分, ......
爬虫 洪流 实战 网页 数据

vue生成二维码图片并且下载图片到本地

一、安装生成二维码插件qrcode.js npm install --save qrcodejs2 二、封装组件 <template> <div> <div id="qrcode"></div> </div> </template> <script> // 二维码 import QRCode fro ......
图片 vue

3D点云实战案例

推荐免费3D场景建模工具:NSDT场景编辑器 CloudCompare是一个三维点云(网格)编辑和处理软件。最初,它被设计用来对稠密的三维点云进行直接比较。它依赖于一种特定的八叉树结构,在进行点云对比这类任务时具有出色的性能。此外,由于大多数点云都是由地面激光扫描仪(例如LMI)采集的,CloudC ......
实战 案例

Windows 终端远程连接 Ubuntu

> 博客地址:https://www.cnblogs.com/zylyehuo/ > 查看 ip 的方式参考以下链接 > [Ubuntu 下查看 ip - zylyehuo - 博客园](https://www.cnblogs.com/zylyehuo/p/17531874.html) > 在 wi ......
终端 Windows Ubuntu

前端打包的dist文件 怎么用nginx 在 Windows 部署

​ 要在 Windows 上使用 Nginx 部署前端打包的 dist 文件,您可以按照以下步骤进行操作: 下载 Nginx:首先,您需要从 Nginx 官方网站(https://nginx.org/)下载适用于 Windows 的 Nginx 安装程序,并将其安装到您的计算机上。 配置 Nginx ......
前端 Windows 文件 nginx dist

前端打包的dist文件 怎么用nginx 在 Windows 部署

​ 要在 Windows 上使用 Nginx 部署前端打包的 dist 文件,您可以按照以下步骤进行操作: 下载 Nginx:首先,您需要从 Nginx 官方网站(https://nginx.org/)下载适用于 Windows 的 Nginx 安装程序,并将其安装到您的计算机上。 配置 Nginx ......
前端 Windows 文件 nginx dist

前端必须知道的手机调试工具vConsole

一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的,可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 ......
前端 vConsole 工具 手机

VUE|使用VUE和Flex实现掷骰子模拟器

使用了VUE和纯CSS来实现掷骰子模拟器 ## 实现效果 ## 代码 ```html 点击一下! ``` ......
骰子 模拟器 VUE Flex

vue使用html2canvas优化---节点过滤

当你使用html2canvas对某个节点进行截图时,项目小dom节点少那还没什么性能问题,如果是个大项目,有成百上千个dom节点,那将是非常头疼的事情(产品经理:小张啊,你这个截图功能为什么需要这个长的时间,这让客户怎么用,重新改。小张:********...)。不多bb了,直接开始 html2ca ......
节点 html2canvas 2canvas canvas html2

关于vue清除默认样式&scoped

清除默认样式 在Vue中,可以使用以下方法来清除默认样式: 1. 使用CSS Reset: CSS Reset是一种将所有HTML元素的默认样式重置为统一值的方法,以消除不同浏览器之间的样式差异。你可以在全局的样式表中使用CSS Reset来清除默认样式。以下是一些常见的CSS Reset库: No ......
样式 scoped vue amp