❤『H5学习』
红尘炼炼心
学习一个技术,先想是什么场景下会用到这个技术,它解决了什么问题!
不乱于心,不困于情。不畏将来,不念过往。如此,安好。
以大多数人的努力程度之低,根本轮不到拼天赋。
展开
-
vue-admin相关问题记录
vue-element-admin,后端UI开发相关问题原创 2023-10-24 15:15:45 · 168 阅读 · 0 评论 -
flex布局的相关问题
使用 Flex 布局时,如何使不同字数的文本在同一行或同一列上保持对齐~原创 2023-04-04 15:20:38 · 98 阅读 · 0 评论 -
富文本编辑器~TinyMCE编辑器
H5引入TinyMCE富文本编辑器原创 2023-03-13 20:49:55 · 359 阅读 · 0 评论 -
富文本编辑器~wangEditor
百度编辑器操作相对复杂,其他编辑器功能不够齐全,多次使用发现还是wangEditor编辑器简单易用,功能也比较合适。原创 2023-03-13 20:40:19 · 344 阅读 · 0 评论 -
flex-direction column 宽度问题
宽度自动变为100%align-self: baseline原创 2020-01-19 14:01:11 · 3660 阅读 · 0 评论 -
H5---公共页面引入
<!-- 加载公共底部 --><footer class="footer"></footer><script> $('.footer').load('conment/foot.html',function(responseTxt,statusTxt,xhr){ console.log('responseTxt,st...原创 2019-08-12 20:30:44 · 1643 阅读 · 0 评论 -
Grid 网格布局教程
一、概述网格布局(Grid)是最强大的 CSS 布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。上图这样的布局,就是 Grid 布局的拿手好戏。Grid 布局与Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只...转载 2019-08-08 20:51:03 · 654 阅读 · 0 评论 -
页面图片懒加载
图片懒加载,降低页面加载过多图片而影响加载速度与带宽的消耗。转载 2019-07-12 10:54:19 · 271 阅读 · 0 评论 -
Flex 布局教程
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地...转载 2018-12-11 17:39:09 · 150 阅读 · 0 评论 -
CSS---滚动条样式设置
/* 设置滚动条的样式 */::-webkit-scrollbar { width: 8px; height:8px;}/* 滚动槽 */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 2px;}/* 滚动条...原创 2019-05-05 18:35:15 · 264 阅读 · 0 评论 -
echarts百分比柱形图
参考网站:https://echarts.baidu.com/<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin...原创 2019-05-05 11:04:52 · 2660 阅读 · 0 评论 -
移动端---H5适配标签viewport
<meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1maximum-scale=1,target-densitydpi=device-dpi">width:宽度(数值 / device-wid...原创 2019-04-18 18:06:10 · 218 阅读 · 0 评论 -
富文本---复制粘贴样式过滤
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <base href=""/> <style type="text/css"> </style> <...转载 2019-03-25 17:09:50 · 1450 阅读 · 0 评论 -
PC端 移动端判断
<!-- PC端 移动端判断 --><script type="text/javascript"> function goPhone() { if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|M...原创 2018-12-28 19:59:44 · 357 阅读 · 0 评论 -
禁用鼠标右键及F12查看元素
<script type="text/javascript"> <script type="text/javascript"> document.oncontextmenu = function(){ return false; } document.onkeydown =document.onkeyup = document.onkeypress=function...原创 2018-12-03 14:38:41 · 479 阅读 · 0 评论 -
网站点击按钮打开微信APP
点击a链接直接跳转到微信APP<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-s转载 2018-11-28 17:03:56 · 656 阅读 · 0 评论 -
网站点击按钮打开QQ联系用户
前提: 通过QQ互联为QQ授权针对移动端和PC端,代码方法有所差异单个QQ弹出[PC端|移动端都可]<a href="http://wpa.qq.com/msgrd?v=3&uin=666666&site=qq&menu=yes" target="_blank">点击qq聊天</a>单个QQ弹出[移动端]...原创 2018-11-28 16:53:08 · 1202 阅读 · 0 评论