浮萍的博客

vue 时间跨度自动计算

element ui form 循环生成表单条目之后添加验证条件

纪念伟人网页变灰实现技术

appid应用id相互冲突解决办法，在uniapp开发过程中共用基础版本导致打包之后应用相互冲突解决方案，更换项目appid流程

用electron 打包发布集成vue2.0项目element adimin 框架 步骤和踩坑记录

element ui table 用el-checkbox-group实现多选 反选

正则表达中的普通字符使用学习，包括A-Z，a-z

vue3.0+ts 在入门时候遇到的一些小问题手记

目录1.用百分比2.用rem 、resize3.媒体查询语句4.flex布局2.用rem 、resizerem 的原理是根据父容易的fontsize 来计算rem的单位长度。可以通过监听window 的resize ，动态修改fontsize、进而影响rem、最终打到自适应的效果3.媒体查询语句4.flex布局是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。...

uniapp 前端框架 uView 快速构建表单代码

1.html 代码 <el-date-picker v-model="listQuery.month" type="month" value-format="yyyy-MM" placeholder="选择月"> </el-date-picker>2.js created() { var nowDate = new Date(); var date = { year: nowDate.getFullYear(),.

效果图，可直接搬运使用2.组件代码，可以直接复制代码，在componerts 底下建个文件夹，再新建个vue文件重命名个treeselect.vue<template> <el-select :value="valueTitle" :clearable="clearable" :disabled="isRead" :placeholder="placeholder" @clear="clearHandle"> <el-input v-model.

1.html代码 <el-button icon="el-icon-download" size="small" type="primary" plain @click="exportExcel()">导出</el-button>2.js代码 //导出 exportExcel exportExcel() { const paralist = { month: this.listQuery.month,

<el-upload class="upload-demo" action="" accept=".xlsx,.xls" :on-change="uploadChange" :auto-upload="false" multiple :show-file-list="false" style="text-align: center; display: contents"> <el-button icon="el-icon-...

Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。1.div布局.box{ display: flex;}2.行内元素也可以使用Flex布局。.box{ display: flex;}3.容器6大属性flex-direction flex-wrap flex-flow justify-content align-items align-content3.1 flex-d

<el-table-column label="申请状态" align="center" prop="status"> <template slot-scope="scope"> <el-tag :type="scope.row.status === '1' ? 'success' : 'danger'">{{ scope.row.status === "1" ? "通过" :...

rules: { location: [ // { required: true, message: "档案存放位置必填", trigger: "blur" }, { required: true, pattern: /^\d{1,2}-\d{1,2}-\d{1,2}-\d{1,2}-\d{1,2}/, message: "档案位置错误", ...

在前端已经奋斗快两年了，一直功能实现，没有时间研究交互设计之类的功能，也一直依赖ui设计师的各种设计，一直Always code ，码农就是码农，虽然每天看着很努力的编码，但是编出来的码缺少灵魂。最近有个功能流程节点可能比较多，ui设计的东西交互方面就显得不够用了。然后就开始了自己天马行空的设想，然而已经被责令更改了5次，5次而已还能接受，呵呵内心如此以为，被领导那种藐视的眼神看过来，不受伤是假的，但是作为一个积极乐观的女性，依旧洗洗脸迎难而上，当自己不会 了，静下来心来好好学习才能走出困境。对吧，亲...

//获取文件名称 getFileName(url) { let name = ""; if (url !== null && url !== "") { name = url.substring(url.lastIndexOf("/") + 1); } else { name = "无"; } return name; },

1.页面代码 <el-form ref="form" :model="form" :rules="rules" label-width="140px"> <el-col :span="12"> <el-form-item prop="meetingTimeQ" label="会议时间起"> <el-date-picker v-model="form.mee

1. 页面代码 <el-table-column label="交通方式" prop="modeUse" header-align="center" align="center" :formatter="modeUseType" />2.js方法 modeUseType(row) { const stat

命名规则变量 （1）普通变量 1. 方法： 使用驼峰命名法则 2. 规范 跟需求的内容相关、复数的时候需要加s 3. 例子：myFirstName （2）常量 1. 方法：全部大写 2. 规范：使用大写字母和下划线来组合命名，下划线分割单词 3. myFirstName： FIRST_NAME组件kebab-case定义：短横线分隔命名列子：Vue.component(‘my-component-name’, { /* … */ })Pasc

Element-UI二次封装实现TreeSelect 树形下拉选择组件（处理回显失效问题）有时候需要使用 下拉树来显示一些数据，比如同时显示部门和部门下人员信息，1.组件 名称 tree_select.vue<!-- /** * 树形下拉选择组件，下拉框展示树形结构，提供选择某节点功能，方便其他模块调用 * 调用示例： * <tree-select :height="400" // 下拉框中树形高度 * ...

2020-11-3一.工作计划 安装配置 nginx 并运行vue项目解决思路：（1）安装nginxhttps://blog.csdn.net/zengwende/article/details/86610692（2）打包发布包npm run build(3) 配置nginxserver {listen 8024;server_name localhost;root 地址可以放在不是nginx 文件包底下。 # root /softCode/website/t

效果图：两跟状态图公用一个提示信息，在代码块中渐变效果被注释了定义一个可以供option渲染的div <div ref="myChart_production_efficient" :style="'width:100%;height:'+templateHeight+'px;'" id="myChart_production_efficient"></div&gt...

1.cookie必须同域才能共享，所以我就想把不同域变为同域代码都不需要更改了，内心暗自开心，感觉自己好屌的样子2.需要了解nginx 神器3.nginx 配置大全...

由于项目中使用粒子动画，开发时使用的谷歌浏览器，所以一切都很完美，直到用ie浏览器测试时，整个项目都空白了，包了个缺少“：”的错，之后查找到vue-particles 源码使用的也是es6 语法，所以只加一个“ babel-polyfill” main.js 引用下根本没用，再三查找之后终于解决：解决办法：找到：buplic /webpack.base.conf.js 文件...

23121 * {margin: 0; padding: 0;} body { /You can use any kind of background here./ background: #6b92b9;} canvas { display: block;} win...

&lt;title&gt;无标题文档&lt;/title&gt;&lt;SCRIPT language="JavaScript"&gt; var timerIdle=0; //空闲时间 var timerBusy=0; //倒计时开始 var timerIdle1=2; //系统参数定义超时时间 var ...

目录结构图：build 最终发布的代码存放位置config 配置目录，包括端口node_modules nom 加载项目依赖src [代码块]static 静态资源目录，如图片

1.安装 node.jsnode.js 《http://www.runoob.com/nodejs/nodejs-install-setup.html》2.在cmd 中运行 npm install -g vue-cli （安装vue） (可 用 npm -v 来测试版本号以确定是否安装成功)创建项目 (1). 接下来是创建项目框架 如果想放到指定的目录下，先进入这个目录在执行创

1.安装过程 1.安装好node.js 2.在项目路 build 文件下安装 cmd –> npm install 3.安装完成之后 可以输入 npm -v 查看版本 4.运行 npm run dev 2.第一个demo

@{    ViewBag.Title = "";}    .circle {    width: 148%;    height: 100%;    background: #7295A0;    -moz-border-radius: 50%;    -webkit-border-radius: 50%;    border-radius: 50

前端代码：Jquery代码：    function validationNumber(e, num) {        var regu = /^[0-9]+\.?[0-9]*$/;        if (e.value != "") {            if (!regu.test(e.value)) {     

Untitled Document1     返回顶部

第一：在url中放入参数： var txtName = (“#” + name).val();          alert(txtName);(“#” + name).val(); alert(txtName); (“#SelectFrame”).attr(“src”, “../a.aspx?oid=” + oid + “&txtName=” + esca

审批:审核: 上传文件: 效果图

当文件上传时如果在前端就进行验证可以减少对服务器的压力，当用户上传的文件大于限制的大小时，可以用change来进行判断验证。但是用一个文件第一次上传时可以运行，第二次上传一样的文件，就不会执行change事件，后来我想了下，如果执行不成功就将file清空。代码如下//上传文件时在前端判断文件大小 JS文件    $(document).ready(function (e) {

&lt;el-table-column prop="versionStatus" label="标准状态"&gt; &lt;template slot-scope="scope"&gt; &lt;p v-if="scope.row.versionStatus=='1'"&gt;

&lt;el-date-picker size="small" v-model="editData.editItem.startTime" type="datetime" placeholder="选择日期时间" value-format=" yyyy-MM-dd...