cxx4220-CSDN博客

原创 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 1593

原创 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 853

原创 JS中事件委托或事件代理

概述那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。事件委托是利用事件的冒泡原理来实现的，何为事件冒泡呢？就是事件从最深的节点开始，然后逐步向上传播事件，举个例子：页面上有这么一个节点树，div>ul>li>a;比如给最里面的a加...

2021-03-22 18:40:53 570

转载 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 512

原创 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 3417

原创基于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 102

原创 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 167

原创模板表格下载

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 96

原创 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 586 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 16004 8

转载 JS执行机制

原文链接：https://juejin.im/post/59e85eebf265da430d571f89来源：掘金JS执行机制是单线程执行，在最新的HTML5中提出了Web-Worker，但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的，一切javascript多线程都是纸老虎！setTimeout(function()...

2019-03-19 17:35:58 111

转载 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 1448

转载 WebStorm顶部显示打开多个文件

2018-06-18 21:50:59 3918

原创 web前端一些需要注意的小点

1. 行内块元素不能直接使用marin:0 auto;使其在块内水平居中，必须转为display：block；例如img

2018-06-14 09:38:22 180

原创 ul li 中的type属性

2018-06-13 15:22:59 9132

转载 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 97

cxx4220的博客