共享博客 - 简单搜索

使用css选择器实现表格隔行换色

2024年03月26日使用css选择器实现表格隔行换色在线运行<style> *{ margin: 0; padding: 0; } body{ padding: 200px; box-sizing: border-box; } table{ border-collapse: collapse; } td,th{ color: #000; font-size: 16px; line-height: 30px;

前端 css HTML

使用c3动画实现摇铃铛效果

2024年03月26日使用c3动画实现摇铃铛效果ui小姐姐想给通知栏目添加一个摇铃铛效果，好久没用c3的我太菜了，没搞完美，最后还是UI小姐姐制作了一个gif图，哈哈。下面安排一个完美的纯css实现的摇铃铛效果，随便在阿里字体库找了一个铃铛下载了png相关推荐 css3变形 https://www.lmcjl.com/post/131.html附代码<style> .ld { width: 60px; height: 70px; transform-origin:

前端 css H5 HTML css3

纯html+css固定表格一列或多列，其余进行横向滚动的方法

2024年03月26日纯html+css固定表格一列或多列，其余进行横向滚动的方法工作时候，遇到一个需求，表格的前两列固定不动，其他的跟随滚动条滚动，并没有在意，想起来很简单，刚开始想法是前两列absolute定位，后面的relative定位并给left值为前面的总宽度，就这样做了，发现是有问题的，具体啥问题就不多说了，如真想研究，自己尝试吧。当然，网上有很多插件的，比较好用，也建议大家使用插件吧，如TableFreeze-master插件下载蓝奏网盘：点击下载下面给大家分

前端 css H5 HTML

iView 日期时间选择器设置开始时间至结束时间限制

2024年03月26日 iView 日期时间选择器设置开始时间至结束时间限制开始时间不能大于结束时间结束时间不能小于开始时间<DatePicker type="datetime" :options="startOption" v-model="startTime" placeholder="开始时间" format="yyyy-MM-dd HH:mm" >&

iview 日期选择器时间选择器开始结束时间时间限制

如何修改Mint-UI的默认样式并且不影响其他页面

2024年03月25日西安 2018-12-27哦，千呐！今天西安下雪了，雪还挺大，大家注意保暖呦！好了，是这样的，项目中，使用的 VUE 和 mint-ui ，mint-ui如何安装，就不说了，开始主题吧！在使用mint-ui中，发现好多组件的样式（颜色，距离，宽高等），并非是我想要的效果，当然，我就像往常一样，开始找到类名，相同类名样式进行覆盖，但是并没有任何效果，根本就应用不上，压根就不显示。在 VUE 中，每个VUE页面的style都有一个 scoped，意思是在

前端 css

什么是模块化开发？

2024年03月25日前端开发中，起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果，后来js得到重视，应用也广泛起来了，jQuery，Ajax，Node.Js，MVC，MVVM等的助力也使得前端开发得到重视，也使得前端项目越来越复杂，然而，JavaScript却没有为组织代码提供任何明显帮助，甚至没有类的概念，更不用说模块（module）了，那么什么是模块呢？一个模块就是实现特定功能的文件，有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

jq实现回车搜索事件功能 jq如何来判断input光标是否获取焦点或失去焦点

2024年03月25日平时写搜索功能时候，很多用户喜欢回车搜索，有利于功能体验。本次简单写个demo，供大家使用。jq请自行引入在线运行<div> <input class="search" type="text" placeholder="请输入搜索内容"> <button class="submit">搜索</button> </div>&l

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

Css3扩展小知识 c3蒙版 c3倒影 hsla模式等语法介绍

2024年03月25日扩展一: css3蒙版语法:-webkit-mask-image: url(蒙版图片路径) | 使用渐变作为蒙版; -webkit-mask-repeat: no-repeat | repeat | repeat-x | repeat-y; -webkit-mask-position: center;扩展二: 设置背景在文本区域可见（字体颜色必须变为 transparent）语法:-webkit-background-clip: text;扩展三: Css

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

js截取字符串前几位或者截取字符串后几位

2024年03月25日经常会遇到后台反的时间是‘2020-02-02 10:00:00’，页面上需要只展示年月日或者只展示时分秒，那么最简单的方法就是返回过来的值直接截取一下即可。如何截取前几位，案例如下var date = '1996-10-22 22:55:33'; var key = date.substring(0,10); console.log(key); // 打印结果：1996-10-22如何截取后几位，案例如下var date = '1996

js截取截取字符串截取字符串前几位截取字符串后几位 js截取字符串

css数字/字母换行没生效，怎么解决？

2024年03月25日发现很早之前给公司写的某页面中，随便添加的纯字母或纯数字超出了未换行，但是汉字类会换行，之前测试时也没这样乱输入，今天发现了，那么就顺带加个css解决一下吧！只需要给标签样式加上以下代码即可word-break: break-all;

css换行 css数字换行 css字母换行

uniapp中使用uQRCode生成二维码功能

2024年03月25日之前写过在vue中生成二维码以及jq之类生成二维码，本次项目使用uniapp开发小程序，需要将参数生成一个二维码，那么顺带整理一下，方便下次使用。首先，我们去uniapp插件市场下载uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=1287下载完以后，我们找到文件中 uqrcode.js 文件，拷贝到uniapp项目中，然后在需要生成二维码的组件引入import UQRCode from "static/resour

uniapp生成二维码二维码

js正则过滤金额输入时限制只能输入数字与1个小数点，且0开头第二位则不能为0

2024年03月25日今天写小程序时，有个充值功能，需要输入充值金额，我看了下支付宝的水电表缴费交互效果，发现调启数字键盘后“输入0后第二位则不能为0，只能为小数点”“第一位不能输入小数点”“保留两位小数”“同时也只能输入数字与小数点（在非数字键盘的情况下）”，看到这兴趣就来了，肯定得搞起来。代码如下// 调启数字键盘输入事件 valChange(val) { this.amount += val; // 只能输入"数字"和"."

正则效验正则金额效验金额

object-fit:cover;在小程序中不起作用，小程序图片变形了如何处理

2024年03月25日前几天写了一篇文章 css防止图片变形 object-fit: cover;使用object-fit: cover;来防止图片变形，说巧也巧，这两天自己开发玩玩的zblog小程序“污污情话”封面刚好被挤压变形，于是，就给图片添加了这个css属性。what？但是添加了并没有任何卵用，刚开始我还以为我自己记错拼写了，还特意复制过来试了下，还是没有任何作用......截图小程序页面先看看对比效果吧，左侧的轮播图是被挤压变形了，而右侧轮播图是没有被挤压变形，保留原始尺寸，多余的被裁剪

小程序小程序开发微信小程序小程序图片变形 css图片变形 css图片自适应

uniapp小程序实现录音 uniapp小程序长按录音点击播放等功能（CSS实现语音音阶动画效果）

2024年03月25日最近鹏仔刚接触uniapp，项目使用uniapp开发微信小程序，需要实现一个长按时进行语音录制，限制录制时间最大为60秒，录制完成后，可点击播放，播放时再次点击停止播放，录制完成长按实现删除功能，删除后又可重新录制（如上图所示）。视频演示下放为整体代码，可能不是很完美，没有想象中的那么流利，但是功能都有实现，欢迎借鉴（其中包含CSS实现语音音阶动画效果，自行复制即可获取）。HTML部分<template> <view class="rec

uniapp 录音 uniapp录音小程序录音长按录音小程序长按录音 uniapp长按事件

vue中调用百度地图获取经纬度

2024年03月25日项目中，需要实现获取当前位置的经纬度，或者搜索某个位置并获取经纬度信息，我使用的的是vue，地图使用的是百度地图。默认自动获取当前位置经纬度拖动小红标获取经纬度关键词查询获取经纬度前期准备首先，我们需要取百度官方申请一个地图api秘钥，https://lbsyun.baidu.com/apiconsole/key 进入后在应用管理，我的应用去申请即可。申请好以后，我们打开vue项目中public文件下的index.html文件，拼接百度AK值并引入<script t

vue 经纬度地图百度地图 vue调用地图地图调用经纬度经纬度获取 js获取经纬度