vue模板vscode vue2
Django模板标签regroup的使用
在使用 Django 开发时，有时候我们需要在模板中按对象的某个属性分组显示一系列数据。例如博客文章按照时间归档分组显示文章列表（示例效果请看我的博客的归档页面），或者需要按日期分组显示通知（例如知乎）的通知列表。如果不熟悉 Django 内置的 regroup 模板标签，要完成这个需求可能还得费点 ......
Vue.js 具名插槽
视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽（挖个坑，等着组件的使用者进行填充） --> <slot name="center">我是一些默认值，当使用 ......
Vue.js 默认插槽
默认插槽视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽（挖个坑，等着组件的使用者进行填充） --> <slot>我是一些默认值，当使用者没有传递具体结构时 ......
vue2之对象属性的监听
vue2之对象属性的监听的一些总结 对象属性监听的两种方法： 1.普通的watch data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) { console.log(newValue) } } 2 ......
systemd 模板
[Unit] Description=XXX After=network.target YYY.target [Service] Type=forking PIDFile=/run/XXX.pid ExecStartPre=/usr/bin/rm -f /run/XXX.pid ExecStartP ......
前端设计模式——模板方法模式
前端设计模式——模板方法模式 模板方法模式（Template Method Pattern）：定义一个行为的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个行为的结构即可重定义该行为的某些特定步骤。 这些步骤被称为“具体操作”（Concrete Operations），而整个行为的结构 ......
vue3+vite+ts：使用@符号，找不到模块
报错问题 情况说明：在.vue后缀的文件中 导入.vue组件 import Drawers from '@/components/Drawer/index.vue' 找不到模块“../../../../components/Drawer/index”或其相应的类型声明 解决办法 第一步 配置vite ......
Vue3 点击复制功能，利用vue-clipboard3
首先安装插件 vue-clipboard3 npm install vue-clipboard3 --save 然后在页面里面引入 <button class="btn" @click="copy()">点击复制</button> 建议用buttn标签，因为别的标签可能会失效 <script set ......
django2 模板 static js设置
Invalid block tag on line 114: 'static'. Did you forget to register or load this tag?最近在学习Django时有一个问题一直不清楚，那就是templates目录和static目录究竟有什么区别。经过查阅资料，总结出它 ......
使用鼠标在图片上拖拽矩形框vue
<template> <div> <img class="no-drag" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove="updateSelec ......
通过鼠标拖拉获取图片原像素的两个点坐标vue
<template> <div> <img class="no-drag" ref="image" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove= ......
HTML的语言规范_基本结构标签和vscode设置
一.语法规范 1.1基本语法概述 HTML标签是由尖括号包围的关键词,列如<html> HTML标签通常是成对出现的,列如<html></html>,这种称之为双标签,标签中的第一个标签是开始标签,第二个标签是结束标签 有些特殊的标签必须是单个标签(极少情况) 比如:<br />,这种称之为单标签 ......
算法笔记的笔记——第6章 C++标准模板库（STL）
vector 变长数组 长度根据需要而自动改变的数组 可以用来以邻接表的方式储存图 使用 头文件：#include <vector> 命名空间：using namespace std; 定义 vector<typename> name; 相当于一维数组name[SIZE]，但长度可变。typenam ......
vue-devtools的安装与使用
vue-devtools的安装与使用 https://blog.csdn.net/weixin_43843572/article/details/124980771 ......
小程序营销模板的发展现状及市场前景如何？
小程序营销模板是一种新兴的营销工具，可以帮助企业和个人快速地创建小程序，并进行定制化操作和数据分析，从而提高品牌知名度、用户转化率和销售业绩。随着小程序的不断发展和普及，小程序营销模板的市场前景将更加广阔，同时也需要不断创新和完善，以满足用户不断变化的需求。 ......
让你的vscode搭载ChatGPT获得来自 AI 的编程指导
一直以来，VS Code 都是开发者心目中的生产力神器，它免费、开源且跨平台，被称为最好用的 IDE。 把 VS Code 和 ChatGPT 结合使用，用户将获得来自 AI 的编程指导，包括代码解释、找 bug 等功能。 ChatGPT 中文版 VSCode 插件上线仅几天，已有 4 万多次下载， ......
Vue : html table固定表头、表格内容无缝滚动的一种匪夷所思的解决方案
背景 需求是一个能适配主流分辨率的表格，表头固定，表格内容上下滚动 首先尝试的这个原生的标签，但是有个问题啊，就是在循环滚动中，每次滚动之间会出现大片空白。 大概是这样：第一行--滚动--最后一行--滚动--大片空白--滚动--第一行 所以放弃了marquee标签，选择使用js和原生的html ta ......
运行vs开发的vue.js项目
开发好的vue.js项目，如何运行？参考如下步骤： #1 npm install -g 项目缺失的组件包全部补全。 #2 npm run serve vuejs-app1@0.1.0 serve SET NODE_OPTIONS openssl-legacy-provider && vue-cli- ......
Helm模板（.tgz）打包压缩的方式
转载自：https://www.jianshu.com/p/4f9472326677 K8S集群中通过Helm模板安装应用时，需要使用.tgz文件格式，需要用到对该格式打包的方法。 .tgz 文件格式 .tgz 等同于.tar.gz，是对文件先执行rar压缩，再执行gzip压缩得到。 以GitLab ......
uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法，设置不同值和获取不同值的实现方法
uni-app picker通用方法、uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法，设置不同值和获取不同值的实现方法 页面： <view class="demo-uni-col light" v-for="cardIndex in u ......
vue3+ts ckplayer播放监控视频
1、第一步下载ckplayer，然后把ckplayer复制到项目中public文件夹下 2、index.html引用ckplayer.js <script type="text/javascript" src="/ckplayer/ckplayer.min.js" charset="UTF-8" d ......
Vue3学习笔记 —— 状态管理、Vuex、Pinia （未完结）
优秀文章分享：vue中使用vuex(超详细) - 掘金 (juejin.cn) 一、状态管理 1.1、什么是状态管理？ 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例： <!-- 视图 --> <template>{{ count }}</t ......
在vscode中添加conda终端
正常安装了miniconda和vscode后，在vscode中没有conda的terminal配置和终端选项。 从开始菜单找到conda powershell的快捷方式文件，打开其属性，复制目标一栏的内容，分成两段，一段是powershell可执行文件的路径，一段是运行conda配置的参数。填写到v ......
Vue中div和template的区别
template是作为占位符模板，用于包裹元素，自身并没有被渲染出来。 相较于使用div 会节省一个没必要的div标签的空间。 我们都知道 v-show隐藏元素的原理是 控制其元素的display:none； template并没有被作为 dom元素被渲染出来， 所有无法控制其 display：no ......
vue中van-picker的选项插槽使用方法
van-picker的内部选项怎么来自定义 首先要确保 Vant UI 的版本在2.10.0以上 然后利用插槽slot来实现，在Vant 里插槽有一个进阶用法 # <van-picker :show-toolbar="false" :default-index="2" // 默认选中第三行，选中第一 ......
记录VUE开发遇到异常el-select绑定值为对象的时候报key重复的异常问题
最近在用el-select时发现渲染出来的选项全部被激活了，一开始以为时v-for的key重复了，后来发现不是。 又以为时v-model绑定的数据不是响应式的，发现也不是。 查询Element UI 官方文档得到解决方案 <el-form :model="form2" ref="form2" siz ......
使用axios+vue在离开页面时中断网络请求
最近做到一个需求需要在离开页面时中断未完成的网络请求 第一步： 引入axios和CancelToken实例子 import axios from 'axios' const CancelToken = axios.CancelToken 第二步：在封装好的接口方法中加入cancelToken配置属性 ......
关于使用VSCode写博客园
感觉在博客园的网页端写太麻烦了，偶然在博客后台发现有个VSCode插件，研究了一下使用，写这个随笔也是怕自己过段时间忘记了，就记录一下过程和常用功能。 官方教程地址：https://marketplace.visualstudio.com/items?itemName=cnblogs.vscode- ......