ZHENGCHUNJUN的博客

正则表达式 || 遇到字符串里面有（） 就在括号后面换行

【代码】vue3 增加全局水印（显示登录信息）

#Vue# Vue使用print实现打印及另存为PDF功能

#vue#使用Element输入框，使用enter回车键搜索或提交

Vue踩坑之el-select下拉框：数据回显后，无法选中赋值问题

#moment.js# 获年月日/js 获取时间日期

#JavaScript# 合并数组的多种方法 （附源码）

#vue# vue 中使用防抖和节流，防止重复点击（附源码）

#vue# 生命周期

#Vue# el-date-picker 日期选择器清空事件 （附源码）

后台管理系统之预览大图

#vue# js实现倒计时秒杀效果的步骤及思路（附源码）

【vue-element-admin】的安装、目录介绍

#vue#根据视窗，动态修改div高度（附源码）

#微信小程序##uni-app#实现提交表单或登录，需勾选同意协议，才可以进行下一步

#VUE#element 日期选择器 date-picker 默认当月1号到当天

#微信小程序# 在小程序里面退出退出小程序（navigator以及API--wx.exitMiniProgram）

一、需求：使用element-ui等一些第三方组件库时，由于实际项目的差异性，往往需要修改element-ui的css样式，这个时候就需要我们单独针对该页面进行修改样式。二、方法：使用::v-deep样式穿透进行修改即可三、步骤（示例）：修改el-select下拉框的样式（修改它的边框大小）<template> <div class="basic"></div> <el-form-item label

详细的前端项目开发流程及经验，便于清晰了解

在我们使用element-ui的上传组件时，必不可少的一步就是进行上传类型的格式校验，本文列举了几种常见的上传类型格式：图片、ppt、视频、文档等上传组件https://element.eleme.cn/#/zh-CN/component/upload <el-upload class="avatar-uploader" :headers="{Authorization:token}" :action="uploadUrl" :show-fil

使用element-ui form表单组件时，设置好以下的参数，即可在提交时，进行非空校验form表单组件地址https://element.eleme.cn/#/zh-CN/component/form第一步：在el-form-item 标签里将prop属性设置为需校验的字段名即可（注：prop的名字最好设置为与后端的字段相一致）<div class="detailed-item"> <el-form-item class="detailed" pr...

步骤如下第一步：在项目根目录下中找到src文件夹，在src文件下中找到assets文件夹，在assets文件夹下新建一个js文件夹，在js文件新建一个rem.js第二步：在rem.js中写入以下代码：(function (draftWidth, n) { function getRem() { var html = document.querySelector("html"); var w = document.body.clientWidth

需求：点击导航栏的各个tab，跳转（滚动）到当前页面的具体位置步骤：（1）首先在导航栏的版块里面加入方法goToAnchor，以及在（'#跳转的id类名'）<div class="nav-item-center"> <div @click="goToAnchor('#About')" >About</div> <div @click="goToAnchor('#Tokenomics')">Tokenomics<.

1、遇到的bug:小程序里面的视频，在安卓手机里面可以正常播放及显示，在ios里就是黑屏显示<以下为ios里>2、解决办法：首先可以看下后端给的视频，里面有没有存在中文，如果存在中文就会在ios中播放会出现黑屏问题接着也可以查看路径有没有出错，用ios的浏览器打开视频的链接，看通过浏览器是否可以播放，如果可以则说明视频没问题...

1.需求：体重后面保留一位小数2.知识点：toFixed()保留 n 位小数，注意返回值是一个字符串toFixed()知识点https://www.runoob.com/jsref/jsref-tofixed.html3.代码示例weightVal: 为体重变量<view class="weightVal" v-if="weightVal">{{weightVal && weightVal.toFixed(1)}}</view&gt.

#前端#追加样式，动态修改进度条/仪表盘？

#前端# 点击列表页跳转到对应的详情页（获取上一页的参数/id）示例：从列表页跳转到详情页效果图：思路：在列表页面：（1）首先通过后端接口数据，将列表页的内容进行循环渲染出来（2）再通过绑定点击事件，在事件里面传入id实参（就是后端返回的数据id）示例：<view v-for="(item, index) in reportList" @click="toDetail(item.id)" >（3）再在method里面的getDeta...

onLoad() { this.init() }, methods: { init() { const pages = getCurrentPages() const prevPage = pages[pages.length - 3] // 数字3为获取上一页面 const prevPage2 = pages[pages.length - 2] // 数字2为获取上上一页面 this.imageUrl = prevPage.$vm._data.imag.

一、需求：根据内容的不同，显示不同的颜色二、思路：（1）使用v-for渲染出来（2）再在数组中，用一个变量来存放我们的样式（颜色、背景颜色之类）（3）进行绑定样式 进行动态修改类型1：插件：在插件里找到样式参数，进行绑定，例如 :active-color="item.color"代码展示：<template> <view> <view class="calorie-ingest" v-for="(item,inde.

思路：（1）排版：使用弹性布局，将页面排列出来，再用v-for循环出来（2）在最大的盒子加overflow-x: scroll; 达到左右滑动（3）使用定位（子绝父相）让文字显示在图片上面源码如下：<template> <view> <!-- 挑战活动版块 --> <view class="examine"> <view class="examine-item" v-for="(item,index) in exam

j

需求：制作一个简易登录界面思路：（1）排版（不细讲）（2）登录密码的input框，我们通过v-if来判断输入框的类型、小眼睛的切换、密码是否隐藏-----输入框的类型设置inputType这个变量的初始值为true<input class="input-phone" type="password" v-model="password" placeholder="登录密码" v-if="inputType" /><input class="input-.

需求：密码框右侧小眼睛， 鼠标按下鼠标按键（左、右键均可）就显示出密码，鼠标松开鼠标按键（左、右键均可）密码就隐藏思路：（1）首先就是排版了（不细讲）提供右侧小眼睛的一种做法： 把输入框和小眼睛放在一个大的div里面，然后在div里面设置相对定位，在小眼睛里面设置绝对定位（子绝父相），然后right=40%左右，padding-top= 实际尺寸，就可以达到小眼睛在输入框的右侧显示.signin-item { //父盒子 position: relative..

需求：个人中心注册，输入邮箱，若有误，显示错误信息效果：

需求：输入错误的手机号，会有提示语，正确的手机号码会有正确的图标效果：思路：（1）排版（不细讲），使用input 、button、span等标签，排版里面一个主要的小点是，需要写出两个span ，通过v-show先进行隐藏，等后面判断手机号码的正确错误再进行显示与隐藏（2）接着，就需要在input 里设置@blur事件（当元素失去焦点时，触发的事件，就是鼠标离开方框的时候）（3）然后，再使用js正则表达式，进行手机号码的校验，使用这串代码 let reg = /^...

#vue# 前端排版时的类名共用关系示例，在一个页面里面，会有很多板块都有相同类型的按钮，它们的高度宽度、边框颜色都是相同的，这个时候，我们只需要写出一个可以复用的类名class,只要加上这个类名，我们就可以拿到共用的样式，然后再各自写自己的样式，就不会污染到其他样式示例，有两个相同的按钮，他们的边框、大小都是相同的，定义了一个共用的类名共用版块代码：<button class="el-button></button>将共用类名写上，然后后面加上新的类名，这

# vue中字符串文本长度超出显示省略号…及悬浮显示全部文本需求：显示不下的文本用省略号代替,并且鼠标悬停在存放文本的标签里面时（即系悬浮），会有一个div显示该单元格的全部文本信息思路：（1）在需要设置的文本标签处，加入定宽、多出内容隐藏、设置省略号、强制文本在一行内显示这些内容（2）再在标签处，加入 :title=“全部文本” 就可以了//html <div :title="开心开心开心开心开心开心"> 开心开心开心开心开心开心 </div>

2234

需求：制作一个导航栏效果：点击前：点击后：后端接口思路：在实际的开发里，一般不会写死导航栏的内容，然后为了更加动态以及高效修改导航栏的情况下，我们最好是用v-for进行渲染出来（1）可以使用ul标签来写，通过flex进行布局（少用浮动，不要定宽度）然后在li 处，通过v-for进行循环渲染出来（2）然后就要进行写点击事件了，从效果图以及后端返回的接口处，我们可以得知，我们需要点击时获取的内容是——导航名字以及状态（status），只要让点击时的stat..

需求：在我们的页面，没有显示任何数据时，显示图片以及提示语效果：后端接口数据思路：（1）只需要在页面里面加入一个div，当页面里面的数据为0时，就用v-show展示出来（就是当页面没有数据的时候，就显示这个图片）（注意，这个空状态的div需要放在具体呈现的位置进行排版）//（2）设置一个变量，例如totalNum ，在js的data板块先把变量totalNum设置为0，就是先不展示出来（3）最后一步，就是让我们的变量totalNum 全等于 0（就是没有数据...