Tiny2017的博客

历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代 CommonJS 和 AMD 规范，成为浏览器和服务器通用的模块解决方案。通过对 CommonJs、CMD、AMD 进一步处理，它没有自己专有的规范，是集结了 CommonJs、CMD、AMD 的规范于一身。语句输出的接口，与其对应的值是动态绑定关系，即通过该接口，可以取到模块内部实时的值。

一、跨域是什么？跨域，指的是浏览器不能执行其他网站的脚本当前页面的url 与 请求url的协议、域名、端口三个其中任意一个不同时都会产生跨域。当前url请求的url是否跨域跨域原因https://www.baidu.comhttps://www.baidu.com/a.js否同源https://www.baidu.comhttp://www.baidu.com/a.js是协议不同，一个是https，一个是httphttps://www.baidu.com

目的：实现上传图片功能效果：思路：用input标签自带的上传，先隐藏掉，给上传按钮添加点击事件，绑定input的点击事件代码：//html<input ref="img-upload-input" class="img-upload-input" type="file" accept=".png, .jpg" @change="submitUpload"><el-button style="margin-top: 20px" type="primary" @click="h

1.api2.官方示例3.在leaflet中使用引入：方法一：<script src="http://mapv.baidu.com/build/mapv.js"></script>方法二：cnpm install mapv 导入mapv的依赖import { tiandituTileLayer } from '@/libs/wmtslayer/L.TiandituTileLayer'import 'mapv'import * as mapv from 'mapv'

1.播放器选择1.dplayer2.liveplayer（此处选择这个）liveplayer2.安装npm install --save-dev video.jsnpm install @liveqing/liveplayernpm install flv.js3.liveplayer在vue中使用3.1 复制依赖文件安装 copy-webpack-plugin 插件, npm install copy-webpack-plugin@4.6.0,编辑你的 webpack.config.

1.掘金上的一篇webgis介绍：一个页面仔必备的 WebGIS2.常用坐标系汇总：常用坐标系汇总3.WMTS服务初步理解与读取： WMTS4.WebGIS前端地图显示之根据地理范围换算出瓦片行列号的原理：根据地理范围换算出瓦片行列号的原理5.天地图OGC WMTS服务规则：天地图OGC WMTS服务规则6.leaflet 插件Proj4Leaflet：Proj4Leaflet这个Leaflet插件增加了对使用Proj4js支持的投影的支持 。Leaflet内置了对Spherical Mer

js全屏插件https://github.com/sindresorhus/screenfull.js/下载$ npm install screenfull引入import screenfull from 'screenfull'使用fullScreen() { let ele = this.$refs.mainIframe this.$refs['btn_full'].addEventListener('click', () => {

原理：symbol + use:xlink:hrefsvg-sprite-loader 生成雪碧图require.context 动态引入文件包装组件1.引入svg-sprite-loader ：npm install svg-sprite-loader2.最安全合理的做法是使用 webpack 的 exclude 和 include ，让svg-sprite-loader只处理你指定文件夹下面的 svg，url-loaer只处理除此文件夹之外的所以 svg，这样就完美解决了之前冲突的问题。

1.css命名规范特别声明：此篇文章由David根据csswizardry的英文文章原名《MindBEMding – getting your head ’round BEM syntax》进行翻译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax以及作者相关信息——作者：csswizardr

遇到问题：http请求415错误Unsupported Media Type提交媒体类型不对，然后更改headers的Constent-Type，同时提交的数据类型要是Json字符串const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, timeout: 30 * 1000, transformRequest: [function(data) { // 提交的数据类型要是Json字符串 re

首先下载包npm install leafletnpm install heatmap.js引入import * as L from 'leaflet'import 'leaflet/dist/leaflet.css'import 'heatmap.js'import HeatmapOverlay from 'heatmap.js/plugins/leaflet-heatmap'创建地图全局变量window.heatmaplayer = null; //定义全局图层变量html部

使用vue cli3创建项目之后要打包部署，前端自己先预览时，可以试试本地预览和nginx代理1.本地预览就是按照https://cli.vuejs.org/zh/config/ 官方文档说的，用nodejs静态文件服务器npm install -g serve安装serve -s dist 这里的dist是打包生成的文件名然后注意，运行的时候再执行打包命令好像不行，就先 ctrl + c 选择退出2.nginx代理先下载nginx，然后进入nginx目录输入start nginx命令启

1.console.log()**用法1：console.log('abc') // abc用法2，打印全名变量： let a = 5 console.log({ a }) // {a: 5}用法3，高级格式化：let obj = { name: '深深', age: 18, stature: '3m'}console.log('深深的个人资料: %O', obj...

flex学习笔记参考参考连接语法：flex: none | auto | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]其中：flex-grow 分配固定空间flex-grow 剩余空间富余时，该如何分配flex-shrink 剩余空间不足时， 该如何分配 ,先设置个最小值，保证空间不足时还能...

前端学习路线收集2018年的一个前端路线，内附学习链接等前端路线里面有js思维导图GitHub上看到的思维导图

vue js 阻止事件冒泡本来想用preventDefault来阻止冒泡，但是没有效果于是试了vue.js提供的v-on的事件修饰符，参考博文其中 @click.stop阻止单击事件继续传播<template> <div class="rabbit" ref="rabbit" @click.stop="clickRun($event)"> </div&...