自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

都是狠人的博客

前端踩坑记

  • 博客(23)
  • 资源 (1)
  • 收藏
  • 关注

原创 腾讯地图与百度地图经纬度之间的转换(试用小程序)

微信小程序中腾讯地图与百度地图经纬度的相互转换

2022-11-24 13:56:11 666

原创 前端url下载

复制代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input type="

2022-04-22 15:19:08 1533

原创 node-saas npm报错问题解决

(1)运行: npm uninstall node-sass 卸载安装失败的node-sass(2)运行: npm install -g node-gyp(3)运行: npm install --global --production windows-build-tools注:可能报很多npm ERR!,我没管,后面依旧能运行。(4)运行: npm install node-sass 重新安装(5)最后重新运行:npm install 即可...

2022-04-20 15:57:52 1042

原创 ement ui cascader多选根据后台返回的数组赋值的方法

function getTreeDeepArr(key, treeData) { let arr = []; // 在递归时操作的数组 let returnArr = []; // 存放结果的数组 let depth = 0; // 定义全局层级 // 定义递归函数 function childrenEach(childrenData, depthN) { for (var j = 0; j < childrenData.length; j.

2022-04-08 16:06:13 431

原创 用css画一个原型里有一个对号或者叉叉的图标

用css画一个圆形里有一个对勾或者叉叉的图标<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&

2021-04-12 11:35:09 1227 1

原创 addEventListener和dispatchEvent的用法

addEventListener和dispatchEvent举个例子//这里我们给全局添加了个名为CubeAppAutoSpeech.push的自定义事件window.addEventListener('CubeAppAutoSpeech.push', (event) => { console.log(event); if(event.detail){ } })然后我们接下来去触发这个事件window.dispatchEvent(

2021-04-07 14:01:42 960

原创 js数组深拷贝和浅拷贝

浅度拷贝:复制一层对象的属性,并不包括对象里面的为引用类型的数据,当改变拷贝的对象里面的引用类型时,源对象也会改变。// 数组的浅拷贝,可用concat、slice返回一个新数组的特性来实现拷贝var arr = ['old', 1, true, null, undefined];var new_arr = arr.concat(); // 或者var new_arr = arr.slice()也是一样的效果;new_arr[0] = 'new';console.log(arr); // ["ol

2020-11-02 17:01:48 184

原创 JS去除字符串两边的空格实用方法

去除字符串左边的空格 function trimLeft(s){ if(s == null) { return ""; } var whitespace = new String(" \t\n\r"); var str = new String(s); i

2020-08-13 16:56:28 1496 1

转载 正则表达式同时验证手机和座机号码

JS同时验证固话和手机号正则表达式,验证规则:1:当input框没有填写号码的时候,input为空,可通过验证2:当手机号码填写正确的时候,可通过验证3:当座机号码填写正确的时候,可通过验证如果不通过,则出现提示信息,提示输入正确的手机号码座机号码。原文链接<!DOCTYPE HTML><html> <head> <...

2020-04-30 09:25:38 5182

原创 js数组根据对象中的元素键值去重

var arr2 = [ { name: "name1", num: "1" }, { name: "name2", num: "11" }, { name: "name3", num: "12" }, { name: "name4", num: "13" }, { name: "name2", num: "1" }, { name: "name6", num: "12" ...

2019-12-19 16:07:39 1053 1

原创 vue中使用rem布局的方法

此处已vue为例,在使用vue-cli搭建好项目框架后,在目录结构的index.html文件中添加一段js代码:fnResize();window.onresize = function () { fnResize();}function fnResize() { var deviceWidth = document.documentElement.clientWidth || w...

2019-08-20 10:28:16 1252

原创 vue中promise的使用

vue中promise的使用1、定义promise<script type="text/javascript">// 定义一些公共的属性和方法const httpUrl = 'http://39.105.17.99:8080/'function promiseFun (url, params) { return new Promise((resolve, reject) ...

2019-07-31 09:30:02 2508

原创 通过配置使Chrome浏览器可以实现简单的跨域

配置chrome浏览器允许跨域操作(chrome 版本为49以上的需要注意第三点的补充内容)一:下载并安装好chorme浏览器后在桌面找到浏览器快捷图标并点击鼠标右键的属性一栏。二:在属性页面中的目标输入框里加上 --disable-web-security 如下图所示:  三:点击应用和确定后关闭属性页面,并打开chrome浏览器。如果浏览器出现如下图所示提示的话则配置成功。  ...

2019-07-23 17:02:53 368

原创 web中弹出弹框后,要求滚动弹框内容时,背景元素不能滚动,关闭弹框后要求背景元素位置保持不变解决方案

解决方案:用js动态设置body、body的子元素pageview包层的样式,代码如下:html代码:<body><div class="pageview"></div></body>js/jQuery代码:$('#dlg_btn__open').click(function () { // ...其他处理 var st...

2019-06-28 11:22:22 1355

原创 在ios的webview中使用fixed在顶部的内容导致下拉刷新被阻挡问题。

解决方案:用js动态设置为abolute,放手后再设为fixed//css代码.fixedTopObj.abs { position: absolute;}.fixedTopObj{ position: fixed; top:0; left:0;}//JS代码var $fto= document.querySelector('.fixedTo...

2019-06-28 11:07:17 1827

转载 解决谷歌浏览器添加插件时显示程序包无效:"CRX_HEADER_INVALID"

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_39135287/article/details/89036221在添加谷歌插件的时候,却发现谷歌浏览器显示 程序包无效:“CRX_HEADER_INVALID”,现整理解决方法如下:1、把你需要添加谷歌插件的后缀名由 .crx 更改为 .rar,更改时会弹出提示框,提示“如果改变文件扩展名...

2019-06-12 09:49:36 16689 14

转载 vue内嵌iframe并跨域通信

[转载博客地址 https://blog.csdn.net/weixin_44242600/article/details/89248049]1、Vue引入iframe: 直接通过添加iframe标签,src属性绑定data中的src。 <template> <div class="act-form"> ...

2019-06-10 09:53:01 9078

原创 vue请求数据放在created好还是mounted里好

vue请求数据放在created好还是mounted里好建议放在created里created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。如果在mounted钩子函数中请求数据可能导致页面闪屏问题其实就是加载时机问题,放在created里会比moun...

2019-05-31 10:53:28 21777

原创 Js数组去重方法10种

Js数组去重方法//方法一var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];function removeDuplicatedItem(arr) {for(var i = 0; i < arr.length-1; i++){for(var j = i+1; j < arr.length; j++){if(arr[i]==arr[j]){8...

2019-05-30 17:20:29 620

原创 JS合并两个数组的方法(实用,全)

JS合并两个数组的方法我们在项目过程中,有时候会遇到需要将两个数组合并成为一个的情况。比如:var a = [1,2,3];var b = [4,5,6];有两个数组a、b,需求是将两个数组合并成一个。方法如下:1、concatjs的Array对象提供了一个叫concat()方法,连接两个或更多的数组,并返回结果。var c = a.concat(b);//c=[1,2,3,4,5,...

2019-05-29 17:14:16 6171

原创 好用的json格式化网址

http://www.bejson.com/https://www.json.cn/或者chrome的jsonview小工具

2019-05-27 17:37:33 1783

原创 Ext.JS6 获取父子、兄弟容器元素方法(全)

ExtJS获取父子、兄弟容器元素方法1.当前对象的父对象(上级对象)this.ownerCt:2.当前对象的下一个相邻的对象this.nextSibling();3.当前对象的上一个相邻的对象this.previousSibling();4.当前容器中的第一个子对象this.get(0);this.items.first();5.当前容器的最后一个子对象this.items....

2019-05-27 17:07:54 942

原创 针对移动端 ios 键盘把输入框按钮挡住问题

针对手机端 ios 键盘把输入框按钮挡住var hrt = $(window).height(); //获取当前可视区域的高度存到hrt的变量里。console.log(hrt);window.onload = function () { //在页面整体加载完毕时$(’.content’).height(hrt + ‘px’); //把获取到的高度直接赋值给body};...

2019-05-27 17:04:02 1244

vue-devtools-4.1.4_0.zip

用于chrome的vue扩展程序

2021-03-11

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除