javascript
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 · 1100 阅读 · 0 评论 -
httpVueLoader使用示例(用于cdn引入vue2后在html文件中使用组件开发)
用于cdn引入vue2后在html文件中使用组件开发原创 2023-05-04 14:40:16 · 1944 阅读 · 2 评论 -
JS遍历对象,获取key、value的几种方法
因为hasOwnproperty在js里并不是敏感词,因此可能当前对象有一个属性名叫hasOwnproperty,所以这里直接调原型链上的hasOwnproperty方法。call(person, key)的两个参数,第一个参数是this的指向对象,第二个参数是入参。里map的迭代函数第二个参数是可以直接取到key的,原生js的map函数是不支持的。转载 2023-04-19 12:36:33 · 4331 阅读 · 0 评论 -
如何解决上层div元素将下层div元素盖住,但是下层div里的点击事件仍可以进行的问题?
解决上层div元素将下层div元素盖住导致下层div点击事件不响应问题转载 2023-03-15 17:40:02 · 1585 阅读 · 0 评论 -
完整拉起高德地图的代码。自动导航至目的地
完整拉起高德地图的代码。自动导航至目的地原创 2023-03-10 09:19:14 · 1201 阅读 · 0 评论 -
vue页面刚加载展示插值表达式(单纯使用html)
vue页面刚加载展示插值表达式代码格式原创 2023-03-07 10:14:04 · 332 阅读 · 0 评论 -
h5网页调起扫一扫最简单的方法
h5网页调起扫一扫最简单的方法转载 2023-03-02 14:44:00 · 3415 阅读 · 1 评论 -
JavaScript 获取url参数及解决中文乱码问题
用encodeURI()加密name,在getQueryVariable()使用decodeURI()解密。用escape()加密gender,在getQueryString()使用unescape()解密。注意:前面方法尚未对中文进行处理,如果传递的值是中文,会产生乱码。方法一:encodeURI()、decodeURI()方法二:escape()、unescape()我们可以对中文单独加密,也可以对整个url加密。直接调用函数并传递参数名即可。转载 2023-03-02 10:36:30 · 3654 阅读 · 0 评论 -
用JS获取地址栏参数的方法(超级简单)
等技术制作的网页)传递参数,可有多个参数,用"&"符号隔开,每个参数的名和值用"="符号隔开。如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符。由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。如果没有指定该参数,则子字符串将延续到 stringvar 的最后。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。整数,可选,省略时使用方案的默认端口,如http的默认端口为80。返回一个从指定位置开始的指定长度的子字符串。转载 2023-03-02 09:41:37 · 5640 阅读 · 0 评论 -
window.history.go(-1);后退不刷新问题 移动端
本文主要解决移动端用返回键后滚动条自动置顶(我是这个问题,可能是用了layer的流加载原因,导致返回后自动置顶)或者不刷新问题。解决方法:(其实就是把上面刷新那行改成操作滚动条,需要事先保存滚动条位置)原创 2023-02-25 16:43:39 · 1494 阅读 · 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 · 1848 阅读 · 0 评论 -
div嵌套多个点击事件,点击后如何阻止多次事件触发冒泡
在你像要触发一次的事件上加 window.event.cancelBubble = true;//禁止冒泡(禁止其他事件触发)转载 2023-01-05 11:20:21 · 847 阅读 · 0 评论 -
用JS WebSocket实现简单聊天
短轮询的实现思路就是浏览器端每隔几秒钟向服务器端发送 HTTP 请求,服务端在收到请求后,不论是否有数据更新,都直接进行响应。在服务端响应完成,就会关闭这个 TCP 连接,代码实现也最简单,就是利用 XHR, 通过 setInterval 定时向后端发送请求,以获取最新的数据。df优点:实现简单。缺点:会造成数据在一小段时间内不同步和大量无效的请求,安全性差、浪费资源。转载 2022-10-19 12:02:35 · 1363 阅读 · 0 评论 -
marquee内部数据动态生成时,首次加载会闪跳问题
marquee内部数据动态生成时,首次加载会闪跳问题转载 2022-10-18 17:04:51 · 410 阅读 · 0 评论 -
ajax传递多个相同的键名不同值的参数给后端
ajax传递多个相同的键名不同值的参数给后端原创 2022-10-17 09:14:14 · 594 阅读 · 0 评论 -
原生js获取滚动条位置
获取滚动条位置原创 2022-10-13 14:49:10 · 1484 阅读 · 0 评论 -
ios系统使用window.location.href跳转失败
苹果手机跳转问题转载 2022-09-29 19:44:11 · 2624 阅读 · 0 评论 -
uniapp使用vuex
uniapp中vuex的使用方法包括一点点示例原创 2022-09-14 17:39:10 · 6981 阅读 · 0 评论 -
uniapp上传单张图片代码分享
uniapp上传图片代码分享原创 2022-08-24 10:54:42 · 241 阅读 · 0 评论 -
高德地图获取经纬度并逆定位获取地理位置名称(原生)
高德地图获取经纬度并逆定位获取地理位置名称(原生)原创 2022-07-29 17:10:11 · 1722 阅读 · 0 评论 -
前端数字超过16位传参导致多余位数为0问题解决记录
js参数超过16位原创 2022-07-27 18:50:23 · 776 阅读 · 0 评论 -
video标签多视频实现监听点击播放时暂停其他视频
这图有去除黑色蒙版的版本吗原创 2022-07-26 14:26:09 · 1500 阅读 · 0 评论 -
layui 轮播图写法及图片不显示问题解决
图片不显示就在方法最后重置一下。原创 2022-07-14 14:31:06 · 1774 阅读 · 0 评论 -
使用js做水印效果,jquery<转载>
/* * @description添加水印 * @param {Obj} settings水印配置参数 */ function waterMark(markElement) { $('#' + markElement.waterMarkId).find('.markElement').remove(); var settings = { waterMarkId:"t1", waterMarkContent:"我是水印内容", waterMarkX:-10, waterMark.转载 2022-05-18 09:34:17 · 495 阅读 · 0 评论 -
react配置代理代码记录(基础)
俩种方法,别问为啥是图片,因为是万能的群友分享出来的原创 2023-05-01 12:49:35 · 100 阅读 · 1 评论 -
vue+input file上传图片并以圆形展示代码分享(升级版增加遮罩)
html<div class="upload"> <img id="img" width="100%" height="90%" :src="oneUrl" alt="头像"> <input type="file" name="file" id="file" @change="getImgURL"></div>css.upload{ width: 80px; height: 80px; ..原创 2022-04-01 14:25:56 · 1647 阅读 · 0 评论 -
从html富文本中提取纯文本
其实从html富文本中提取纯文本很简单,富文本基本上是使用html标签给文本加上丰富多彩的样式。所以只需要将富文本字符串中的“<.....>”标签剔除,即可得到纯文本。我们可以使用正则表达式,来匹配所有的html标签,并替换成空字符,如下://html剔除富文本标签,留下纯文本function getSimpleText(html){//匹配html标签的正则表达式,"g"是搜索匹配多个符合的内容var re1 = new RegExp("<.+?>","g").转载 2022-03-14 16:55:50 · 3616 阅读 · 2 评论 -
【blob文件下载】及【路由跳转传参】代码记录
// 使用Id下载导出数据export function getDownload (data) { return request({ method: 'get', url: `/download/${data}`, responseType: 'blob' })}// 下载数据 getTeacherDownload () { //浏览器下载 // window.open(getTeacherDownload + this.opDat.原创 2022-03-09 10:25:53 · 385 阅读 · 0 评论 -
使用Vue搭建前端项目架构《转载》
一、创建Vue项目基础框架1.使用vue cli脚手架创建项目的基础框架具体vue的配置如下:2.配置.gitignore文件=>在提交到GitHub时不要提交node modules文件二、创建GitHub仓库1.在GitHub上创建仓库2.clone仓库到本地3.将上面使用vue cli创建的项目基础框架文件复制到上面仓库目录中4.选择性push代码(也可以后面的工作完成后再push)三、完善项目架构前期工作:1.安装axios(向后台异步请求.转载 2022-03-03 16:33:12 · 3118 阅读 · 0 评论 -
js判断空对象的几种方法《转载》
一、将对象转为字符串比较这是最容易想到的方法,主要使用JSON.stringify()这个方法对对象进行强转:var a={};var b=new Object();console.log(JSON.stringify(a)=="{}") //trueconsole.log(JSON.stringify(b)=="{}") //true二、for…in循环使用for in循环可以遍历所有属性以次判断对象是否为空对象:var a={};function isEmptyObje..转载 2021-11-19 10:04:43 · 194 阅读 · 0 评论 -
Moment.js经常使用API速查《转载》
平常开发常常会用Moment.js来处理时间,现对频繁使用的几个API作下整理,以便往后查阅。javascript获取时间moment().valueOf() // 获取时间戳(以毫秒为单位) moment().startOf('day') // 获取今天0时0分0秒moment().startOf('isoWeek') // 获取本周周一0时0分0秒moment().startOf('month') // 获取本月第一天0时0分0秒moment().endOf('day')转载 2021-11-16 16:40:35 · 173 阅读 · 0 评论 -
日期常用API《转载》
日期常用API复制代码getTime();//毫秒数getFullYear();//年getMonth();//月 (0~11)要+1getDate();//日getHours();//小时getMinutes();//分钟getSeconds();//秒Date.now();//当前时间毫秒数new Date();//当前时间1、当前时间换时间戳var timestamp = parseInt(new Date().getTime()/1000); // 当前时间戳docum转载 2021-11-16 16:39:31 · 228 阅读 · 0 评论 -
Rem布局的原理解析
面试中发现很多人对rem布局的原理不是很清楚,只停留在会使用的阶段,或者理解完全是错误的,本文将给大家讲清楚rem布局的原理,使用方案等知识什么是Remrem和em很容易混淆,其实两个都是css的单位,并且也都是相对单位,现有的em,css3才引入的rem,在介绍rem之前,我们先来了解下emem作为font-size的单位时,其代表父元素的字体大小,em作为其他属性单位时,代表自身字体大小——MDN我在面试时经常问会一道和em有关的题,来看一下面试者对css细节的了解程度,如下,问s1转载 2021-11-15 15:56:20 · 561 阅读 · 0 评论 -
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 · 1553 阅读 · 0 评论 -
React用TSX文件自动保存功能实现
private timer创建定时器componentWillMount = async () => { this.saveFormData();}saveFormData = () => { this.timer = setInterval (() => { this.save(); // 保存方法 }, 300000);}//删除组件时清除定时器componentWillUnmount = () => { clearInte...原创 2021-10-25 13:56:47 · 261 阅读 · 0 评论 -
react_antd可用省市区三级选择
const options = [ { value:'北京市', label:'北京市', children:[ { value:'北京市', label:'北京市', children:[ {value:'东城区',label:'东城区'}, {value:'西城区',label:'西城区...原创 2021-10-22 11:35:45 · 1783 阅读 · 0 评论 -
全国各省份城市地区的json字符串
全国各省份城市地区的json字符串)最近做的一个项目需要动态的添加一个全国各地的用户数据库信息表,对借鉴别人以及自己的理解解决之后做一个总结记录。1.定义一个dataAdds方法保存字符串形式的json数据private void suijiadd(){ String json1 ="[\n" + " {\n" + " \"name\": \"北京\",\n" +转载 2021-10-19 13:47:37 · 1312 阅读 · 0 评论 -
常见数组array(API)(转载)
不改变原数组:将数组转化为字符串(String) var arr=[1,2,3];var str=String(arr);console.log(str); //1,2,3console.log(arr); //[1,2,3] 把数组中的所有元素放入一个字符串(join) var arr=[1,2,3];var str=arr.join();//默认是逗号,也可以自定义连接符console.log(str); //1,2,3console.log(arr); //[1,2,3转载 2021-09-28 10:05:52 · 109 阅读 · 0 评论