组件 常用confirm vue
直播app开发搭建,Vue如何绑定一个每两秒生成的随机数
直播app开发搭建,Vue如何绑定一个每两秒生成的随机数 1、封装范围内随机整数 // 把随机数公式进行封装// 1. 准备一个函数, 接受几个参数// 两个参数, 分别是 a 和 bfunction randomNum(a, b) { // 2. 判断一下两个数字的大小关系 var max = M ......
Vue之移动端viewport-vw适配
一、前置知识 vw:与视口的宽度有关,1vw 就是视口宽度的 1% vh:与视口的高度有关,1vh 就是视口高度的 1% vmin:与当下视口的宽度和高度的最小值有关,取值为 vw 和 vh 中较小的那个 vmax:与当下视口的宽度和高度的最大值有关,取值为 vw 和 vh 中较大的那个 vmin ......
从0搭建Vue3组件库(七):使用 glup 打包组件库并实现按需加载
使用 glup 打包组件库并实现按需加载 当我们使用 Vite 库模式打包的时候,vite 会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让 vite 打包样式文件,样式文件将使用 gulp 进行打包。那么本篇文章将介绍如何 ......
shell 中常用的内置变量
dirname 获取脚本路径名 basename 获取脚本名$0 获取脚本路径和脚本名 $@将命令行每个参数视为单独的字符串,等同于"$1"、"$2"、"$3"$*将所有的命令行所有参数视为单个字符串,等同于"$1$2$3"|表示或的意思\n 表示换行,将当前位移置下行开头\r 回车,将当前位置移至 ......
django-admin常用知识点记录
1,格式化时间 def showtime(self): return self.create_time.strftime('%Y/%m/%d')showtime.short_description="创建时间" #更改列名,否则显示的是showtime名称showtime.admin_order_f ......
Vue-示例
计数器 <div id="counter"> <button @click="subOne">-</button> <span>{{num}}</span> <button @click="addOne">+</button> </div> <script src="https://cdn.jsde ......
Delphi动态创建组件,并释放内存
unit Unit1; interface uses Winapi.Windows, Winapi.Messages, System.SysUtils, System.Variants, System.Classes, Vcl.Graphics, Vcl.Controls, Vcl.Forms, V ......
常用css属性flex: 1详解
flex:1实际代表的是三个属性的简写 flex-grow是用来增大盒子的,比如,当父盒子的宽度大于子盒子的宽度,父盒子的剩余空间可以利用flex-grow来设置子盒子增大的占比 flex-shrink用来设置子盒子超过父盒子的宽度后,超出部分进行缩小的取值比例 flex-basis是用来设置盒子的 ......
vue适配移动端
vue项目中 —— rem布局适配方案 Vant 中的样式默认使用 px 作为单位,如果需要使用 rem 单位,推荐使用以下两个工具: lib-flexible 用于设置 rem 基准值 postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem 下面我们分别将这两个工具 ......
Vue中使用 vue-i18n 进行国际化支持
前端国际化学习 前端国际化是很多地方都能用到的,今天学习一下用 vue3 + vite + ts + vue-i18n 插件来开发前端国际化项目 安装插件 vue-i18n npm install vue-i18n 创建翻译文件 -在 src 目录下新增 lang 目录,存放多语言文件 -这里简单创 ......
常用工具地址 个人
1. sass转 csshttps://www.sassmeister.com/2. android button 在线设定 shape背景http://angrytools.com/android/button/3. android svg 转 vectorDrawablehttp://inloo ......
vue前端导出excel
<template> <el-button style="float: right; margin: 10px" type="primary" @click="export2">导出</el-button> <!-- 导出表格 start--> <el-table class="tableExpor ......
如何创建electron-vue项目?
简介 electron是一个开源的桌面端框架,上手快,界面美观,跨平台,但由于是封装的网页,性能一般,适用于一些追求外观,对性能要求不高的项目,此处记录基于electron-vue创建项目的全流程,前端使用vue,后端使用python,方便后续直接使用。 环境安装 当前系统 Windows 前端环境 ......
美团第三方组件使用
代码块 CodeMirror 流程图 DrawIO 思维导图 KityMinder 甘特图 jQueryGantt 数据图表 可通过6000/TT工单反馈 HTML 可通过6000/TT工单反馈 Markdown MarkdownIt plantUML PlantUML-Encoder ......
常用正则表达式大全(持续更新中)
前排提要: 以下正则表达式适用于对给定的字符串进行规则匹配,从而判断是否符合指定的需求,而非用于从给定字符串中抽取出目标字符串的情况。 1. 网址URL(不带端口号,如:https://www.baidu.com/) ^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]( ......
'vue-cli-service' 不是内部或外部命令,也不是可运行的程序
‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 产生原因: 项目下的node_modules文件损坏。 解决方案: 第一步:删除图片中的文件 第二步:在Terminal中运行yarn install或者npm install; 可能会报缓存问题: 清缓存:yarn cac ......
vue设置input不可编辑切换
<a-input name="a" v-model="formValidate.coName" placeholder="请输入姓名" v-bind:disabled="diasabledInput"></a-input> export default { data () { return { di ......
Vue3中KeepAlive的使用
我们在开发一个功能是,经常会遇到从一个列表页面,点击列表项跳转到详情页面的需求,理想的情况下,从详情页面返回到列表页,应该回到跳转前的状态,可以继续浏览其他内容;但是在没做任何处理的情况下,返回列表页后,列表页会被刷新,回到初始的状态,这就与我们的预设不符;为了实现这样的需求,我们需要使用keep- ......
springboot常用注解(持续更新)
1、@PostConstruct(程序启动时执行) 加上该注解的方法会在项目启动的时候执行,可以理解为Spring容器在对类自动初始化全局的单一实例的过程中,执行完一个Bean的构造方法后会执行该Bean的@PostConstruct方法(如果有),然后初始化下一个Bean。可作为一些数据的常规化加 ......
vue2的全屏插件--"screenfull": "^4.2.0",
安装 cnpm install screenfull@4.2.0 --save 引入 import screenfull from 'screenfull' api request(element传参某个元素) 全屏 exit() 退出全屏 toggle() 切换全屏 on(event, funct ......
GDB 常用命令
GDB Command GDB命令大全 启动/退出 run/r: 启动程序 run [arguments...] : 以 [arguments] 的参数启动程序,其中 [arguments...] 可选 run > [file_name]: 启动程序,程序的输入保存到 file_name 文件中 s ......
JSON 的常用方法与初识跨域
JSON 的常用方法 JSON.parse() console.log(JSON.parse(xhr.responseText)); console.log(JSON.parse(xhr.responseText).data); <!DOCTYPE html> <html> <head> <meta ......
Vue.js 作用域插槽
视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <slot :games="games" msg="hello">我是默认的一些内容</slot> </div> </templa ......
Qt QtWidget使用Material风格的组件库
一、qt-material-widget组件库介绍该组件库拥有炫酷的Material风格的组件,并且该组件库基于QtWidget开发的,目前实现了大约20个Material风格的组件,下面教大家如何编译该组件库,并将这个组件库运用到自己的项目中。 二、编译qt-material-widget组件库下 ......
Vue-002基础知识
Vue简介 Vue特点: 是JavaScript框架 可以简化Dom操作 响应式数据驱动 第一个Vue程序 官方文档: https://cn.vuejs.org/guide/introduction.html 步骤:1. PyCharm新建Vue项目 el:挂载点 data:数据对象 ......
Vue
1、MVVM 思想 M:即 Model,模型,包括数据和一些基本操作 V:即 View,视图,页面渲染结果 VM:即 View-Model,模型与视图间的双向操作(无需开发人员干涉) 在 MVVM 之前,开发人员从后端获取需要的数据模型,然后要通过 DOM 操作 Model 渲染 到 View 中。 ......
微信小程序 常用dialog wx.showToast, wx.showModal, wx.showActionSheet
wx.showToast wx.showToast({ title: '失败',//提示文字 duration:2000,//显示时长 mask:true,//是否显示透明蒙层,防止触摸穿透,默认:false icon:'success', //图标,支持"success"、"loading" su ......
如何用甘特图创建一个好的工作计划?Telerik这个组件可以利用
Telerik UI for ASP. NET MVC拥有使用JavaScript和HTML5构建网站和移动应用所需的70+UI部件,来满足开发者的各种需求,提供无语伦比的开发性能和用户体验。它主要是针对专业级的 ASP.NET开发,通过该产品的强大功能,开发者可以开发出功能丰富、适应标准广泛的响应 ......