前端开发
-
v-model修饰符 v-model提供了一些修饰符，用于改变其行为。 .lazy 将默认input事件变更数据修改为每次change后更新数据。 <input v-model.lazy="msg" /> .number 将用户输入的值交给parseFloat函数进行处理转换为数字，如果用户输入的数据无法被parseFloat处理，那么将返回原始值。 number修饰符会在输入框有type = 'number'时自动启动。 <input v-model.number="age" /> .tr
2024-11-19 -
效果如下： 代码如下： <!doctype html> <html lang="zh" class="no-js"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0
2024-11-19 -
免责声明 我这里使用了 CSS 预处理器 Scss 语法，配合 ElementUI 更改主题不需要额外的配置，因为 ElementUI 就是使用 Scss 写的，不过不是 Scss 的话需要装额外的插件，参考 在 Vue 文件中使用 CSS 变量 @/styles/variables.scss 文件中存放了所有自定义的 scss 变量，我这里使用的是 Webpack5 最新的版本，然后就出问题了，本地开发的时候没有毛病，打包到线上就识别不了这些变量了，我这里通过重命名解决的，就是把 varia
2024-11-19 -
原始动画 <template> <div> <div class="demo" ref="demo"></div> </div> </template> <script> import lottie from 'lottie-web'; import dataJson from './data.json' import ajpg from '@/assets/a.jpg' export default { name: 'App'
2024-11-19 -
一、初识express 概念：基于 node.js 平台，快速、开放、极简的 web 开发框架 作用：创建 web 服务器，跟 http 模块一样，但是更为方便、强大 本质：npm 第三方包 中文文档：https://www.expressjs.com.cn/ 安装：终端运行命令： npm i express 二、 创建简单的服务器 // 1.导入 express const express = require('express') // 2.创建 express 实例 const
2024-11-19 -
import Vue from 'vue'; import svg from '@/utils/svg.js'; Vue.use(svg); 在页面中使用 <svg class="svg-icon"> <use xlink:href="#icon-tubiao-zhinengwangguan"></use> </svg> 其中的 icon-tubiao-zhinengwangguan 就是仓库中对应图标的名称 .svg-icon { width: 40px; height: 40px
2024-11-19 -
C:\WINDOWS\system32>npm install gitbook-cli -g changed 46 packages, and audited 579 packages in 30s 47 vulnerabilities (2 low, 18 moderate, 18 high, 9 critical) To address issues that do not require attention, run: npm audit fix To address all
2024-11-19 -
一、拨打一个电话 官方文件：https://developers.weixin.qq.com/miniprogram/dev/api/phonecall.html#wxmakephonecallobject 1、在js文件里加入 Page({ calling:function(){ wx.makePhoneCall({ phoneNumber: '12345678900', //此号码并非真实电话号码，仅用于测试 success:function(){ console.log(
2024-11-19 -
简介： ASP.NET SignalR 是一个ASP .NET 下的类库，可以在ASP .NET 的Web项目中实现实时通信。本文主要讲述如何在Vue.js中使用SignalR，以及断开重连。 知识点： 前端 SignalR的安装如何设置自动重新连接的次数SignalR有关连接的函数自动重连全部失败后，定时重连ASP.NET CORE SignalR的注册消息的接收，发送 SignalR的安装 SignalR包的安装：在Vue的项目目录下，执行cmd命令：npm install @m
2024-11-19 -
想要完成svg描边的动画效果，首先我们要熟悉两个两个属性，stroke-dasharray和stroke-dashoffset。 stroke-dasharray：它是一个<length>和<percentage>数列，数与数之间用逗号或者空白隔开，指定短划线和缺口的长度。如果提供了奇书个值，则这个值的数列重复一次，从而变成偶数个值。因此，1,2,3等同于1,2,3,1,2,3。 当stroke-dasharray值为10 10的时候 当 stroke-dasharray值为10 20的时候
2024-11-19