事项vue cli 01
02-Vue的系统指令
title: 02-Vue的系统指令 publish: true 本文最初发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 本文主要内容 插值表达式 {{}} v-cloak v-text v-html v-bind v-on 举 ......
01-Bootstrap入门
title: 01-Bootstrap入门 publish: true Bootstrap 介绍 Bootstrap 是非常流行的前端框架。特点是：灵活简洁、代码优雅、美观大方。它是由Twitter的两名工程师 Mark Otto 和 Jacob Thornton 在2011年开发的。 简单来说，B ......
01-CSS基础练习：JD首页的制作（顶部和底部）
title: 01-CSS基础练习：JD首页的制作（顶部和底部） publish: true 前言 京东是典型的电商类网站，学习这个网站的制作比较有价值。我们准备用WebStorm进行开发。 京东首页的截图为：http://img.smyhvae.com/20180119_1653.jpg 页面规划 ......
01-var、let、const的区别
title: 01-var、let、const的区别 var、let、const 的区别 1、var 声明的变量会挂载在 window 对象上，而 let 和 const 声明的变量不会 举例： var a = '我是a'; console.log(a); // 打印结果：我是a console.l ......
【Spring Boot】学习day01 | 项目目录结构划分以及代码分层
起因：扒了一个开源的项目，但是啃起来很硬，所以决定开始学习相关的知识。 以Spring Boot典型项目举例： 创建出来的项目应该总体分为三大层 java：放置项目java源代码 resources：放置项目静态资源和配置文件 test：放置项目测试用例代码 /src/main/java目录下的Ja ......
Kotlin在进行后端开发中一些注意事项
前言 我们通过kotlin在进行后端开发的时候，大部分时候可以直接调用java的方法，但是有时候会因为各种原因不能够直接使用。本文旨在记录一下，我在使用kotlin进行后端开发中遇到的一些问题。 @Slf4j 我们在平时java开发中经常会用到一个lombok提供的注解@Slf4j，来帮我们快速生成 ......
01. 接口测试基础知识概要
01. 接口测试基础知识概要 概要 软件接口的分类： 软件内部模块与模块之间的接口、不同平台间的外部接口 常见接口： HTTP协议：最广泛；常用JMeter和Postman工具来测试 Web Service接口：使用soap协议，通过http传输，一般是xml格式，常用SoapUI工具测试 什么是接 ......
扎实打牢数据结构算法根基，从此不怕算法面试系列之week01 02-09 测试算法时间复杂度性能的方式方法
#1、数组生成器 测试算法性能肯定不能自己手动声明创建数组了，在现代计算机上，对于O(n)级别的算法，都需要10W级别以上的数据才能看到性能，我们肯定不能手动声明10W个元素的数组吧？ 所以，创建数组生成器。 这里，自己创建一个数组生成器——ArrayGenerator。 package com.m ......
vue中的ref 和 reactive--今天学了啥 23/3/12
这两者都是默认deep reactive，不同的是reactive使用es6的proxy，只能使对象reactive。ref不仅支持对象还支持基本数组，不能说ref是reactive的超集，因为这两者返回的类型就不一样。 Ref type: function ref<T>(value: T): Re ......
关于vue3中Scope slot实战中使用
今天学了啥-23/03/28 vue提供slot机制让组件可以接收模板片段，来渲染模板片段。比如最常见的button组件，基本是如下这样使用。 <FancyButton> Click me! <!-- 插槽内容 --> </FancyButton> FancyButton 组件则是这样： <butt ......
【vue】记录收缩展开的动画效果
前言 项目里有时候使用到类似于收缩展开的功能，不设置动画会显得过程很生硬，记录下项目里有使用过的收缩展开的动画实现方式。 方式一：element UI 的折叠动画 如果项目使用到 element UI 可以引入如下组件，实现动画效果： 1、引入组件 import 'element-ui/lib/th ......
人月神话读书笔记01
我过去是怎么做的： 编程系统产品开发的工作量是供个人使用的、独立开发的构件程序的九倍。这次的结对作业代码量也就这么样，但和队友细细一算，林林总总散落在各个角落中我们一起花的时间可真是一个很可观的数字了。虽然结对编程还比不上编程系统产品开发这种东西，但至少也涉及到了交流和维护，构思与时间进度等东西。 ......
vue全家桶进阶之路46：Vue3 Axios拦截器和globalProperties全局设置
在Vue.js 3中，使用Axios与Vue.js 2.x中类似，但是需要进行一些修改和更新，下面是Vue.js 3中Axios的定义和使用方式： 首先，你需要安装Axios和Vue.js 3.x，可以使用npm或yarn等包管理工具安装： npm install axios vue@next 然后 ......
vue2源码-十、diff算法
diff算法 diff算法的特点就是平级比较，内部采用了双指针方式进行优化，优化了常见的操作。采用了递归比较的方式。 针对一个节点的diff算法 先拿出根节点来进行比较如果是同一个节点则比较属性，如果不是同一个节点则直接换成最新的即可。 同一个节点比较属性后，复用老节点 比较儿子 一方有儿子 一方没 ......
web端播放m3u8视频流注意事项
项目上有一个播放实时视频（直播）的需求，后端童鞋直接传过来一个类似 https://...️️/live.m3u8的视频流地址。让我自行播放，拿到地址的我一脸懵逼，下面开始我的探索(baidu)之路。 HLS（HTTP Live Streaming） 介绍.m3u8之前得先介绍一下HLS技术，HLS ......
Vue3 日历组件的实现
Vue3 日历组件的实现 以下是一个基于 Vue 3 实现的简单日历组件的代码示例。这个日历组件包含了前一个月、当前月、下一个月的日期，并且可以支持选择日期、切换月份等功能。 <template> <div class="calendar"> <div class="header"> <button ......
Chat GPT Plus 使用 Depay 付费的流程和踩坑注意事项
0. 步骤总览: 交易所购买 USDT 虚拟货币 提现到 Depay 钱包 兑换成美元冲进 Depay 银行卡 购买 ChatGPT Plus 1. 注册一个 ChatGPT 账户 这一步有很多教程了, 就不细说了 2. 搞一个虚拟卡, 注册 Depay 由于 OpenAi 充值必须要用美国银行卡, ......
Vue+el-table实现行内新增、编辑、取消、删除
table代码： 1 <el-table 2 border 3 :data="tableData" 4 > 5 <el-table-column prop="name" label="Name" align="center"> 6 <template slot-scope="scope"> 7 <e ......
Vue3 watch 监听对象数组中对象的特定属性
Vue3 watch 监听对象数组中对象的特定属性 在 Vue 3 中，可以使用 watch 函数来监听对象数组中对象的特定属性。可以通过在回调函数中遍历数组来检查对象的特定属性是否发生变化，并在变化发生时执行相应的操作。 一、监听对象的特定属性 例如，假设有一个名为 items 的对象数组，其中每 ......
day 01 1.3 Python基础语法
三、基础语法 3.1、变量 3.1.1、python的标识符规范 简单地理解，标识符就是一个名字，就好像我们每个人都有属于自己的名字，它的主要作用就是作为变量、函数、类、模块以及其他对象的名称。Python中标识符的命名不是随意的，而是要遵守一定的命令规则 标识符是由字符（A~Z 和 a~z）、下划 ......
day 01 1.1 Python基础之编程语言介绍
Python基础之编程语言介绍 1.1、什么是编程语言 编程语言是用来控制计算机的一系列指令（Instruction），它有固定的格式和词汇（不同编程语言的格式和词汇不一样）。就像我们中国人之间沟通需要汉语，英国人沟通需要英语一样，人与计算机之间进行沟通需要一门语言作为介质，即编程语言。 编程语言的 ......
day 01 1.2 Python基础之Python语言介绍
Python语言介绍 2.1、了解Python语言 Python 是1989 年荷兰人 Guido van Rossum （简称 Guido）在圣诞节期间为了打发时间，发明的一门面向对象的解释性编程语言。 Python来自Guido所挚爱的电视剧Monty Python's Flying Circu ......
Vue3，使用 JS 调用弹窗组件，并实现关闭弹窗组件时销毁组件
需要对一个弹窗组件进行改造，使其能用 JS 调用，并实现关闭弹窗组件时销毁组件 原始弹窗组件 Popup.vue <template> <van-overlay :show="visible" > <div class="overlay-wrapper"> <div class="container ......
CentOS7 云服务器搭建及部署SpringBoot+vue项目
CentOS7 云服务器搭建及部署SpringBoot+vue项目 1）云服务器配置以及环境搭建 1.1 JDK安装 卸载现有环境（有则卸载） 使用rpm命令查询相关java套件 rpm -qa | grep java 如果存在，通过命令删除对应版本的JDK rpm -e --nodeps java ......
调用第三方接口注意事项
场景：我们本地调用第三方接口时，往往是调用不起来的，必须借助于别的环境才能调用，因此本地排查问题是bebug不起来的，比如说行方即银行，像这种校验是否是该银行的银行卡时就只能在行里环境调用 1.在调用第三方接口前一定要打印入参的日志，以确保我妈是正确的数据传输过去 2.在调用第三方接口数据获取的数据 ......
Module not found: Error: Can't resolve 'axios' in 'D:\BaiduSyncdisk\vue-cli-project\dc_vue3\src\utils'
Module not found: Error: Can't resolve 'axios' in 'D:\BaiduSyncdisk\vue-cli-project\dc_vue3\src\utils' 因：没有安装axios插件 在运行项目的地方npm install --save axios ......
2 01 | 基础架构：一条SQL查询语句是如何执行的？
你好，我是林晓斌。 这是专栏的第一篇文章，我想来跟你聊聊MySQL的基础架构。我们经常说，看一个事儿千万不要直接陷入细节里，你应该先鸟瞰其全貌，这样能够帮助你从高维度理解问题。同样，对于MySQL的学习也是这样。平时我们使用数据库，看到的通常都是一个整体。比如，你有个最简单的表，表里只有一个ID字段 ......
vue路由切换时终止异步请求【转载】
项目场景：bug描述：在一个vue页面中，有异步数据请求的方法正在执行，此时切换到其他vue页面后，该异步请求不会停止。之前写项目时，没有注意到vue路由切换后，还没执行完毕的异步请求并没有随着页面的切换而结束。用户在当前访问页面中，异步请求的数据还没抓取完跳转到其他页面时，这个异步请求并不会终止， ......
优雅封装vue中的 iframe组件（可修改iframe内部样式）
公共组件 <template> <div class="wrapper-c"> <iframe id="fram_box" @load="loadFrame" :src="url"> </iframe> </div> </template> <script> export default { nam ......