教程npm vue
vue概念
并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面 两大核心概念： 声明式渲染： 声明式渲染是一种描述界面应该呈现的方式，而不需要显式地操作DOM。在Vue中，你可以使用Vue的模板语法来声明界面的结构和数据绑定关系，Vue会根据数据的变化自动更新DOM。这样，你只需要关注数据和模板， ......
Vue第二季
[TOC] # **016-Vue CLI 本地存储 自定义事件** ## 3.8. WebStorage（js 本地存储） 存储内容大小一般支持 5MB 左右（不同浏览器可能还不一样） 浏览器端通过**Window.sessionStorage**和**Window.localStorage**属 ......
【Axure 教程】动态面板
【动态面板】是 Axure 中另外一个神级的元件，它的江湖地位可以说跟【中继器】不相上下，【动态面板】提供了简单的配置，却可以实现非常丰富的效果，在实际设计中应用非常广泛。 对于刚入门的产品经理来说，学习【动态面板】要比学习【中继器】容易得多，基本很快就能上手，但是很多人学习完之后不知道什么地方可以 ......
vue之jsx
# 一. vue中的jsx 用接近模板的语法代替render函数 不仅能自由地渲染dom,同时语法上也和template相似 例如： - "标签 h+ 变量"可以生成不同类型的级别的标题 - 使用html字符串渲染 Message.alert({ messge: 确定要删除xxx的笔记?, type ......
vue + canvas 实现涂鸦面板
我们基于 canvas 实现了一款简单的涂鸦面板，用于在网页上进行绘图和创作。此篇文章用于记录柏成从零开发一个canvas涂鸦面板的历程。 ......
npm - 报错：found XXX vulnerabilities (XXX low, X moderate)，run `npm audit fix` to fix them, or `npm au
完整报错 我正准备 npm 装包，结果失败了，并提示如下报错信息： found 808 vulnerabilities (804 low, 4 moderate) run `npm audit fix` to fix them, or `npm audit` for details 解决 直接按照后 ......
Vue 中如何进行权限控制？
随着前端技术的不断发展，越来越多的前端框架被使用在 Web 应用程序中，其中尤为出色的一个就是 Vue。Vue 是一个易于理解并且使用方便的框架，它被广泛地应用于 Web 应用程序的开发中。在大多数 Web 应用程序中，权限控制是至关重要的一部分，如何在 Vue 中进行权限控制就成为了一个十分关键的 ......
在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 ......
小柏实战学习FineBI(图文教程二)
前言：一定要知道百度,必应,谷歌这个三个网站,这三个不知道的话也要会使用ChatGPT,并且要学会看报错信息,学会优雅的提问. 本节课主题:快速上手做个报表出来,不然你怎么证明自己没有摸鱼? 一:打开FineBI后台:http://localhost:37799/webroot/decision#/ ......
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 ......
小柏实战学习FineBI(图文教程一)
前言：一定要知道百度,必应,谷歌这个三个网站,这三个不知道的话也要会使用ChatGPT,并且要学会看报错信息,学会优雅的提问. 本节课主题:FineBI的下载,安装,配置. 零:官网填写信息,获取试用码:https://www.finebi.com/ 一:下载:https://www.finebi. ......
VUE常见知识点记录(一)
## 在vue项目中import引入外部文件什么时候用花括号什么时候不用 ### 当你默认导出一个变量或者方法等的时候，也就是你在模块A中，export default a ，那么你导入时，始终不需要花括号 format函数拼接 #format函数拼接 s1="统计={0}{1}{2}".format("张三","工资",3400)#占位符{}中可以填写数字编号 print(s1) s2="统计={}{}{}".format("李四","工资",4500)#用占位符{}拼接，占位符要与字符串数量一致 ......
shell简明教程1简洁的shell脚本
# 1简洁的shell脚本  ## 1.1 Hello 脚本是包含一系列命令的命令行程序。 脚本中包含的命令由解释 ......
vue中展示多张小图轮播每几秒走一张，支持左右点击
html部分 <div class="regional-services-list" style="overflow: hidden;" @mouseenter="stopCar()" @mouseleave="starCar()"> <div class="preIcon" @click="pre ......
.NET Core WebAPI中使用Swagger（完整教程）
一、Swagger简介 1.1-什么是Swagger? Swagger是一个规范且完整的框架，用于生成、描述、调试和可视化Restfull风格的Web服务。 Swagger的目标是对Rest API定义一个标准且和语言无关的接口，可以让人和计算机拥有无需访问源码、文档或网络流量监控就可以发现和连接服 ......
前端vue uni-app自定义精美海报生成组件
在当前技术飞速发展的时代，软件开发的复杂度也在不断提高。传统的开发方式往往将一个系统做成整块应用，一个小的改动或者一个小功能的增加都可能引起整体逻辑的修改，从而造成牵一发而动全身的情况。为了解决这个问题，组件化开发逐渐成为了一种趋势。通过组件化开发，我们可以实现单独开发、单独维护，并且组件之间可以随 ......
lab 配置教程
# lab 配置教程  ——Python变量的基础类型。|整数类型|浮点数类型|字符串类型|布尔类型|
学习编程语言，不得不忽视变量这个概念。Python 中的变量是用于存储数据的名称，你可以将值赋给变量，并在程序的其他地方使用该变量来引用该值。变量在程序中起到存储和操作数据的作用。 如果学过C/C++语言的同学，定义了变量后，需要加个类型的限制，比如 ```c int age = 28 double ......
vue-父向子传值-使用自定义属性
# 1.组件之间的关系 在项目开发中，组件之间的`最常见的关系`分为如下两种： - `父子关系` - `兄弟关系` # 2.父子组件之间的数据共享 父子组件之间的数据共享又分为： 1. `父->子`共享数据 2. `子->父`共享数据 ## 2.1 父组件向子组件共享数据 父组件向子组件共享数据需要 ......