- 博客(16)
- 资源 (4)
- 收藏
- 关注
原创 vue-baidu-map矩形拖动及编辑
百度地图里面,只有折线、多边形和圆形, 那么怎么去绘制矩形,并且实现矩形可以整体拖动呢?首先,我们知道,矩形四个点的规律,分别是左下角:{lng:this.mapCenter.lng-0.01,lat:this.mapCenter.lat-0.01},左上角:{lng:this.mapCenter.lng-0.01,lat:this.mapCenter.lat+0.01},右上角:{lng:this.mapCenter.lng+0.01,lat:this.mapCente...
2021-07-16 11:07:45 1705
原创 json-server 配置与使用
在后端接口没有写好,而前端又希望测试调用接口获取数据,可以通过json-server来模仿接口数据。首先npm install json-server,然后进行相关配置:具体的配置如下:build文件夹下找到webpack.dev.conf.js文件,在该文件moudule.exports 前加上如下配置://json-server配置const jsonServer = re...
2021-07-16 10:41:04 885
原创 JS中事件委托或事件代理
概述 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。 事件委托是利用事件的冒泡原理来实现的,何为事件冒泡呢?就是事件从最深的节点开始,然后逐步向上传播事件,举个例子:页面上有这么一个节点树,div>ul>li>a;比如给最里面的a加...
2021-03-22 18:40:53 583
转载 vue项目处理dpr和多屏幕适配问题
转自 大桥的前端日志 https://www.cnblogs.com/qqfontofweb/p/9107055.html<!DOCTYPE html><html style="font-size:37.5px"><head> <meta charset="utf-8"> <meta name="format-detection" content="telephone=no" > <meta name="apple...
2021-02-05 17:02:16 531
原创 H5屏幕自适应
rem.js(function(doc, win) { // 分辨率Resolution适配 var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clientWidth; if
2021-02-05 15:44:39 3481
原创 基于axios封装接口访问
/** * axios方法的扩展,添加了结果处理的封装,用法与axios一致 * 用法 * import { request } from 'net' * * request({ * baseURL: '', // http://... * url: '/test', // http://10.206.228.248:3000/mock/35/test * method: 'get', * data: {.
2021-02-04 14:57:16 115
原创 JS数字转中文
NoToChinese(num) { if (!/^\d*(\.\d*)?$/.test(num)) { return num; } var AA = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九"); var BB = new Array("", "十", "百", "千", "万", "亿", "点", ""); var a = (".
2020-12-15 18:28:15 186
原创 模板表格下载
1.导入import XLSX from "xlsx";import FileSaver from "file-saver";2.下载downloadMater() { const defaultCellStyle = { font: { name: "Verdana", sz: 11, color: "FF00FF88" }, fill: { fgC
2020-09-02 19:22:21 101
原创 JS时间函数Date的一些知识点和小坑
前几天写一个日期的插件,被Date的一些函数搞得晕头转向,总结一下:1.知识点new Date() ,返回中国标准时间的当前日期和时间,Tue Apr 14 2020 22:22:37 GMT+0800 (中国标准时间)new Date(year,month,day) ,返回中国标准时间的指定日期的00:00:00,比如,我输入new Date(2020,4,1),则会返回Fri May ...
2020-04-14 23:23:28 623 1
原创 vue动态加载图片问题,报错Cannot find module "."
正常在<img>标签加载图片的方式是<img src="../assets/product2.jpg" alt="">但是在vue中动态加载图片,直接用src是无效的,需要使用v-bind动态加载<img :src="product.imgSrc" alt=""> //正确<img :src="../assets/product2.jpg...
2019-12-24 15:24:10 16521 8
转载 JS执行机制
原文链接:https://juejin.im/post/59e85eebf265da430d571f89来源:掘金JS执行机制是单线程执行,在最新的HTML5中提出了Web-Worker,但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的,一切javascript多线程都是纸老虎!setTimeout(function()...
2019-03-19 17:35:58 118
转载 CSS创建折角效果
第1步——剪角角度可以任意 ,看个人喜好,个人选择210deg #div { width: 200px; height: 100px; margin: 100px; padding: 20px; position: relative; background: linear-gradient(210deg, transpare...
2018-08-25 21:24:20 1486
原创 web前端一些需要注意的小点
1. 行内块元素不能直接使用marin:0 auto;使其在块内水平居中,必须转为display:block;例如img
2018-06-14 09:38:22 186
原创 ul li 中的type属性
ul为无序列表,list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana ...
2018-06-13 15:22:59 9162
转载 Java Comparable与Comparator
注:转载自 https://www.cnblogs.com/xujian2014/p/5215082.html一、Comparable简介 Comparable是排序接口。若一个类实现了Comparable接口,就意味着该类支持排序。实现了Comparable接口的类的对象的列表或数组可以通过Collections.sort或Arrays.sort进行自动排序。 此外,实现此接口的对象...
2018-04-12 10:30:58 104
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人