- 博客(41)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 登陆成功，接口扔报401。vue.config.js 配置代理请求，携带cookie
前端登陆成功，但其他接口仍报401。解决方法，vue.config.js 配置代理请求时携带cookie，供前后端采用cookie验证机制的系统在开发阶段参考
2022-04-12 09:16:36
2155
1
原创 经纬度坐标转墨卡托坐标
经纬度坐标转墨卡托坐标/** * 经纬度坐标转墨卡托坐标 * @param {经度(角度值)} longitude * @param {维度(角度值)} latitude */// 墨卡托坐标系：展开地球，赤道作为x轴，向东为x轴正方，本初子午线作为y轴，向北为y轴正方向。// 数字20037508.34是地球赤道周长的一半：地球半径6378137米，赤道周长2*PI*r = 2 * 20037508.3427892，墨卡托坐标x轴区间[-20037508.3427892,20037508.
2022-02-15 11:01:13
1912
5
原创 Three.js计算模型尺寸
Three.js模型尺寸计算代码代码const scene = new THREE.Scene() const loader = new GLTF Loader() loader.load(url, (gltf) => { const box3 = new THREE.Box3() box3.expandByObject(gltf.scene) const v3 = new THREE.Vector3() box3.getSize(v3) console.log('size', v3)
2022-02-14 14:33:51
2892
原创 javascript提取图片主要颜色
本文主要整理前人的文章，并增强色彩饱和度，在此记录留用基础html结构<span style='display: inline-block;width:100px;height: 100px;' id='span'>12</span><img id="imgs" src="http://127.0.0.1:8081/rgb1.jpg" alt="" width="300" height="400">借助 canvas 图片主要 rgb 色值 var img
2021-05-07 14:55:35
4194
原创 mysql 数据库 crud
show databases;-- 关闭 safe-updates 模式SET SQL_SAFE_UPDATES = 0; select * from users; select * from blogs;-- 倒序排列select * from blogs order by id desc;-- 查询总数select count(uid) as `count` from users;-- 倒序查询第二页select * from blogs order by id desc
2020-11-01 11:23:07
84
原创 大屏等响应式 px 转为 rem 单位的使用
第一种方法 css3 calc 动态计算前提 UI稿是1920*1080px 72px分辨率默认 在1920分辨率下 根字体 font-size 是100px 方便计算// css中html { /* 1920分辨率下 根字体是 100px */ font-size: calc(100vw / 1920 * 10);}.title { font-size: 0.2rem // 对应 20px}第二种方法 js 动态设置在页面初始化的时候调用document.add
2020-10-10 11:05:21
413
原创 图片懒加载原理
function layzload() { var images = document.getElementsByTagName('img') var len = images.length var n = 0 return function(){ var seeHeight = document.documentElement.clientHeight for(var i = n; i<len; i++){ if(iamges[i].getBounding
2020-10-09 09:03:30
75
转载 跟着 vue-element-admin 学vue 1
我创建和编辑的页面使用的是同一个component,默认情况下当这两个页面切换时并不会触发vue的created或者mounted钩子，官方说你可以通过watch $route的变化来做处理，但其实说真的还是蛮麻烦的。后来发现其实可以简单的在 router-view上加上一个唯一的key，来保证路由切换时都会重新渲染触发钩子了。这样简单的多了。<router-view :key="key"></router-view>computed: { key() { .
2020-09-22 14:43:12
77
原创 记一次本地地图瓦片服务发布过程-简单模拟 openlayers + 天地图
openlayers 加载本地 天地图瓦片因为本身非GIS专业 可能有坐标便宜或者其他问题 欢迎指正1.下载瓦片切片使用免费的 LocaSpaceViewer 下载天地图切片10、11，12级瓦片得到下述文件目录，文件名称对应zoom层级，如10/835/407.png，可发现路径规则为 z/y/x.png2.利用http-server发布地图服务，获得url地址http://127.0.0.1:8080/z/y/x.png3.openlayers配置let layerTiles
2020-09-18 17:01:59
673
原创 mapbox制作自定义地图并发布在线瓦片地址
1. 注册账号 进入 studio 页面2. 新增 style3. 设计自己的自定义地图样式 与百度高德类似 自己摸索 注意点击右上角发布4. 回到 studio 页面 点击制作好的想要使用的地图样式的分享按钮5. 从分享页面获取 stypeId access_token 等拼接成下面的url地址形式https://api.mapbox.com/styles/v1/YOUR_USERNAME/YOUR_STYLE_ID/tiles/256/{z}/{x}/{y}?access_token
2020-09-11 17:34:03
2656
1
原创 利用 vue的 $createElement 方法格式化 elementui table cell 内容 如根据不同值显示不同颜色
el-table 中定义 formatter 方法名<el-table-column prop="warnReasons" label="类型" :formatter="formatterReason"></el-table-column>methods 中定义方法formatterReason(row, column, cellValue) { const h = this.$createElement switch (cellV
2020-09-10 10:18:55
654
原创 利用Canvas 压缩图片
const ACCEPT = ['image/jpg', 'image/png', 'image/jpeg'] const MAXSIZE = 3 * 1024 * 1024 // 转成 base64 function converImgToBase64(file, cb){ let render = new FileReader() render.addEventListener('load', function(e){ const base64Img = e.target
2020-07-20 16:10:21
89
原创 冒泡排序的几种方法
基本方法function bubbleSort(arr){ const len = arr.length for(let i = 0;i<len;i++){ for(let j=0;j<len-1;j++){ if(arr[j] > arr[j+1]){ let temp = arr[j] arr[j] = arr[j+1] arr[j+1] = temp
2020-07-19 19:07:55
196
原创 Array Set Object
var obj = {o1:1, o2:2, o3:3}var arr = ['a1', 'a1', 'a2', 'a3']// Object 'o1' in obj // trueobj.hasOwnProperty('o1') // truedelete obj['o1'] // obj = {'o2':2, 'o3':3}// for in 循环到的 key. for of 得到 value 优先使用for of// Set 集合 用于数组去重let set = new S
2020-07-19 17:32:28
85
原创 js 队列 先进先出
队列 function Queue() { // var items = [] window.items = [] // 方便调试 this.enqueue = function (e) { items.push(e) } this.dequeue = function (e) { return items.shift() } this.front = function (e) { return items[0] } t
2020-07-17 15:06:07
451
原创 js 栈应用 进制互转
定义栈 function Stack() { // var items = [] window.items = [] // 方便浏览器调试 this.push = function (e) { items.push(e) } this.pop = function (e) { return items.pop() } this.peek = function (e) { return items[(items.length - 1)]
2020-07-17 14:45:35
88
原创 window 事件
beforeunload当窗口，文档及其资源即将被卸载时触发。也可以通过onbeforeunload属性。DOMContentLoaded当文档完全加载和解析时触发，而无需等待样式表，图像和子帧完成加载。等价于 jquery的 $(function(){ … }) $(document).ready(function(){ … })// 使用document.addEventListener(‘DOMContentLoaded’, function() {// 此方法为原生j
2020-07-13 15:20:58
104
原创 vue-ol-pop openlayers 信息弹窗组件 欢迎 star 使用
vue-ol-popopenlayers 使用的简洁信息弹窗 主要用于展示 feature 的 key value 形式属性信息git 地址 https://github.com/Alanxhy/vue-ol-pop.git使用方法# install dependenciesnpm install vue-ol-pop -S# main.jsimport popup from 'vue-ol-pop'Vue.use(popup)# component.vue 在项目中引用&
2020-07-09 11:09:40
529
2
原创 文件上传相关
一 FormData 文件怎么上传是XMLHttpRequest 的接口，用于上传文件, 二进制文件// file 可以是通过 input 加载的文件let form = new FormData()form.append('file', file) // key:valueaxios({...data: from...})二 blob/file 文件从哪里来说明: file 是 blob 的一个小类 理论上 blob 的方法 file 都能用1. input 上传<i
2020-06-12 12:59:02
98
原创 html div 垂直居中对齐的几种方式
html div 居中对其的几种方式<div class="parent"> <div class="child"></div></div>方式1 position, margin/transtrom, 需要父子属性共同决定 .parent{ position: relative; height: 100%; } .child{ position: absolute; left
2020-06-05 10:40:25
844
原创 js 对象 {} 数组 [] 与null的关系
{} != null[] != nullnull 是 js基础类型 false{} [] 都是 js 的复杂类型 均不为空 true[].length ===0 {}.length undefined** 后台获取数据判断是否成功时 如果数据是对象 则 if(obj) 判断如果是数组使用 if(Arr && Arr.length)...
2020-03-15 17:03:58
520
原创 Vue watch Object Array 复杂类型对象
Vue watch Object Array 复杂类型对象watch: { Arr: { **deep:true, // 必须深度监听** hander(newV, oldV){} }, msg(){ // 普通属性不需要深度监听 handler(newV, oldV){} }}...
2020-03-15 14:43:27
468
原创 VUE动态设置class,定义样式
vue动态定义class 定义样式:class="{'className': this.number === 1}"
2020-01-28 13:44:25
1313
原创 将JSONP字符串转化为json的方法
将JSONP字符串转化为json的方法codecodevar callbackStrif(typeof callbackStr === 'string'){ var reg = /^w+\(({[^()]+})\)$/ var matches = callbackStr.match(reg) if(matches){ ret = JSON.parse(matches[1]) ...
2020-01-27 18:30:39
1888
转载 vue history 模式打包部署在域名的二级目录的配置指南
vue history 模式打包部署在域名的二级目录的配置指南http://www.lovean.com/view-10-335775-0.html不知道是否可行 下次试试
2019-10-18 11:38:07
275
原创 递归循环树结构
function recursion(data) {data.forEach(item => {arr.push(item.id);if(item.children && item.children.length > 0){recurison(item.children)}})}
2019-10-14 17:13:15
353
原创 donothing()
// html // 方法定义function doNothing() {window.event.returnValue = false;return false;}
2019-08-13 15:19:48
582
原创 Vue CLI3--运行 test .vue 文件
`// 1.全局安装插件npm install -g @vue/cli-service-global// 2.运行test.vue文件vue serve Hello.vue`启动服务即可访问
2019-08-12 10:48:17
483
原创 computed计算属性
data(){return {msg:‘msgContent’}}computed: {totalPrice() {}}// 计算属性结果类似 全局 this.data.msg 一样使用 {{totalPrice}}
2019-08-11 08:24:09
60
原创 webpack中‘～‘ 代表的路径问题
webpack中‘～‘ 代表的路径问题webpack中‘～‘ 代表的路径问题‘～comm/index’ 等同于 ‘src/common/index’// vue.config.jschainWebpack(config) {config.resolve.alias.set(‘comm’, resolve(‘src/common’))}...
2019-08-08 06:48:18
462
原创 String split() 方法
将字符串切割返回数组的方法在这里插入代码片let str = "1 ~ 2 ~ 3"str.split("~") // ["1 ", " 2" , " 3"]str.split("~").map(i => i.trim()) // ["1", "2" , "3"]str.split("~", 2).map(i => i.trim()) // ["1", "2"] 只...
2019-07-08 14:34:18
68
原创 Object.keys() 模仿 qs.stringify()
#Object.keys() 模仿 qs.stringify()并加入排序在这里插入代码片import qs from 'qs'let params = { name: 'zs', age: '18'}// {name: "zs", age: "18"}console.log(qs.parse(params)) // name=zs&age=18consol...
2019-07-08 11:27:55
495
原创 jq操作checkbox
jq操作checkbox$(’.select-box’).find(‘input[type=“checkbox”]:checked’).each(function(i, item){item.checked = false})// 其中item 为js dom
2019-06-20 14:59:57
235
原创 git 使用
git使用提示提示Commit failed - exit code 128 received, with output: '*** Please tell me who you are.Run git config --global user.email "[email protected]" git config --global user.name "Your Name"t...
2019-06-03 23:24:59
61
原创 加载图片错误，加载默认图片
var whenImgError = function(a) {a.onerror = nulla.src = ‘http://default.png’console.log(‘图片错误’)}
2019-05-30 15:42:06
436
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人