html
微笑边缘的金元宝
观察入微的眼睛,波澜不惊的内心,希望我能拥有。
展开
-
vue中动态跟新 favicon.ico;<link rel=“icon“ href=“<%= BASE_URL %>favicon.ico“>
因为第一次加载成功后就会有缓存(再vue项目,请各位大神解惑为啥)相同域名首次加载成功后,会被缓存无法更改,首次加载不成功可以有效。updateFavicon 内容。其次再router守卫 处理。不href控制会被缓存。原创 2023-01-31 20:00:59 · 2717 阅读 · 0 评论 -
css实现圆环进度条
vue组件<template> <div class='container'> <div class="left"> <div class="leftcircle"></div> </div> <div class="right"> <div class="rightcircle"></div> </d原创 2021-11-22 14:27:35 · 1254 阅读 · 0 评论 -
子级溢出来父级却没有撑开 && windo.sorollTo失效
子级溢出来父级却没有撑开解决1:给父级元素增加 overflow: auto解决2:从没有撑开大父级以上的div 增加 height: auto其他原因windo.sorollTo失效由于关系到整体布局的div 设置 height: 100vh,导致 body 的height 是整个视口的height,等于scrollTop = 0但是这个的div的子元素 超出了屏幕,溢出父级div 也可以滚动所以 windo.sorollTo(0,0) 的时候是执行了,但是body 原本就是跟屏幕原创 2021-04-07 21:23:33 · 140 阅读 · 0 评论 -
使用canvas画直线箭头
HTML<canvas class="CanvasArrow" width="66" height="50"></canvas>JSfunction createCanvas(obj) { // 使用Canvas 批量绘画的同一形状的图像的方法 var CN= obj.canvasNodes; var CNL= CN.length; var c=document.getElementsByClassNam原创 2020-11-06 20:28:18 · 744 阅读 · 0 评论 -
原生JS+CSS+HTML实现弹框 & 轮播
PC端<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>模态框实现</title> <style> h4 { margin-left: 20px; } p { text-align: center;原创 2020-11-02 16:00:43 · 455 阅读 · 1 评论 -
html+css笔记
1、 如何让 HTML识别 string 里的 ‘\n’ 并成功换行显示在结果所在的 HTML 的 css 设置:white-space: pre-line;然后页面就能成功识别 ‘\n’ ,并换行显示原创 2019-11-25 20:54:16 · 130 阅读 · 0 评论 -
超宽显示省略号
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...转载 2019-06-28 18:54:46 · 189 阅读 · 0 评论 -
文本图片的对齐方式
方法来源:https://www.w3cplus.com/css/icon-align-to-text.html案例:<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content=&qu转载 2019-03-12 11:33:32 · 517 阅读 · 0 评论 -
H5拖放
HTML新特性之七 —— 拖放API —— 小重点&小难点Drag:拖动Drop:释放、丢弃Drag & Drop: D&D,拖动着一个元素可以在页面中某处释放操作。HTML5中为拖放操作提供了七个事件句柄:拖动的源对象(被拖动的对象)可以触发三个事件: (1)dragstart:拖动开始事件 (2)drag: 拖动进行中事件 (3)drag...原创 2019-03-12 11:31:38 · 331 阅读 · 0 评论 -
IE浏览器和对象编程的坑坑坑
今天遇见了一个坑,就是IE11浏览器,不支持面向对象编程IEFun这样的的代码在非IE浏览器的效果是:![在这里插入图片描述](https://images2018.cnblogs.com/blog/1316234/201806/1316234-20180628124524672-1025433335.png)但是在IE11下是没有任何效果的。解决办法是:function IEa()...原创 2019-03-12 11:23:21 · 239 阅读 · 0 评论 -
rem的在vue项目中使用配置,浏览器的兼容性之Mate标签
在vue中配置rem位置:在APP.vue的script中,在export default之外(()=&gt;{ let winW = document.documentElement.clientWidth, desW = 1440, htmlFont = winW / desW * 100; window.htmlFont = htmlFont; docu...原创 2019-03-11 14:12:49 · 617 阅读 · 0 评论 -
前端的弹性布局
PC端的弹性布局var rem;$(window).resize(function () { //当浏览器大小变化时页面自适应大小var Btype = BrowserType();var whdef = 100/2160;// 表示2160的设计图,使用100PX的默认值var hwdef = 100/1400;body_height = $(document.body).hei...转载 2019-03-11 19:08:45 · 664 阅读 · 0 评论