共享博客 - 简单搜索

tp-watermark.js网页添加水印插件

2024年03月26日 tp-watermark.js网页添加水印插件作者：鹏仔先生上周五，出差去改上个前端遗留的小问题，用到了watermark.js这个网站添加水印插件，功能很简单，就是给网页添加个水印，我看了下网上，有很多种，基本都是Canvas实现，我想要的是行与行之间交错效果，可是没有找到对应文档，看的烦的... 那就自己简单写个网页添加水印插件吧， tp-watermark.js 身为初级前端，写法比较low，但是功能很完善，请大家多多指导下载插件：点击下载DEMO下

tp watermark js网页添加水印插件水印插件网站添加水印 tp watermark js

移动端点击a标签后默认蓝色背景如何去除

2024年03月26日在移动端开发时候，f12在电脑端（手机模式下）点击a标签，有个蓝色背景，通过苹果真机查看没有，安卓机也有，我们只需给body添加以下属性即可去除-webkit-tap-highlight-color: transparent;等同于-webkit-tap-highlight-color: rgba(0,0,0,0);

移动端开发 h5 a标签默认背景去除a标签背景前端开发

vue中实现禁止浏览器滚动方法

2024年03月26日大家好，本次在开发项目中，点击按钮，弹出一个自定义的弹出窗口和遮罩层，因为页面的超出一屏，有滚动条，但是想让弹出窗时候，禁止浏览器滚动，那么就简单写一个方法给大家。首先，我们打开我们的txt文本，开始敲代码吧！嗯... 算了，不装逼了，还是打开代码编辑器吧！思路是这样的，当弹窗弹出时候，让body overflow: hidden; 超出隐藏，当取消弹窗时候，再让 overflow: visible; 恢复默认值即可。在vue项目中，src文件中，自行新建js文件 tp-

前端 JavaScript JS vue 懒猪

CodePen的详细使用教程 codepen如何存放自己的代码

2024年03月26日 codepen是什么codepen是一个前端在线开发工具，可以让用户在线体验代码的效果，妈妈再也不用担心每次效果都需要截图给大家预览了。同时也可以将自己在codepen上的代码引入到博客展示，实现他人可在线预览，再也不需要拷贝到本地开发工具跑一遍了。首先，我们先打开codepen，注册/登陆codepen官网 https://codepen.io/注册或登陆时候，你可以选择 facebook、github或Twitter进行直接登陆。邮箱验证首次使用codepen，需

前端

使用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生成二维码二维码