![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
TwoBE9876
前端新手,有错误请帮忙指出,谢谢(大部分内容应该都是百度所得,有的没写允许转载,我只是写在这方便找,大部分也都是写的转载,应该不侵犯啥吧,反正也没人看我的hh)
展开
-
HTML界面利用 http-vue-loader.js以组件方式引入vue文件
http-vue-loader 这套工具可提供开发者直接在网页环境中载入 .Vue File,无需透过 nodeJS 环境编译,也不需要 Build 的步骤。在index的 mounted 中无法访问引入的组件 但是在 methods 通过事件可以操作 组件的数据。用法很简单,首先在网页上载入 Vue 与 http-vue-loader,如下。其他vue文件引入 第一个第一个组件 也可以生效。转载 2023-05-04 15:18:27 · 977 阅读 · 0 评论 -
httpVueLoader使用示例(用于cdn引入vue2后在html文件中使用组件开发)
用于cdn引入vue2后在html文件中使用组件开发原创 2023-05-04 14:40:16 · 1796 阅读 · 2 评论 -
如何解决上层div元素将下层div元素盖住,但是下层div里的点击事件仍可以进行的问题?
解决上层div元素将下层div元素盖住导致下层div点击事件不响应问题转载 2023-03-15 17:40:02 · 1270 阅读 · 0 评论 -
完整拉起高德地图的代码。自动导航至目的地
完整拉起高德地图的代码。自动导航至目的地原创 2023-03-10 09:19:14 · 1069 阅读 · 0 评论 -
vue页面刚加载展示插值表达式(单纯使用html)
vue页面刚加载展示插值表达式代码格式原创 2023-03-07 10:14:04 · 308 阅读 · 0 评论 -
h5网页调起扫一扫最简单的方法
h5网页调起扫一扫最简单的方法转载 2023-03-02 14:44:00 · 3363 阅读 · 1 评论 -
JavaScript 获取url参数及解决中文乱码问题
用encodeURI()加密name,在getQueryVariable()使用decodeURI()解密。用escape()加密gender,在getQueryString()使用unescape()解密。注意:前面方法尚未对中文进行处理,如果传递的值是中文,会产生乱码。方法一:encodeURI()、decodeURI()方法二:escape()、unescape()我们可以对中文单独加密,也可以对整个url加密。直接调用函数并传递参数名即可。转载 2023-03-02 10:36:30 · 3596 阅读 · 0 评论 -
用JS获取地址栏参数的方法(超级简单)
等技术制作的网页)传递参数,可有多个参数,用"&"符号隔开,每个参数的名和值用"="符号隔开。如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符。由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。如果没有指定该参数,则子字符串将延续到 stringvar 的最后。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。整数,可选,省略时使用方案的默认端口,如http的默认端口为80。返回一个从指定位置开始的指定长度的子字符串。转载 2023-03-02 09:41:37 · 5614 阅读 · 0 评论 -
window.history.go(-1);后退不刷新问题 移动端
本文主要解决移动端用返回键后滚动条自动置顶(我是这个问题,可能是用了layer的流加载原因,导致返回后自动置顶)或者不刷新问题。解决方法:(其实就是把上面刷新那行改成操作滚动条,需要事先保存滚动条位置)原创 2023-02-25 16:43:39 · 1444 阅读 · 0 评论 -
css实现圆角梯形
【代码】css实现圆角梯形。转载 2023-02-24 11:11:18 · 1285 阅读 · 0 评论 -
viewerjs 在html打开图片或打开pdf文件使用案例
访问语法如下:https://169.254.109.160:8001/项目名/PDF/web/viewer.html?file=https://169.254.109.160:8001/项目名/PDFfile/1.pdf#page=1"file=https://169.254.109.160:8001/项目名/PDFfile/1.pdf //文件路径,注意一定是服务器路径不能是相对文件路径。PDF/web/viewer.html //你项目路径下的PDF中的viewer.html。转载 2023-01-12 14:30:44 · 1775 阅读 · 0 评论 -
div嵌套多个点击事件,点击后如何阻止多次事件触发冒泡
在你像要触发一次的事件上加 window.event.cancelBubble = true;//禁止冒泡(禁止其他事件触发)转载 2023-01-05 11:20:21 · 828 阅读 · 0 评论 -
高德地图获取经纬度并逆定位获取地理位置名称(原生)
高德地图获取经纬度并逆定位获取地理位置名称(原生)原创 2022-07-29 17:10:11 · 1701 阅读 · 0 评论 -
前端数字超过16位传参导致多余位数为0问题解决记录
js参数超过16位原创 2022-07-27 18:50:23 · 746 阅读 · 0 评论 -
video标签多视频实现监听点击播放时暂停其他视频
这图有去除黑色蒙版的版本吗原创 2022-07-26 14:26:09 · 1461 阅读 · 0 评论 -
PC 打开 vue h5移动端 页面 不变形《转载》
有时候,我们想让pc打开适配手机的h5,并且不变形,在不使用媒体查询的情况下,我们可以使用以下方式:实现功能如下pc打开周围留空白,居中显示当浏览器切换为手机模式/手机打开网址时会变为手机模式以下为主要代码public 文件夹下 index.html<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <script as..转载 2023-05-01 12:49:01 · 1349 阅读 · 0 评论 -
Vue移动端项目禁止双击放大和双手拉大放大
一,找到vue中的index.html文件1.把之前的原有的<meta name='viewport' content='width=device-width,initial-scale=1.0'>2.替换成现在的 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />另外移动端尽量用路由换页面而不是原创 2022-04-13 16:40:34 · 1751 阅读 · 0 评论 -
从html富文本中提取纯文本
其实从html富文本中提取纯文本很简单,富文本基本上是使用html标签给文本加上丰富多彩的样式。所以只需要将富文本字符串中的“<.....>”标签剔除,即可得到纯文本。我们可以使用正则表达式,来匹配所有的html标签,并替换成空字符,如下://html剔除富文本标签,留下纯文本function getSimpleText(html){//匹配html标签的正则表达式,"g"是搜索匹配多个符合的内容var re1 = new RegExp("<.+?>","g").转载 2022-03-14 16:55:50 · 3575 阅读 · 2 评论 -
css文字超出宽度自动换行
CSS文字超出宽度自动换行【转】word-wrap:break-word; word-break:break-all; overflow: hidden;/*这个参数根据需求来决定要不要*/目录word-break:break-all单词截断自动换行 word-wrap:break-word单词不截断自动换行 CSS强制性换行 text-overflow省略号...样式语法结构word-break:break-all单词截断自动换行word-break:break-a转载 2021-12-24 15:53:22 · 23580 阅读 · 0 评论 -
前端通过url链接下载文件
前端通过url链接下载文件网上找到几个相关的方法,如下// 方法一:const form = document.createElement('form');form.setAttribute('action', 'http://text.com/file.txt');form.setAttribute('method', 'get');form.setAttribute('target', '_blank');form.setAttribute('style', 'display:none转载 2021-12-24 15:52:12 · 6668 阅读 · 0 评论 -
react中img引入本地图片的2种方式
一、通过import引入(推荐)以前我们用img引入图片只需要如下即可但在react中不允许使用这种方式,会报错import logo from '../assets/images/home/logo.png'<img className={"logoStyle"} src={logo} alt=""/>二、require方法引入<img className={"logoStyle"} src={require('../assets/imag..转载 2021-11-23 09:05:30 · 5433 阅读 · 1 评论 -
Echarts条形图图配置TSX文件简单示例
import * as echarts from 'echarts';import {Component} from "react";export default class Chart1 extends Component<{data:any}>{ constructor(prop) { super(prop); this.state={ } } componentDidMount() { ...原创 2021-11-11 12:42:44 · 1531 阅读 · 0 评论 -
Echarts柱状图配置
1、基本柱状图// 指定图表的配置项和数据var option = { // ---- 标题 ----- title: { text: '主标题', textStyle: { color: 'red' }, subtext: '副标题', subtextStyle: { color: 'blue' }, padding: [0, 0, 10, 100] // 位置 }, // ---- legen转载 2021-11-11 12:39:07 · 7651 阅读 · 1 评论 -
DIV右上角标签的CSS3实现技巧
我们在写页面中,经常要用到给一个div或其他dom元素的右上角添加一个标签来表示此条目的状态或者特性,今天我们就探讨一下这个标签的实现方式我们一般要实现这种标签的时候通过用css3的rotate来实现,并且大部分人实现时是通过一像素,一像素的调节标签的偏移位置来达到我们满意的效果。这个调像素的过程是让我们抓狂的,因为他没有实用性,我们好不容易写好了一个角签,然而他只能在这个样式或者这个角签内容时是正常的。其中用到了translate百分比的特性,他跟margin和padding不同,他的百分比是转载 2021-11-10 10:53:55 · 1239 阅读 · 0 评论 -
CSS中的几种图片覆盖文本的方法
CSS CookBook中有几种图片覆盖文本的方法,整理出来备用:1 Gilder/Levin image replacement technique:<h1> <span></span> Replacement Text Is Here.</h1>h1 { width:200px; height:100px; position:relative;}h1 span { background: url(replace转载 2021-10-21 17:01:23 · 2543 阅读 · 0 评论 -
axios基础写法
axios({ url:'http://t.weather.sojson.com/api/weather/city/101010100', methods:'get', data:{ dataList: [] } }) .then((response) => { // 因为层级比较深,匿名函数会导致this指向发生改变 // 这个时候使用箭头函数解决 alert(this); thi.原创 2021-09-28 09:20:14 · 1469 阅读 · 0 评论 -
flex垂直居中
{ display: flex; justify-content: center; align-items: center;}以上代码可以使元素自动水平垂直居中{ flex:1;}以上代码可以使子元素都有相同的长度,且忽略它们内部的内容:flex容器属性1、触发弹性盒:display:flex、inline-flex 注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。2、flex-directio.原创 2021-09-26 11:52:57 · 2221 阅读 · 0 评论