前端html css
H5前端特殊艺术字体文件太大，可通过font-spider压缩
原理: 1.爬行本地 html 文档，分析所有 css 语句 2.记录@font-face语句声明的字体，并且记录使用该字体的 css 选择器 3.通过 css 选择器的规则查找当前 html 文档的节点，记录节点上的文本 4.找到字体文件并删除没被使用的字符 5.编码成跨平台使用的字体格式 简而言 ......
WEB前端，后端接单中 ，企业网站小程序开发
php ， Vue开发，h5开发，html，css ，js，微信小程序 ，uni-appchrome插件，需要滴滴我。看需求时间复杂度免费 例如期末大作业，毕业设计，自用工具都可以找我。 找前端师傅带带？快来吧 微信号： kaifa099 vx,请备注博客园 ......
css多行文本省略 line-clamp
css多行文本省略 line-clamp 一行文本内容溢出的省略例子： <div class="container" style="width: 200px;outline: 1px solid red"> <div class="description" style="overflow: hidd ......
文件批量重命名之在线版本-前端的本地文件操作
批量文件重命名是一个低频但时不时又会遇到的需求，非常适合在线工具的形式，即用即走。 搜索了一圈，没有发现可以直接实现这个功能的网站，不过找到了相关的 API FileSystemFileHandle.move() for local files - Chrome Platform Status Ch ......
HTML中获取iOS手机安全区域SafeArea
苹果手机iPhone X及以上版本都带有刘海屏，14pro以上版本变成了所谓灵动岛，所以顶部和底部都有一个安全区域。 手机型号尺寸（pt)倍数屏幕（px）状态栏高度顶部安全距离底部安全距离 iPhone14Pro、iPhone15Pro、iPhone15 393 * 852 3 1179 * 255 ......
记录--HTML问题：如何实现分享URL预览？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 为了提高用户对页面链接分享的体验，需要对分享链接做一些处理。 以 Telegram(国外某一通讯软件) 为例，当在 Telegram 上分享已做过处理的链接时，它会自动尝试获取链接的预览信息，包括标题、描述和图片。 如此当 ......
前端那些好用的CSS/JS网站
🍀一、渐变神器Gradient 网站地址： Gradient by ShapeFactory | Chromatic Gradient Generator 网站介绍： Gradient是一款网页渐变设计工具，可以帮助用户轻松创建漂亮的渐变颜色样式，并将其应用到网页、APP等设计项目中。 网站示例： ......
HTML基础
【HTML基础】 本文档是个人对 Pink 老师课程的总结归纳及补充，转载请注明出处！ 一、HTML简介 1.1 网页 1.1.1 什么是网页？ **网页：**构成网站的基本元素，通常是 HTML 格式的文件（.htm 或 .html）必须通过浏览器来阅读。 **网站：**利用前端技术制作的网页集合 ......
CSS基础
【CSS简介、基础选择器、字体属性、文本属性、引入方式】 本文档是个人对 Pink 老师课程的总结归纳及补充，转载请注明出处！ 一、CSS简介 CSS 的主要使用场景就是布局网页，美化页面的。 1.1 HTML的局限性 HTML 只关注内容的语义，虽然 HTML 可以做简单的样式，但是带来的是无尽的 ......
黑马pink css8 高级
精灵图使用核心总结： 字体图标的优点和不足： 利用边框构建三角形： 鼠标样式： 取消表单轮廓线： outline:0 outline:none 禁止更改文本框大小： resize:none 实现图片（行内元素或行内块元素）和文本的垂直居中对齐： vertical-align: middle; 解决图 ......
前端(js)实现图片一次全部下来后，在调图片显示
前端实现图片一次全部下来后，在调图片显示 var imgsrc=[ "http:/XXX01.jpg", "http://XXX02.jpg", "http://XXX0.jpg" ]; var imgArr = [] for (var i = 0; i < imgsrc.length; i++){ ......
vue前端node内存溢出问题解决
前端项目运行时，如果经常运行慢，崩溃停止服务，报如下错误： FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory （JavaScript堆内存不足） 原因： 因为在 Node 中，通过Ja ......
移动端手写板 + 模态框 + 弹框,前端监听移动端返回按钮
今天的需求是把全屏的手写板改为同一个页面只占半屏的手写板,本来用的iframe,后面发现笔触和屏幕按下的位置不一样,然后用了jQuery的$.load(),发现用$.load会导致文件中的js不执行,后面还是重新开始,在同文件重新写了一个canvas手写板,然后发现了,canvas在全屏的时候没问题 ......
css+html 实现带箭头的流程步骤条
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .navs { height: 50px; line-height: 50px; padding-top: 10px ......
css+jquery右下角弹框提示框（工作需要就开发调式了）
使用时调用： addTip(); setTimeout("closeTip();",1000); setTimeout("removeTip();",2000); //添加提示框 function addTip() { var tip = " <div id='tip'>"+ " <div clas ......
CSS实现滚动贴合效果
一、滚动贴合介绍 滚动贴合：鼠标滚动的时候，自动贴合到浏览器的底部或顶部 设置CSS滚动贴合需要使用到两个属性： 1、给滚动容器设置scroll-snap-type，值为滚动的方向和方式 .container { /* display: flex; */ /* 第一个值为滚动贴合的方向，y表示纵向滚 ......
css学习知识
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。CSS声明总是以分号 ; 结束，声明总以大括号 {} 括起来。 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。 class 选择器用 ......
前端增加遮罩层后下方还可以滑动解决方法
之前用要实现一个底部弹窗，需要用到遮罩层，但功能实现后发现遮罩层下方的内容还可以滑动，后来上网查询解决方法，找到了很多相关内容，比如加定位和超出隐藏，但后来发现没那么复杂，直接控制css样式overflow-y就能实现 jq方法： 隐藏滑轮（不可滑动）： $('body').css('overflo ......
SpringBoot：整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行
获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包，生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
Sublime Text Html CSS JS 代码整理美化插件
原文地址：Sublime Text Html CSS JS 代码整理美化插件使用代码编辑编辑器的好处就是有很多功能可以用，特别是一个就是代码整理优化。 在编写代码时，我们经常会遇到代码混乱、缩进不正确或格式不统一等问题。这些问题可能会导致代码难以阅读、维护和调试，降低开发效率。 那么我这里说一下Su ......
前端发送请求的时候 Content-Type 内容分类， django后端分别怎么接收
前端发送请求时，常见的 Content-Type 内容类型包括： application/x-www-form-urlencoded 这是最常见的内容类型，用于发送键值对形式的数据。数据被编码为 URL 查询字符串格式。 Django 后端可以通过 request.POST 来接收这些参数。 mul ......
css+js瀑布流布局实现
记录一个瀑布流布局问题的解决过程 最开始使用js实现，将子元素进行绝对定位，根据宽高及顺序判断定位的top与left。 问题：存在新增子元素页面加载不及时的问题，会出现子元素初始状态叠加在一起，计算完成后才能正常显示。 点击查看代码 window.onload = () => { /* 传入wate ......
前端上传图片到EOS
最近个人小项目中用到了移动云的EOS服务，需求是前端直接上传图片到移动云的EOS，将返回的图片URL作为参数传给后端，步骤如下： 1、安装依赖：cnpm i aws-sdk 2、指定访问权限： 1 // 创建 plugins/aws.js 文件 2 const AWS = require('aws- ......
黑马pink css7
定位的作用1： 让盒子自由地在某个盒子内移动位置或者固定屏幕中的某个位置，并且可以压住其他盒子。 定位 = 定位模式 + 边偏移 定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。 定位模式： position：static、relative、absolute、fixed ......
Python采集html页面时如何去除掉script,link等指定html标签
python爬虫去除html中特定标签、去除注释、替换实体前言：本文主要讲w3lib库的四个函数 html.remove_tags() html.remove_tags_with_content() html.remove_comments() html.remove_entities() remo ......
html复制文本逻辑
// 复制文本 function copyTxt(text) { if (navigator.clipboard) { navigator.clipboard.writeText(text) $Sys.notify('复制成功') } else if (document.execCommand) { ......
api下的 user.js 主要是从前端页面获取的接口
import request from '@/utils/request' // 登录接口 export function login(data) { return request({ url: '/vue-element-admin/user/login', method: 'post', dat ......
黑马pink css-学成在线1
css的编写顺序： 页面布局整体思路： 导航栏注意点： 实际开发中，我们不会直接用a，而是结合li+a 行高可以继承，只需要父亲有行高就可以了 ctrl+g：定位到某一行 Pxcook的使用 ......