辞忧*的博客

通过day.js自定义时间日期获取功能，返回年月日时分秒，可页面自由拼接。下载指令：npm install dayjs文件位置：src/utils/dateFormatter.ts// 类型声明// 获取年月日-时分秒return {// 年// 月(转换为 1-12 格式)// 日// 工作日weekday: `周${"日"// 类型声明 export type DateTimeParts = {

通过css改变element ui的el-tree原有样式，并将子级与父级之间展开行添加连接线，层级之间添加斑马线效果。

ios调用input的focus事件，input无反应无键盘弹出，需要用户手动点击才能触发。解决方法在ios中调用不能使用v-if或者v-show事件，css不能display:none; 要保证input一直处于页面中，可以使用z-index调整层级，opacity:0;改变div的透明度来进行，也可以使用定位方法将input定位到用户不可见的位置，触发弹框再将input定位回来显示html<div class="text-center dialog password-panel"&.

css滚动条样式修改很常见，首先需要了解滚动条的一些属性滚动条的组成：::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块，能上下左右移动::-webkit-scrollbar-track 滚动条的轨道::-webkit-scrollbar-button 滚动条轨道两端的按钮，允许通过点击微调小方块的位置::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）::-webkit-.

使用css来实现loading动画是非常方便的，只需要用到css的动画属性就可以。animationanimation: name duration timing-function delay iteration-count direction;// name: 需要绑定到选择器的 keyframe 名称// duration: 完成动画所花费的时间// timing-function: 动画的速度曲线// delay: 动画开始之前的延迟// iteration-count: 动画应该播.

运用css方法达到鼠标移入文字消失，图片占满，遮罩层展示。用到了transition （过渡）、 position（定位）、opacity（透明度）等效果图html<div class="hot-product3"> <a href="javascript:;" target="_blank" class="item"> <div class="img"> <img src="../images/bg.p.

大屏展示表格数据，需要进行实时滚动的效果当前没使用json数据渲染，如果渲染要把内容放在 id=“fTbody” 的表格中 <table> <tbody> <tr class="f16"> <th width="10%">时间</th> <th width="10%">品类</th> <th widt.

应产品需求，需要在输入验证码时实时监听，如果输入六位验证码则提交按钮高亮，反之则置灰。设置倒计时功能//设置60秒倒计时，并在倒计时结束修改样式function clsTimerFun() { let timerData = 60; let timerObject = $(".clstxtClick"); timerObject.css({ "color": '#333' }); timerObject.html(timerData + 's后重新获取') timerSet =.

vue金额格式化的方法封装全局js文件，并在main.js中引用//global.jsexport default { install(Vue) { Vue.prototype.$moneyFormat = (money) => { if ((/^(([1-9][0-9]*)|(([1-9]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/.test(money))) { const moneyArr = Number(money)

【代码】canvas代码雨特效。

display 属性在网页布局中非常常见，是用于控制布局的最重要的 CSS 属性,每个 HTML 元素都有一个默认的 display 值,取决于元素的类型，大部分默认值为 block 或 inline。浏览器支持常用属性值display: none;常用于显示和隐藏属性，而不需要删除和重建。相对于 visibility:hidden；的隐藏属性，隐藏后移除元素不影响页面布局，不占位置。通常搭配javascript 或vue项目中三目运算进行使用display: block;可.