自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 资源 (1)
  • 收藏
  • 关注

转载 【Angular】在html和ts中引用图片路径前端笔记

图片的引用

2022-07-21 14:09:13 533

转载 在VUE中 如何在DOM 渲染完成后 再执行一些DOM 操作

在vue中,在dom渲染完成后再执行其他操作

2022-07-21 14:04:35 4661

转载 前端页面开发中,svg图片无法显示的解决办法

使用svg图片时,显示空白

2022-03-17 14:55:50 8107 1

原创 js实现字符串转日期格式的方法

1.eval方法转换方法,—推荐使用这种方法<script type="text/javascript">//字符串转日期格式,strDate要转为日期格式的字符串function getDate(strDate){ var date = eval('new Date(' + strDate.replace(/\d+(?=-[^-]+$)/, function (a) { return parseInt(a, 10) - 1; }).match(/\d+/g) + ')');

2021-08-05 15:49:09 7856

转载 html页面直接引入vue.js+element ui后,解决ie浏览器兼容性

因为在项目中临时增加两个页面,就没有用 vue-cli 搭框架,直接在 HTML 中引入vue.js 文件。发现其他浏览器都能正常显示,ie 下显示不正常,vue部分没有编译。IE不兼容Vue的原因无非就是编译不了高于ES5的语法,因此解决IE的兼容问题就要将项目中的高级语法转化为IE可以编译的ES5语法。在 vue-cli 中,ie 浏览器下不显示,需要下载安装 babel-polyfill(npm i babel-polyfill),同样的,在 html 中使用 vue 的语法时,也需要引入 bab

2021-06-02 15:48:06 1760 1

原创 js获取页面URL的参数

// 获取URL的参数function getAllUrlParams(url) { // 从url(可选)或window对象获取查询字符串 var queryString = url ? url.split('?')[1] : window.location.search.slice(1); // 我们把参数保存在这里 var obj = {}; // 如果查询字符串存在 if (queryString) { // 查询字符串不包含#后面的部分

2021-05-06 14:48:45 150

原创 利用mammoth.js将doc文档转为html

在项目中遇到一个需求:需要将doc文档转为html格式;最终觉得mammoth.js是非常好用的一个插件。但是目前仅支持本地资源,网络地址不能识别。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l

2021-04-08 09:16:57 4131 4

原创 js中数组的操作方法总结

常见方法,一看就会用的,就不代码去实现操作了,复杂的就demo一下。join()功能:将数组中所有元素都转化为字符串并连接在一起。reverse()功能:将数组中的元素颠倒顺序。concat()功能:数组拼接的功能 ,返回新数组,原数组不受影响。slice()截取数组生成新数组,原数组不受影响。返回的数组包含第一个参数指定的位置和所有到但不含第二个参数指定位置之间的所有元素。如果为负数,表示相对于数组中最后一个元素的位置。如果只有一个参数,表示到数组末尾。var aa = [1,2,

2021-02-24 15:54:25 199

原创 记录:调用山东天地图的时候跨域解决方案

在调用山东天地图的API时,一直报no ‘Access-Control-Allow-Origin’ header is present on the requested resource 跨域错误,找了很多资源也没找到解决方案,在看其他的一些源码时,看到dataType:'jsonp’可以解决一部分跨域问题,就拿来尝试一下,没想到可以了,山东天地图的跨域解决了。具体方式如下:// 获取历史影像function requestDat() { var e = map.getCenter(); var t

2021-02-05 17:50:52 1670

原创 记录 hbuilder中 jsbeautifyrc设置格式化时保留大括号{}不换行格式

问题:在HBuilder中自动格式化代码时,会自动把大括号进行换行,如图:格式化时就会换行分析:原来一直以为是自动格式化时,自动换行了,没有想到是遇到大括号才会换行,网上找了好久资料,网上大部分是关于vscode中格式化自动换行的回答解决方式:打开hbuilder中的工具 -> 设置 -> 插件设置,进入jsbeautifyrc.js,更改里面的"brace_style"选项添加"preserve-inline"值即可options: { "indent_size": "1

2021-01-14 12:01:57 5843 7

原创 记录 关于router路由保卫、axios绑定原生属性的一些知识点

1)路由保卫原理:在router目录下的index.js文件中,使用router的beforeEach方法,判断要跳转的地址,是否是需要授权的,如果需要,判断是否已授权(或已登录),有就跳转,没有,就跳转到登录页面import Vue from 'vue'import VueRouter from 'vue-router'import login from '../views/login'import home from '../views/Home'Vue.use(VueRouter)c

2020-11-29 16:42:53 135

原创 记录 在vue中异步引用原生高德地图的方式

1)、新建webpack.config.js或直接更改bulid目录下的webpack.config.js,更改配置module.exports = { entry: { app: './src/main.js' }, externals: { "AMap": "AMap", }}2)在assets目录下新建remoteload.jsexport default function remoteLoad(url, hasCallback) { return createScript

2020-11-29 16:19:07 470

翻译 防抖(debounce) 和 节流(throttling),具体实现方法

防抖和节流是针对响应跟不上触发频率这类问题的两种解决方案。 在给DOM绑定事件时,有些事件我们是无法控制触发频率的。 如鼠标移动事件onmousemove, 滚动滚动条事件onscroll,窗口大小改变事件onresize,瞬间的操作都会导致这些事件会被高频触发。 如果事件的回调函数较为复杂,就会导致响应跟不上触发,出现页面卡顿,假死现象。 在实时检查输入时,如果我们绑定onkeyup事件发请求去服务端检查,用户输入过程中,事件的触发频率也会很高,会导致大量的请求发出,响应速度会大大跟不上触发。针对此类快

2020-11-16 12:21:49 790

原创 for、forEach 、for in、for of 循环的区别

学习目标:掌握for / forEach / for in / for of循环的区别学习内容:在开发过程中经常需要循环遍历数组或者对象,使用最多的方法forEach、for…in 、 for…of,整理一下他们的异同点for循环一种最原始的遍历,自Javascript诞生起就一直用的就是for循环,它用来遍历数组var arr = [1,2,3,4]for(var i = 0 ; i< arr.length ; i++){ console.log(arr[i])}输出:

2020-11-16 12:02:11 621

原创 笔记:HTTP请求方式中8种请求方法

HTTP/1.1协议中共定义了八种方法(有时也叫“动作”),来表明Request-URL指定的资源不同的操作方式HTTP1.0定义了三种请求方法: GET, POST 和 HEAD方法。HTTP1.1新增了五种请求方法:OPTIONS, PUT,DELETE, TRACE 和 CONNECT 方法1、OPTIONS返回服务器针对特定资源所支持的HTTP请求方法,也可以利用向web服务器发送‘*’的请求来测试服务器的功能性2、HEAD向服务器索与GET请求相一致的响应,只不过响应体将不会被返.

2020-11-15 18:44:02 294

转载 普通函数和箭头函数的this

普通函数的this1、this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj2、调用的时候,没有任何前缀,则指向window,new的时候,指向new出来的对象。3、 在默认情况(非严格模式下,未使用 ‘use strict’),没找到直接调用者,则this指的是 window4、在严格模式下,没有直接调用者的函数中的this是 undefined5、使用call,apply,bind(ES5新增)绑定的,this指的是 绑定的对象全局环境下在全局环

2020-11-15 16:45:31 154

翻译 es6提供的6种变量声明方式,及什么是变量提升,什么是函数提升

只为记录学习中的点点滴滴,及自己的领悟。学习内容:1、ES6提供的6种变量声明方法 2、6种变量声明方法的区别3、关于变量提升、函数提升的概念学习笔记:es5只提供了两种声明变量的方法,即var和function。ES6 除了添加let和const命令,还有两种声明变量的方法:import命令和class命令。所以,ES6 一共有 6 种声明变量的方法,即var / function / let / const / import / class(1) var命令。var a ; .

2020-11-15 14:49:50 867

适用于element ui的全国城市三级联动json数据

适合element ui 的全国城市三级联动json数据,包含编码,{ value: '110000', label: '北京市', children: [{ value: '110100', label: '北京市', children: [ { value: '110101', label: '东城区' }, { value: '110102', label: '西城区' }, { value: '110105', label: '朝阳区' }, { value: '110106', label: '丰台区' }, { value: '110107', label: '石景山区' }, { value: '110108', label: '海淀区' }, { value: '110109', label: '门头沟区' }, { value: '110111', label: '房山区' }, { value: '110112', label: '通州区' }, { value: '110113', label: '顺义区' }, { value: '110114', label: '昌平区' }, { value: '110115', label: '大兴区' }, { value: '110116', label: '怀柔区' }, { value: '110117', label: '平谷区' }, { value: '110118', label: '密云区' }, { value: '110119', label: '延庆区' } ] }] }

2021-03-05

空空如也

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

TA关注的人

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