前端笔记共65篇
前端基础
JS+jquery实现网页播放音乐歌词高亮自动滚动WordPress钻芒简洁美化版
效果如下: 截图： 样式根据自己需求修改 项目说明 想给关于页面加个音乐播放控件，加完看着又想加个歌词滚动，嗯..想在的效果和预想的一模一样。（一体性挺强） 文件名： js+jquery实现网页播放...
5年前
web开发中插入FontAwesome 图标字体库
Font Awesome是一套绝佳的图标字体库和CSS框架，它是可缩放的矢量图标，用户可以可以对图标的特性进行更改，比如大小、颜色、阴影等并且可以组合不同的图标创造自己喜欢的图标。Font Awesome的...
5年前使用百度地图API在浏览器端H5页面获取当前城市位置
<script type='text/javascript' src='http://api.map.baidu.com/api?v=2.0&ak=你的API密匙'> </script> <div id='bdMapBox' style='display:none;'> </div> <s...
3年前
自建 PHP获取网站描述Description API接口
最近在开发一款AIGC网址导航，带有网址投稿功能，因为后台添加导航比较繁琐（虽然只有几个字段），我也常常用前台的投稿功能然后再去后台审核下。 提交的网址涉及几个常见字段，titile、描述、U...
9个月前
CSS背景图像，镜像翻转、缩放、背景偏移与定位、文字溢出处理
CSS下镜像翻转（水平/垂直翻转） 两种写法 【方法一】利用css动画属性rotate旋转来实现： /* 方法一 */ .mirrorRotateLevel { transform: rotateY(180deg); /* 水平镜像翻转 */ } .mirrorRotate...
4年前
IOS原生浏览器使用智能应用横幅宣传应用，创建横幅以从网站在App Store上推广您的应用。
效果如图： 与其他促销方法相比，Smart App Banners极大地改善了用户的浏览体验。在iOS中，智能应用横幅广告可为用户带来一致的外观。他们相信点击横幅将把他们带到App Store，而不是第三方广告...
3年前
CSS文字块-display行内元素块 inline-block 只给文字加背景
如何只给一段文字加背景颜色，但又不让其整行都填充上背景颜色.如下图 上图的代码: <!DOCTYPE html> <html lang='zh'> <head> <meta charset='UTF-8'> <meta name='...
5年前解决wap手机百度APP中 网站img标签点击跳转图片
今天发现手机百度客户端中普通的img标签点击动作会被跳转到图片链接，（这个问题是我们运营跟我讲的，不然我也没发现。）应该是手机百度APP抽风了。img标签也能给当成a标签。 由于我们的网站图...
4年前
凡科右侧悬浮菜单定位瞄点
正好用到，还挺好看。就扒来了。 效果在: https://tool.zmki.cn/ 简单修改了一下，演示如下: 二维码图片链接在css里，自行替换即可。 代码: <!-- <link rel='stylesheet' href='https://f...
5年前
Html ul、li CSS标签详解 使用图片自定义样式 隐藏小点样式齐全
前排丢一下本文大部分内容机器生成用的代码，贴一下供参考 PHP [collaps title='点击展开 查看For循环'] <style> body{ width: 1200px; margin: 0 auto; margin-top: 100px; } p{ border:...
4年前CSS 背景图片100%自适应屏幕
background:url(images/test.jpg)no-repeat; background-size:100% 100%; overflow:hidden; https://www.cnblogs.com/deneyZhao/p/7444599.html
4年前
CSS避免padding属性影响元素宽度，造成溢出换行
最近在写Time for插件缩略图排列的时候，由于padding属性总是影响盒子大小，导致默认写好的参数在不同宽度场景下存在溢出换行的情况，或者是填不满盒子。 如图 解决办法 在要控制元素排...
3年前
Node.JS npm基础安装配置&创建第一个VUE项目
使用之前，我们先来明白这几个东西是用来干什么的。 node.js: 一种javascript的运行环境，能够使得javascript脱离浏览器运行。 Node.js的出现，使得前后端使用同一种语言，统一模型的梦想得以实...
5年前
小程序/web开发实例 CSS居底显示
效果： CSS: .zmki_footer{ font-size: 10px; text-align: center; color: #858585; bottom: 0px; /* height: 200px; */ position: fixed; left: 0; width: 100%; padding-bottom: 20px; } HTMl...
4年前
仿凡科网站右侧悬浮窗 在线客服简约图标大全快捷导航钻芒美化版
之前有发个一个凡科的右侧悬浮窗，今天给加了一些图标样式，新增css判断窗口大小自动隐藏（手机端不会显示），这下比较齐全了。 可以自己自定义图标，在css更改图片链接即可（背景图标和鼠标hov...
5年前