- 博客(47)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 H5首屏图片加载优化
背景当h5的首屏为一张整图的时候，图片又比较大，加载起来比较慢。一般常用的方法是将图片无损压缩 常用的压缩网站，缺点 就是压缩后的图 如果在网络较差的情况下，加载也会有一定的延迟，如果网络更加不稳定，会导致白屏的时间较长，影响用户体验。第二种方式 如同Medium的实现方案，首先利用一个缩略图来代替原图，提高用户体验。效果如下：流程页面加载------展示缩略图 并设置为模糊 — 同时下载原图— 加载完原图以后替换缩略图 --关闭模糊效果代码const imgDiv = new Image(
2021-12-29 21:06:39
2528
原创 react+egg+mysql 写一个评论组件（一）
前言最近想用react 写一款自己的博客 此篇文章主要为设计一个评论框组件~最终的功能实现效果图需求1、用户对某一文章评论 系统可以获取用户的信息 并展示出来2、其余用户可以评论别人的回复信息3、输入QQ 可以后台查询对应的用户头像保存下来数据库设计用户表id用户名联系方式头像地址评论表评论id文章id评论内容用户id状态点赞数回复信息状态分为 是否审核通过 防止恶意评论回复表评
2021-10-13 21:30:23
456
原创 vue element 实现table的自动添加列
前提由于每个同学的考试的科目可能不一样，但是老师统计的时候需要获取到每个同学的科目分数。结果如下后端返回的数据格式如下[{"id":1,"sid":"11","username":"小明","password":"123","sex":"女","yuanxi":"计算机学院","banji":"161","realname":"学生","score":[{"id":null,"sid":"11","kemu":"科目一","score":" 98","user":null},{"id":null,"
2021-04-26 16:01:02
1194
原创 常见数据类型用ts怎么写？
1.1 ts 如何声明一个boolean, number, string类型的值// 在js中，定义 isFlag 为true, 但是后面还可以重新给它赋值为字符串，而ts中就不行，同理，声明number, string 也一样let bool: boolean = true;// 会报错：不能将类型“"str"”分配给类型“boolean”。// isFlag = "str"let str: string = "a";// 会报错：不能将类型“1”分配给类型“string”。// str =
2021-02-10 11:52:47
1016
原创 vue 实现鼠标悬浮 显示操作按钮
<el-radio-group v-model="radio" class="RadioList" > <el-radio :label="item.label" v-for="(item,index) in address" :key="index">{{item.name}} <span class="flag"> <span >编辑</span> </span></el-radio>.
2020-11-29 15:48:25
8122
1
原创 js Object.assign() 方法 拷贝
Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。语法Object.assign()方法的语法: Object.assign(target, ...sources );----------参数说明-------------- 1.target:必需,接收复制属性的目标对象 2.sources:必需,待复制属性的对象 ----------Object.assign()方法注意事项------------ 1.待.
2020-11-12 11:14:40
484
1
原创 vue element excel 上传 下载
上传excel采用上传的组件为element upload常用的参数参数说明类型默认值备注action必选参数，上传的地址stringmultiple是否支持多选文件booleanshow-file-list是否显示已上传文件列表booleantrueon-remove文件列表移除文件时的钩子function(file, fileList)on-success文件上传成功时的钩子function(response
2020-11-07 13:46:27
147
原创 vue传值
vue传值的几种方法在vue开发过程中，组件是必不可少的。由于页面通常有多个组件组成，所以需要一些组件之间传值方法，本文将从以下几个常用的传值方式来给出一定的传值示例父子传值父传子父组件引入子组件父组件通过v-bind动态赋值子组件通过props 接收父组件传过来的值子传父子组件通过点击事件触发$emit(“函数名”，参数1，参数2)父组件中引入的子组件需要自动监听由子组件"注册"的 'sonChange’事件,然后调用receive方法来更改数据<!-- 父组件-
2020-11-04 21:28:28
115
原创 js判断页面是否加载完成？
法一：window.onload：当一个文档完全下载到浏览器中时，才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的，也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利，因为无需考虑加载的次序。 window.onload=function(){ dosth//你要做的事情 }法二： $(document).ready()：会在DOM完全就绪并可以使用时调用。虽然这也意味着所有元素对脚本而言都是可以访问的，但是，
2020-08-31 21:55:19
7040
原创 图片的懒加载怎么实现的
预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。懒加载：懒加载的主要目的是作为服务器前端的优化，减少请求数或延迟请求数。首先将页面上的图片的 src 属性设为空字符串，而图片的真实路径则设置在data-src属性中，当页面滚动的时候需要去监听scroll事件，在scroll事件的回调中，判断我们的懒加载的图片是否进入可视区域,如果图片在可视区内将图片的 src 属性设置为data-original 的值，这样就可以实现延迟加载。流程：1.将页面中的img标签指向一张小的图片（load
2020-08-25 22:30:16
550
原创 canvas 与svg的区别
canvas通过Javascript来绘制2D图形.是逐像素进行渲染的。其位置发生改变，会重新进行绘制。canvas的使用步骤：获取元素对应的DOM对象，这是一个Canvas对象；调用Canvas对象的getContext()方法，得到一个CanvasRenderingContext2D对象；调用CanvasRenderingContext2D对象进行绘图。特点：依赖分辨率不支持事件处理器弱的文本渲染能力能够以 .png 或 .jpg 格式保存结果图像最适合图像密集型的游戏，
2020-08-18 21:12:39
181
原创 JavaScript CSS3 Vue 实现一个轮播图
JavaScript原理设置一个定时器来替换img的src；5张图 ，当索引变成6时 ，设置索引为第一张图；HTML <div class="lunbo"> <ul class="my_ul"> <li class="my_li"><img src="img/1.png" id="img" /></li> </ul> </div> <div style=" display:
2020-08-08 13:38:42
739
原创 AMD CMD 和ES6 模块化
这里写目录标题AMD（Asynchronous Module DefinitionCMD（Common Module Definition）AMD/CMD比较定义module时对依赖的处理加载方式执行module的方式总结ES6模块化默认的导入与导出按需导入与导出直接导入并执行一些问题什么是模块化？为什么要用模块化？模块化的好处？AMD、CMD、CommonJS模块规范的对比分析：模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。
2020-08-04 15:54:13
356
原创 leaflet 常用方法
移除除底图以外所有图层 //移除除底图外的所有图层 for(var i in map._layers) { if(map._layers[i]._path != undefined) { try { map.removeLayer(map._layers[i]); } catch(e) { console.log("problem with
2020-07-03 21:06:48
878
原创 java实现八皇后问题【转】
问题如何能够在 8×8 的国际象棋棋盘上放置八个皇后，使得任何一个皇后都无法直接吃掉其他的皇后？为了达到此目的，任两个皇后都不能处于同一条横行、纵行或斜线上。八皇后问题可以推广为更一般的n皇后摆放问题：这时棋盘的大小变为n1×n1，而皇后个数也变成n2。而且仅当 n2 ≥ 1 或 n1 ≥ 4 时问题有解第一个皇后先放第一列第二个皇后放在第二行第一列，然后判断是否ok，如果不行 就...
2020-03-03 13:01:12
260
1
原创 Java实现中缀转后缀逆波兰【转】
问题假设有1+((2+3)*4)-5 要求 将中缀转成后缀方法初始化两个栈 符号栈S1 中间结果栈S2从左到右扫描中缀表达式遇到数时 ，将数字 压到S2中遇到±*/时 首先item（扫描到的运算符）比较S1栈顶运算符的优先级如果 s1为空 或者栈顶优先级小于item的优先级 或者 item为“（” ，直接将item压入到S1中如果item < s1栈顶的优先级 则...
2020-03-02 16:10:29
148
原创 Java用链表方式实现约瑟夫问题【转】
问题设编号1 ，2 ，3.。。。n 的n个人围坐一圈，约定编号为K（1<=k<=n）的人 从1开始报数，数到m的那个人出列，他的下一位又从1开始报数 ，数到m的那个人出列，直到所有人都出列。思路首先构建一个单向环形链表，并且能够显示这个环形链表，创建一个节点 这个节点 也形成一个环状 创建一个first指针 指向第一个数据，在设置一个节点 curBoy （辅助指针），...
2020-03-01 15:43:50
165
原创 VUE 使用animated 动画
导入animated.css动画npm install animate.css --save 局部引入或在main.js中全局引入import animate from 'animate.css';示例（一直脉冲）加载一个 animated infinite：循环 pulse 脉冲 <div class="wname animated infinite pulse">...
2019-12-06 12:48:58
840
原创 网页打开动画 类似进度条加载
效果图原理通过控制span的width来实现 span的颜色为白色 上下两个div为蓝色html<div class="wrap"> <div class="loadAn"> <div class="up"></div> <div class="down">&l...
2019-11-13 20:37:48
338
原创 网页端兼容手机端
只需要在页面开头加上这句<meta charset="utf-8" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
2019-11-09 18:31:53
219
原创 TCP/IP三次握手与四次挥手
浏览器渲染页面的过程用户输入URL地址浏览器解析URL解析出域名浏览器将主机域名转换成服务器ip地址（浏览器先查找本地DNS缓存列表 如果没有 再向浏览器默认的DNS服务器发送查询请求 同时缓存）浏览器将端口号从url中解析出来浏览器建立一条与目标Web服务器的TCP连接（三次握手）浏览器向服务器发送一条HTTP响应报文服务器向浏览器返回一条HTTP响应报文关闭连接 浏览器解析文...
2019-11-08 21:38:37
113
原创 常用的状态码
一些常用的状态码序号类别原因1**信息性状态码接收的请求正在处理2**成功状态码请求正常处理完毕3**重定向状态码需要进行附加操作以完成请求4**客户端错误状态码服务器无法请求处理5**服务器错误状态码服务器处理请求出错详细解释2****成功**200 ok 成功204 no content 请求成功 但是没有结果返...
2019-11-08 18:01:55
116
原创 leaflet 加载arcmap发布图层
引用加载地图的jsL.TileLayer.ChinaProvider = L.TileLayer.extend({ initialize: function(type, options) { // (type, Object) var providers = L.TileLayer.ChinaProvider.providers; var parts ...
2019-11-06 17:46:26
773
原创 arcgis10.3shp图层分级显示 发布图层
首先加载shp数据、重新命名 以此类推点击属性17级视图1:1,2571:18,0561:36,1121:72,2241:288,8951:577,7911:1,155,5831:2,311,166
2019-11-06 11:40:49
3322
原创 arcgis10.3加载shp数据，属性乱码问题
解决办法在Cmd命令行中输入以下命令：reg add HKEY_CURRENT_USER\Software\ESRI\Desktop10.3\Common\CodePage /v dbfDefault /t REG_SZ /d 936 /f重新打开 就行
2019-11-05 18:30:37
1189
2
原创 ul li 点击改变颜色 点其他的li 变回原来颜色
.bck_color{ background-color: #00F7DE; } // $("ul").on("click","li",function(){ $("ul li").removeClass("bck_color"); $(this).addClass("bck_color"); });
2019-10-24 15:34:09
4495
1
原创 leaflet+jpa+webmagic在线爬取租房信息（二）
前端前端结构leaflet加载天地图引用leaflet插件 map.jsL.TileLayer.ChinaProvider = L.TileLayer.extend({ initialize: function(type, options) { // (type, Object) var providers = L.TileLayer.ChinaProv...
2019-10-23 10:40:23
421
原创 leaflet+jpa+webmagic在线爬取租房信息（一）
最终实现 一个城市 租房信息在线爬取 并可是化到地图上想法：1 webmagic实现爬取一个城市的租房信息到数据库2从数据库中读取爬取到的信息展示到前端地图上3 先做2个简单的一步步来最终想要的效果图（）java webmagic 爬取长沙贝壳租房信息可以参考前面写的webmagic爬取工作的信息目标网站后台主要结构因为主要拿前面那个例子做初步的修改 所有数据库没有变 基...
2019-10-17 13:47:05
313
原创 arcgis api for js 生成热点图
效果图因为底图是蓝色的 没有改颜色 可能看不太清首先声明一个GraphicLayer的图层，图层是客户端类型图层，与ArcGIS Server发布的图层没有任何联系，利用发布的图层生成热力图可以参考这篇然后生命工具类 Draw，根据点选的不同进行绘画，然后将绘画的图形进行渲染即可主要代码var data=[ { x: "116.88739", y: "3...
2019-10-16 16:53:01
462
原创 Arcgis10.3 desktop server 安装教程 附下载地址
第一步安装arcgis serverPython不建议换位置输入账号密码，后面的管理发布地图服务的站点创建需要用到的下一步选择 第一个按钮 忘记截图了然后到这页面选择破解文件安装完成跳转到网页选择存储位置...
2019-09-22 16:33:30
4691
原创 arcgis10.3 server发布地图与切图
打开底图 数据层点击file创建站点选择自己的站点放在根目录或者创建新的目录选择切片等级这里我选择的是将当前界面切片 或者将整个地图切片 有点大~~分析一下 看有没有错误 然后就可以发布浏览器输入http://localhost:6080/arcgis/manager/ 就可以看到自己发布的地图点击这个就可以切片了在自己电脑D盘里面 就能看见缓存下来...
2019-09-22 15:49:42
622
原创 百度网盘无限制快速下载神器
最近用到下载百度云上的东西 发现速度特别慢，网上搜了一圈 搜到一个可以破解限制，让网速达到最高点我链接到速盘如图 我下载的是免费版
2019-09-19 21:40:25
11305
原创 webstorm 创建vue项目
第一次利用那个webstorm 创建vue12 选择一个空的文件夹vue-map为文件夹名称要选择vue3默认选择这就创建好了默认的加载说明index.html 不要动位置 不然会找不到的...
2019-09-09 18:16:34
949
转载 vue 利用axios
安装axios1)：npm install2)：npm install vue-axios --save3)：npm install qs.js --save //它的作用是能把json格式的直接转成data所需的格式在main 界面引用import Vue from 'vue'import axios from 'axios'import qs from 'qs'...
2019-09-06 19:01:03
335
原创 Arcmap配准
选择底图选择要配准的数据右击上方菜单栏 空白区域 出现以下选项 勾选到Georeferencing配准哪一个图 就选哪一个不要选自动调整选择正门上一个点在跳转到底图页面在底图页面点击对应位置的点总共选3点以上 点越多越好然后点击更新图就过去了然后点击输出选择位置 格式 为tiff的 保存下来这样把三个图都配一遍 然后重新打开一个arcma...
2019-09-03 10:54:10
1081
原创 Flex布局 ul文字加图片居中显示
效果看了一早上flex视频 尝试修改一下以前项目的布局格式 <div class="container"> <div class="peripheral" id="wrapper1"> <!-- <div id="scrollOne"> --> <ul class="featurecon"> <li f...
2019-08-30 15:43:05
1390
原创 简单的用户登陆 js+ajax
界面html <div class="content"> <div class="login-wrap"> <form id="user_login" action=""> <h3>登 录</h3> <input class="name" name="" id="accountNam...
2019-08-29 16:27:46
312
1
原创 webmagic 爬取json中的图片
主要流程1、获取json地址 解析json数据找到图片对应的img地址2、根据img地址 拼接成一个url 去读取图片3、将根据url将图片下载到本地json格式（简单写一个）[{“id”:“1”,“content”:岩体沿节理裂隙向临空面倾斜形成崩塌遗迹。",“img”:“不整合面.png”}]主要代码package xx.poi.task;import org.a...
2019-08-14 11:30:31
727
原创 SpringBoot +Jpa+webmagic入门学习案例
整体结构图#=maven依赖<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLo...
2019-08-12 09:47:53
610
6
广州shp数据用于arcgis.rar
2020-05-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人