js
qq_28918357
前端学习中,目前切图仔
展开
-
登陆成功,接口扔报401。vue.config.js 配置代理请求,携带cookie
前端登陆成功,但其他接口仍报401。解决方法,vue.config.js 配置代理请求时携带cookie,供前后端采用cookie验证机制的系统在开发阶段参考原创 2022-04-12 09:16:36 · 2220 阅读 · 1 评论 -
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 · 4323 阅读 · 0 评论 -
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 · 85 阅读 · 0 评论 -
大屏等响应式 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 · 447 阅读 · 0 评论 -
图片懒加载原理
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 · 80 阅读 · 0 评论 -
记一次本地地图瓦片服务发布过程-简单模拟 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 · 781 阅读 · 0 评论 -
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 · 2791 阅读 · 1 评论 -
利用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 · 96 阅读 · 0 评论 -
冒泡排序的几种方法
基本方法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 · 200 阅读 · 0 评论 -
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 · 89 阅读 · 0 评论 -
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 · 457 阅读 · 0 评论 -
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 · 90 阅读 · 0 评论 -
文件上传相关
一 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 · 99 阅读 · 0 评论 -
js 对象 {} 数组 [] 与null的关系
{} != null[] != nullnull 是 js基础类型 false{} [] 都是 js 的复杂类型 均不为空 true[].length ===0 {}.length undefined** 后台获取数据判断是否成功时 如果数据是对象 则 if(obj) 判断如果是数组使用 if(Arr && Arr.length)...原创 2020-03-15 17:03:58 · 539 阅读 · 0 评论 -
new Error('message')
throw new Error(‘message’)原创 2020-01-28 15:01:59 · 3139 阅读 · 0 评论 -
将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 · 1905 阅读 · 0 评论 -
Array 方法
Array数组方法转载转载https://www.cnblogs.com/sqh17/p/8529401.html转载 2019-11-05 14:41:10 · 71 阅读 · 0 评论 -
vue-cli3
好文章https://juejin.im/post/5c3c544c6fb9a049d37f5903转载 2019-10-18 16:55:32 · 58 阅读 · 0 评论 -
vue history 模式打包部署在域名的二级目录的配置指南
vue history 模式打包部署在域名的二级目录的配置指南http://www.lovean.com/view-10-335775-0.html不知道是否可行 下次试试转载 2019-10-18 11:38:07 · 277 阅读 · 0 评论 -
vue项目二级路由刷新后样式丢失、错乱的解决方案
vue项目二级路由刷新后样式丢失、错乱的解决方案#翻译 2019-10-18 11:29:14 · 2471 阅读 · 0 评论 -
递归循环树结构
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 · 361 阅读 · 0 评论 -
donothing()
// html // 方法定义function doNothing() {window.event.returnValue = false;return false;}原创 2019-08-13 15:19:48 · 592 阅读 · 0 评论 -
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 · 69 阅读 · 0 评论 -
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 · 242 阅读 · 0 评论