- 博客(55)
- 收藏
- 关注
原创 arcgis-2 地图点击添加弹出层
<template> <div style="width: 100%;height: 600px;"> <div id="viewDiv" style="height: 600px;"></div> </div></template><script>import { loadModules } from 'esri-loader';export default { name:"test", mount.
2021-04-06 09:23:02 445
原创 arcgis-1 创建地图
1 . arcgis需要引入对应模块创建地图esri/Map-加载特定于创建地图的代码 esri/views/MapView-加载允许以2D模式查看地图的代码 loadModules(['esri/Map', 'esri/views/MapView'], { css: true }) .then(([ArcGISMap, MapView]) => { var map = new Map({ basemap: "topo-vector" ...
2021-04-06 08:37:04 544
原创 vue创建arcgis项目
1 下载vue-clinpm install -g @vue/cli2. 下载成功之后 创建项目vue create my-project3. cd my-project 下载gis模块npm install --save esri-loader4. 添加如下代码 运行即可查看地图<template> <div style="height:600px;"> </div> </template>...
2021-04-06 08:21:14 431
原创 CSS 实现div水平竖直居中
<div class="container"> <div class="child"></div> </div>1. 第一种 flex 布局.container{ display: flex; justify-content: center; align-items: center; }2. 绝对定位.container{ position: relative; } .child{ po.
2020-08-27 16:19:25 283
原创 webpack.config.js 配置
const path = require('path');module.exports = { entry: './src/index.js', // 入口文件 output: { // 输出配置 filename: 'bundle.js', // 输出的js文件名 path: path.resolve(__dirname, 'dist') // 输入文件目录 }, module: { rules: [ .
2020-08-14 18:18:32 111
原创 node: 跨越请求携带cookie问题
在做node中转服务时,将前端访问的接口转发到java后端,需要用到session辨别前端访问者的身份,但是在实现过程中,发现前端每次请求接口设置session 时,是成功的,req.session.isDemo = true;但是在另外的接口读取中session 时 都是undefineconsole.log( req.session.isDemo ) // undefine刚查文档时 说需要将 session 设置配置在 app.user('/')之前 修改了不成功 不过ses..
2020-07-20 11:53:18 1120
原创 css3d 正方形
perspective:500 属性定义 3D 元素距视图的距离,以像素计transform-style:preserve-3d; transform--style属性指定嵌套元素是怎样在三维空间中呈现。rotateY() Y轴旋转translate3d(x,y,z) 平移 参数可以是px 、百分比 表示平移距离展示图<div class="container"> <div class="box"> <di...
2020-07-06 18:13:04 488
原创 node 中转服务器 完成代码
var express = require('express');var router = express.Router();var url = require('url')var http = require('http')var qs = require('querystring'); var config = require('../../config/config');var request=require('request');var fs = require("fs");va.
2020-06-22 16:00:56 330
原创 node 自动读取路由
var fs = require('fs')// 初始化路由var root = path.join(__dirname,'routes') // 根目录let rootLen = root.length;function initRouter(path){ // 注册路由 var pa = fs.readdirSync(path); pa.forEach(function(ele,index){ var info = fs.statSync( path+"/"+.
2020-06-22 15:59:57 409
原创 node上传文件
管理后台需求:项目结构node模板渲染 + node中转服务器 + java后端中间需要前端上传文件到node中转服务 node中转服务再传文件到java后端1. 前端上传文件到node服务// multer 读取formdata上传的文件var multer = require("multer"); // 下载模块 npm i multer -s var upload = multer({dest:'./public/uploads'}); // 文件存储位置route..
2020-06-22 15:58:21 326
转载 前端常用60余种工具方法
原文链接https://segmentfault.com/a/11900000227368371邮箱验证export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}...
2020-05-30 16:41:25 238
转载 浏览器不能默认播放音频处理
原文链接:http://www.luyixian.cn/news_show_311603.aspx复制代码到js中 修改资源路径即可//浏览器适用 contextClass = window.AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.msAudioContext; try { var context = new
2020-05-18 17:05:26 842
原创 canvas 画布动态效果转换为gif
canvas + gif.js 将canvas 转换为gifgif的github 地址 需要的文件在 dist目录下 gif.js 和gif.worker.js在页面引入gif.jsName Default Description repeat 0 gif 是否重复播放 0 为重复 -1 不重复 quality 10 ...
2020-04-10 11:56:33 4265 2
原创 canvas 删除图片上的点
<canvas id="canvas" width="200" height="200" ></canvas><script> let canvas = document.getElementById("canvas"); let cxt = canvas.getContext("2d"); // 拿到对象 let img = n...
2020-04-10 10:17:41 967
原创 给定一个字符串,请你找出其中不含有重复字符的 最长子串 的长度。
/***@param{string}s*@return{number}*///暴力解决分割出所有字符串然后判断子串中是否有重复的当字符串太长时超时暂未找到优解varlengthOfLongestSubstring=function(s){if(s.length<=1){returns.l...
2019-12-14 15:48:03 347 1
原创 工作学习资料库
pwa学习vue-iview 后台ui框架vue-element-admin vue后台模板前端工程师模拟面试阿里icon云端引用空间(ps,excel,word,ai...)typeScript 学习
2019-04-24 10:17:43 344
原创 js 图片下载问题
解决浏览器不同域图片不能直接下载问题https://github.com/a1044187112/download-img1.同域图片使用a标签下载2.不同域图片使用xmlhttp 请求图片的blob格式 通过处理blob格式来下载图片注意: 没有设置允许跨域访问的 ,图片不能下载...
2019-04-23 15:44:52 349
原创 正则验证
varnickName= "54465",username="52465";var patrn=/^(\w){6,20}$/; // 验证密码字母、数字、下划线组成let nameReg = /^[\u4E00-\u9FA5]{2,4}$/; // 姓名验证var regEn = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~...
2019-04-18 16:13:42 147
原创 js 监听手机物理返回按键
document.addEventListener("plusready", function() { // 注册返回按键事件 plus.key.addEventListener('backbutton', function() { window.history.go(-1); // 事件处理 ...
2019-04-08 20:21:21 2654
原创 iview 文件上传 (清除已上传文件方法)
<template> <div class="inpopus" @click="bgClickClose"> <div class="ip_con"> <div class="ip_con_t"> {{upload_list.title}} ...
2019-04-03 14:39:50 8357 3
转载 利用a标签获取url 域名,参数 关键字
创建一个a标签,将需要的url赋值给url (a为什么会有这些属性,还没有搞明白,希望知道的大神能解释一下)function parseURL(url) { var a = document.createElement('a'); a.href = url; return { ...
2019-03-27 11:39:54 1496
转载 前端冷知识,666 收藏了
https://www.cnblogs.com/Wayou/p/things_you_dont_know_about_frontend.html
2019-03-26 16:28:36 287
转载 flex布局(转)
原文地址:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlFlex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ ...
2019-03-26 15:02:12 91
原创 vue 路由钩子函数
Vue:router的beforeEach与afterEach钩子函数路由钩子是在路由变化时使用者可以执行的函数Vue.beforeEach(function(to,form,next){}) /*在跳转之前执行*/Vue.afterEach(function(to,form))/*在跳转之后判断*/router.beforeEach((to, from, next) =...
2019-03-26 10:06:01 815
原创 vur iview 表单提交数据
下载module$ npm install --save iview在main导入import iView from 'iview' // 引入iview依赖import 'iview/dist/styles/iview.css' // 引入iview css样式Vue.use(iView) //使用iview组件 登录页面调用 v-model 绑定数据 :r...
2019-03-25 15:28:15 4118 2
原创 h5新元素
<canvas> 新元素标签 描述 <canvas> 标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API 新多媒体元素标签 描述 <audio> 定义音频内容 <video> 定义视频(video 或者 movie) <source> 定...
2019-03-12 21:53:40 223
原创 h5 新特性 浏览器支持 浏览器兼容方法
h5 新特性用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素,比如 article、footer、header、nav、section 新的表单控件,比如 calendar、date、time、email、url、searchh5 浏览器支持 现代的浏览器都支持 HTML5。此外,所有浏览器...
2019-03-12 21:16:08 3061
转载 js 将图片转换成base64格式的
原文地址:https://www.cnblogs.com/mr-wuxiansheng/p/6931077.htmlvar img = "imgurl";//imgurl 就是你的图片路径 function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.w...
2019-02-23 22:43:18 6428 2
转载 js 图片上传
原文链接:https://www.cnblogs.com/anni1107/p/7776990.html简单的jQuery实现input file选择图片后,可以预览图片的效果简单的HTML代码: 1 2 3 4 5 <div> <img src="" class="img"> <...
2019-02-23 20:53:44 940
原创 js 将内容复制到剪切板
var addresss = $(this).prev('.con_li_address').text(); // 获取钱包地址信息 $(this).next('input').val(addresss).select(); // 将地址信息加载到input中并设为选中状态 document.execCommand('copy'); // 复制将input设...
2019-02-21 15:11:05 1122
原创 angular-cli 创建项目
1.安装angular脚手架 npm install -g angular-cli2.创建项目ng new project_name; project_name是项目名称3. 找到项目并启动cd project_name 启动 ng server4. 浏览器中输入 http://localhost:4200/ ...
2019-02-11 11:48:10 534
原创 fping探测局域网中存活的注册
~# fping -a -g 192.168.19.0 192.168.19.254 //第一个ip为探测开始ip 第二个为探测结束ip 探测结果192.168.19.1 // 存活的机器192.168.19.2 // 存活的机器192.168.19.129 // 存活的机器ICMP Host Unreachable from 192.168.19.129 for ICMP Ec...
2018-12-19 23:02:37 673
原创 whois获取域名信息
whois + 域名 whois baidu.netDomain Name: BAIDU.NET Registry Domain ID: 69196646_DOMAIN_NET-VRSN Registrar WHOIS Server: whois.paycenter.com.cn Registrar URL: http://www.xinnet.com Update...
2018-12-19 22:55:08 2799
原创 curl 获取网站信息
curl --head www.baidu.com 可以获取网站开发语言 用的服务器 HTTP/1.1 200 OKAccept-Ranges: bytesCache-Control: private, no-cache, no-store, proxy-revalidate, no-transformConnection: Keep-AliveContent-Length: 277...
2018-12-19 22:52:38 1372
原创 kali系统apt-get报错
apt-get update 后报错 Reading package lists... Done此时需要更新源 在etc/apt/目录下找到source.list文件 打开加入新的源 deb http://cn.archive.ubuntu.com/ubuntu/ trusty main restricted universe multiverse.deb http://cn.ar...
2018-12-19 17:13:52 862
原创 nmap 指纹收集 kali系统
nmap www.baidu.com 扫描防火墙是否开启 Starting Nmap 7.70 ( https://nmap.org ) at 2018-12-19 16:06 HKTNmap scan report for www.baidu.com (61.135.169.125)Host is up (0.039s latency).Not shown: 998 filtered...
2018-12-19 16:22:02 2420
原创 字符串
es6 新增了三个方法判断一个字符串是否包含在另一个字符串中includes():返回布尔值,表示是否找到了参数字符串。 startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。 endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。let str = 'hello wrold!';str.includes('hello'); // truest...
2018-11-01 15:25:44 111
转载 变量赋值-解析
// 赋值 根据位置对应关系赋值 模式匹配 let [x,y,z] = [1,2,3]; console.log(x+"--"+y+"---"+z); // 1--2--3 // 以后都不会成功 每一模式匹配 第二个能bar的值为1 fooo undefined let [foo] = []; let [bar...
2018-11-01 14:53:10 485
转载 indexedDB介绍以及api
// 原文链接1.现有的浏览器数据储存方案,都不适合储存大量数据:Cookie 的大小不超过4KB,且每次请求都会发送回服务器;LocalStorage 在 2.5MB 到 10MB 之间(各家浏览器不同),而且不提供搜索功能,不能建立自定义的索引。IndexedDB 就是浏览器提供的本地数据库,它可以被网页脚本创建和操作。IndexedDB 允许储存大量数据,提供查找接口,还能建立索引(...
2018-09-18 15:34:09 1582
原创 indexedDB 数据库增删改查
//打开数据库 第一个参数是字符串,表示数据库的名字。如果指定的数据库不存在,就会新建数据库 //第二个参数是整数,表示数据库的版本 var db; function open(){ var request = window.indexedDB.open("test",3); request.onerr...
2018-09-18 15:22:48 1760
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人