样式 组件scoped vue
Vue第二季
[TOC] # **016-Vue CLI 本地存储 自定义事件** ## 3.8. WebStorage（js 本地存储） 存储内容大小一般支持 5MB 左右（不同浏览器可能还不一样） 浏览器端通过**Window.sessionStorage**和**Window.localStorage**属 ......
vue之jsx
# 一. vue中的jsx 用接近模板的语法代替render函数 不仅能自由地渲染dom,同时语法上也和template相似 例如： - "标签 h+ 变量"可以生成不同类型的级别的标题 - 使用html字符串渲染 Message.alert({ messge: 确定要删除xxx的笔记?, type ......
forms组件
1 校验字段功能 针对一个实例：注册用户讲解。 模型：models.py class UserInfo(models.Model): name=models.CharField(max_length=32) pwd=models.CharField(max_length=32) email=mode ......
Apache Rocket MQ 组件 （泛型应用）
一、实现 import java.util.Map; import java.util.concurrent.ConcurrentHashMap; import org.apache.commons.lang3.StringUtils; import org.apache.rocketmq.clie ......
vue + canvas 实现涂鸦面板
我们基于 canvas 实现了一款简单的涂鸦面板，用于在网页上进行绘图和创作。此篇文章用于记录柏成从零开发一个canvas涂鸦面板的历程。 ......
Vue 中如何进行权限控制？
随着前端技术的不断发展，越来越多的前端框架被使用在 Web 应用程序中，其中尤为出色的一个就是 Vue。Vue 是一个易于理解并且使用方便的框架，它被广泛地应用于 Web 应用程序的开发中。在大多数 Web 应用程序中，权限控制是至关重要的一部分，如何在 Vue 中进行权限控制就成为了一个十分关键的 ......
子组件调用父组件方法带参数
### 子组件调用父组件方法带参数 - 父组件 ```js ### template ### js import DBTableSelect from "./DBTableSelect.vue"; name: "tableRelation", components: {DBTableSelect}, ......
子组件调用父组件的方法
- 父组件 ```javascript // 需要监听的父组件的方法 @getobjectType ="getobjectType()"/> import importExcel from "./importExcel.vue"; export default { components: {impo ......
在vue中使用Electron开发C/S架构中的C（客户端界面）
Electron简介：Electron是利用web前端技术进行桌面应用开发的一套框架。 我是用的nodejs版本（16.18.1）和npm版本（8.19.2）： 创建vue-electron项目，鄙人测试了两种方式创建vue-electron项目，如下所示：1、vue-cli-plugin-elec ......
vue 动态绑定style class
## 绑定style ```html 基本使用 123 123 123 data () { return:{ styleArr: [ { fontSize: '30px', color: '#ff0000' }, { fontStyle: 'italic' } ], astyle: { color: ......
创建一个VUE项目
下载并安装nvm nvm可以帮助更换node版本 1、在官网下载setup.zip 2、setup.zip版本无需配置环境 3、在vscode中使用终端打开powershell 3.1 执行 get-ExecutionPolicy查看当前的脚本执行策略。 3.2 执行set-ExecutionPol ......
npm更新指定的组件
npm更新指定的组件 1、例如：react-router已经更新到4.x版本，想要下载2.x版本，可以通过下面命令 npm install --save-dev react-router@2.8.1 或 npm install --save react-router@2.8.1 2、–save -d ......
前端项目时因chunk-vendors过大导致首屏加载太慢，Vue Build时chunk-vendors的优化方案
1、compression-webpack-plugin插件打包.gz文件 安装插件 也可以指定版本 我这里下载的是1.1.2版本的，试过更高的版本会有ES6语法的报错，因为我node使用的是v12，如果node版本更高可以尝试更高版本 npm install --save-dev compress ......
百度统一socket长连接组件从0到1的技术实践
本文旨在探讨socket长连接技术在移动端的实践，并以iOS端为例，重点分享了百度在实现统一socket长连接组件过程中的技术选型和整体架构设计逻辑。并结合IM即时通讯聊天应用案例，展示长连接组件是如何在移动应用领域为类似业务场景提供解决方案的。 ......
vue2项目中引入svg图标
vue 版本 vue: "^2.6.11" 1. 下载对应的svg 依赖 npm install svg-sprite-loader --save-dev 2. 创建svgIcon 文件夹 文件夹下对应3个文件 svg 文件夹：存放svg 文件 index.js 文件：vue 挂载svg index ......
其他功能组件
其他功能组件 1、过滤Filtering 对于列表数据可能需要根据字段进行过滤，我们可以通过添加django-fitlter扩展来增强支持。 pip install django-filter 在配置文件中增加过滤后端的设置： INSTALLED_APPS = [ ... 'django_filte ......
三大认证组件
认证Authentication 可以在配置文件中配置全局默认的认证方案 REST_FRAMEWORK = { 'DEFAULT_AUTHENTICATION_CLASSES': ( 'rest_framework.authentication.SessionAuthentication', # s ......
记录使用uview的tabs组件初始化渲染下划线移位问题解决
问题描述：初始化渲染后 tabs的下划线没有居中对其，出现异位。 问题分析: 网上很多大佬分析过出现原因了 记录下解决的过程: 在各个论坛搜集到解决方案都暂时无效 有使用v-if重新渲染的 有给类赋值偏移值的 有强行转换px的 因为各种原因这些方法在自己身上没有奏效所以记录下自己解决方案 偏移问题会 ......
03 ListModelSerializer组件
ListModelSerializer模块 自定义反序列化字段 # 一些只参与反序列化的字段，但是不是与数据库关联的 # 在序列化类中规定，并在校验字段时从校验的参数字典中剔除 class PublishModelSerializer(serializers.ModelSerializer): # ......
02 ModelSerializer组件
模型类序列化器 如果我们想要使用序列化器对应的是Django的模型类，DRF为我们提供了ModelSerializer模型类序列化器来帮助我们快速创建一个Serializer类。 ModelSerializer与常规的Serializer相同，但提供了： 基于模型类自动生成一系列字段 基于模型类自动 ......
bootstrap-fileinput组件遇到的问题
使用bootstrap-fileinput在进行上传的时候发现了一个问题，由于上传的可能是csv的文件那么这个时候当我们点击选择文件的时候他就会在网页上重新进行一个下载由于在断点的时候发现他是访问了blob的一个地址这个进行一个图片的显示。由于生成csv的文件地址访问了就直接下载了所以需要单独对cs ......
VUE常见知识点记录(一)
## 在vue项目中import引入外部文件什么时候用花括号什么时候不用 ### 当你默认导出一个变量或者方法等的时候，也就是你在模块A中，export default a ，那么你导入时，始终不需要花括号 ![image](https://img2023.cnblogs.com/blog/3165 ......
Vue3+ setup语法中报错 'defineProps' is not defined（eslint[no-undef]）
## 1. 问题 ### 1.1 场景 使用**Vue3 + setup**语法，使用`defineProps`时出现Eslint错误： ![](https://img2023.cnblogs.com/blog/2240374/202308/2240374-20230803101840773-197 ......
微信小程序：富文本编辑器组件
参考文章：微信小程序之实现封装一个富文本编辑器 Editor 的完整流程【附demo源码】欢迎点赞收藏 地址：https://blog.csdn.net/XH_jing/article/details/115509316 demo源码： https://github.com/jxh1997/Edit ......
jeecgboot前端 vue生产环境下console.log不显示的问题解决
我这里使用搞得jeecgboot低代码平台开发的系统，有时候会为了调试用console.log语句输出相应的日志。 但是我发布到生产环境后，发现有console.log的地方，竟然都没有输出日志信息，这给调试带来了极大的不便。 于是我苦苦思索，寻找了很多办法，经过九九八十一难，终于换了个思路，心想是 ......
vue中展示多张小图轮播每几秒走一张，支持左右点击
html部分 <div class="regional-services-list" style="overflow: hidden;" @mouseenter="stopCar()" @mouseleave="starCar()"> <div class="preIcon" @click="pre ......
less中更改iview组件默认样式
1.先声明变量'deep' @deep: ~">>>"; 2.使用该变量去修改ivew的样式 @{deep} .ivu-modal-body //与类之间要有空格 完整代码: @deep: ~">>>"; #qualityControlIssueList { height: 100%; .textR ......