imxiezy
imxiezy

webgis之制作地图切片方法(三) —— tippecanoe

相关文章

《webgis之制作地图切片方法(一) —— QGIS》
《webgis之制作地图切片方法(二) —— gdal2tiles.py》

前言
本文介绍Mapbox开源的一个非常强大的矢量切片工具应用 —— tippecanoe。通过该工具可以将geojson格式的数据切片成 xyz 形式的矢量切片 或者 mbtiles 格式的矢量切片。本文将介绍该工具简单应用方式，并通过 MapboxGL 预览切片。

  • 环境
    macOS、tippecanoe、express、MapboxGL
  • 工具安装
    本实验是macOS环境，win系统使用可以装个ubuntu虚拟机，具体方式可以参考官网。
$ brew install tippecanoe

制作切片

更多配置项参考官网。

1. 制作mbtiles 切片

配置项 含义
-zg 自动选择最大的maxZoom，平衡性能
-o 输出文件
custome.json 切片的文件，仅支持geojson，根据实际情况写 
tippecanoe -zg -o custom.bmtiles custom.json

2. 制作xyz切片（pbf）

（1）不压缩的pbf 切片

配置项 含义
-z maxZoom，最大的切片层级
-Z minZoom，最小的切片层级
-pC 不压缩文件（gzip）
-e 输出文件夹
custome.json 切片的文件，仅支持geojson，根据实际情况写 
tippecanoe -z10 -Z0 -pC -e xyz custom.json
  • 切片结果如下：
    webgis之制作地图切片方法(三) —— tippecanoe_第1张图片
  • MapboxGL加载切片

未压缩的切片放在服务器中以静态文件服务的形式发布，可以使用MapboxGL直接调用。

<html>

<head>
    <title>Mapbox Demotitle>
    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
    <link href="https://api.mapbox.com/mapbox-gl-js/v2.13.0/mapbox-gl.css" rel="stylesheet">
    <script src="https://api.mapbox.com/mapbox-gl-js/v2.13.0/mapbox-gl.js">script>
head>

<body>
    <div id="map" style="width: 100vw; height: 100vh">div>
body>
<script type="text/javascript">

    // Get a mapbox API access token
    mapboxgl.accessToken = 'token';

    // Initialize mapbox map
    const map = new mapboxgl.Map({
        container: 'map',
        style: 'mapbox://styles/mapbox/dark-v11',
        center: [22.324219, 42.423322],
        zoom: 4,
    });

    map.on('load', () => {

        map.addSource('myvct', {
            type: 'vector',
            tiles: ['http://localhost:3000/geoserver/{z}/{x}/{y}.pbf']
        })
        map.addLayer({
            id: 'mylayer',
            source: 'myvct',
            "source-layer": 'custom',
            type: 'fill',
            paint: {
                "fill-color": '#0080ff',
                'fill-opacity': 0.5
            }
        })
    });
script>

html>
  • 渲染效果
    webgis之制作地图切片方法(三) —— tippecanoe_第2张图片
    （2）gzip压缩的pbf切片
    gzip压缩是默认的切片方式，其中有一点点坑，切片集不能在像未压缩那样简单粗暴的扔到服务器调用就行，如何使用往下看吧。
  • 切片命令
tippecanoe -z10 -Z0 -e xyz custom.json
  • 问题
    将切片结果，仍然像上文那样去使用时，客户端报错了message : "Unimplemented type: 3"，这个问题官方也有提到 issues，由此官网也对这个做了补充描述。
  • 解决方法
    解决方法很简单，只需要在请求切片返回头参数Response Headers加参数 Content-Encoding: gzip 就可以了。实现目的的方式多种多样，本实验使用 express 实现地图服务支持。服务端关键代码如下：
const express = require("express");
const fs = require("fs");
const path = require("path");

const app = express();
const port = 3000;

// 自定义跨域中间件
const allowCors = function (req, res, next) {
  res.header("Access-Control-Allow-Origin", req.headers.origin);
  res.header("Access-Control-Allow-Methods", "GET,PUT,POST,DELETE,OPTIONS");
  res.header("Access-Control-Allow-Headers", "Content-Type");
  res.header("Access-Control-Allow-Credentials", "true");
  next();
};
app.use(allowCors); //使用跨域中间件

// pbf 矢量切片请求接口
app.get("/geoserver/:z/:x/:y", (req, res) => {
  const { z, x, y } = req.params;

  // 读取pbf文件
  const pbfFilePath = `./zipxyz/${z}/${x}/${y}`

  if(fs.existsSync(pbfFilePath)){
    const file = fs.createReadStream(pbfFilePath);
    // 根据pbf文件是否压缩设置相应头
    res.setHeader("Content-Encoding", "gzip");
  
    /**
     * some program block.
     */
  
    file.pipe(res);
  }
});

app.listen(port, () => {
  console.log(`server on ${port}`);
});
  • 效果
    webgis之制作地图切片方法(三) —— tippecanoe_第3张图片

你可能感兴趣的:(Mapboxgl,GIS,Nodejs,javascript,node.js)

  • JavaScript 中，不同的赋值方式适用场景 前端小芬芬 javascript
    在JavaScript中，不同的赋值方式适用于不同的场景。以下是每种赋值方式的详细解释和使用场景：1.使用扩展运算符...进行浅拷贝letobj={...data};功能：创建一个新的对象，并将data对象的所有可枚举属性复制到新对象中。适用场景：适用于简单对象的浅拷贝，特别是当对象的属性不包含嵌套对象或数组时。示例：letdata={a:1,b:2};letobj={...data};conso
  • flaresolverr环境搭建 野生猕猴桃 FlareSolverrflareSolverrcloudflare爬虫跳过cloudflare
    FlareSolverr是一个基于浏览器自动化技术的反爬虫解决方案。它可以应对一些比较复杂的反爬虫策略，如Cloudflare、hCaptcha等，并提供了简单易用的API接口。具体来说，FlareSolverr就是一个被动式的浏览器渲染服务，它使用了HeadlessChrome和Puppeteer技术来模拟人工操作浏览器的行为，并通过自定义的JavaScript脚本和与浏览器进行交互，最终获取网
  • HarmonyOS开发实战：Node-API扩展能力接口 小小煤球 鸿蒙开发HarmonyOSOpenHarmonymicrosoft鸿蒙华为harmonyos前端鸿蒙系统开发语言
    前言：扩展能力接口进一步扩展了Node-API的功能，提供了一些额外的接口，用于在Node-API模块中与JavaScript进行更灵活的交互和定制。这些接口可以用于创建自定义JavaScript对象等场景。基本概念在理解Node-API扩展能力接口之前，需要了解一些基本概念：模块:一个模块是一个可重用的、独立的代码单元。它封装了相关功能，并可以被其他模块引用和使用。命名空间:命名空间是一种用于组
  • VUE3笔记 一介书生. 前端javascriptvue.js前端
    前端系列一、HTML5二、CSS3三、JavaScript四、jQuery五、BootStrap六、Element七、Ajax八、JSON九、VUE3第一章、基础一、vue简介1、学习阶段vue2基础vue-cli（vue的手脚架，专门做工程化开发）vue-router（实现前端路由的）vuex（vue存储数据的）element-ui（ui组件库）vue32、vue的特点采用组件化模式，提高代码复
  • 问题解决：vue dev模式没问题，dist之后页面not found Einstellung 前端vuejavascriptkoa2
    导读：本菜鸡作为一个JavaScript的初学者，搞了一个Vue页面之后想将其在生产环境中部署。但是dist之后发现生成的静态页面只有首页访问正常，其余页面全部都是NotFound，百思不得其解。经过调查解决了问题。将自己学习和思考过程记录下来，供后来的人一个参考。SPA单页谈起要想解决dist之后notfound问题，首先要理解Vue的SPA单页特性，首先来看一下SPA定义：单页Web应用（si
  • 软件测试——论坛系统测试用例 Xxxeel 软件测试软件测试报告测试用例功能测试
    功能测试其他测试测试用例用例编号用例描述优先级预置条件操作步骤测试数据预期结果测试结果BugID软件版本测试员SNS_User_Register_001注册成功使用合法的数据成功注册一个新账号P11、已打开注册页面2、准备一个未注册用户信息1、输入用户昵称2、输入用户名3、输入密码4、确认密码5、输入手机号码6、输入验证码7、输入邮箱8、点击注册按钮1、用户昵称：User12、用户名：测试用户13
  • 速盾：cdn加速好还是整站加速好？ 速盾cdn 网络web安全安全
    CDN加速和整站加速都是在网站访问速度上的优化手段，但它们的实现原理和效果略有不同。CDN（ContentDeliveryNetwork）加速是利用分布在全球各地的服务器节点，将网站的静态资源（如图片、CSS、JavaScript等）缓存到离用户最近的节点上，从而提高用户访问这些资源的速度。CDN加速可以减轻源站的访问压力，提高网站的稳定性，并且有效地解决了不同地域用户访问速度慢的问题。此外，CD
  • nrm｜npm快速切源 在你之后 npm前端node.js
    npmERR!auditYourconfiguredregistry(https://registry.npmmirror.com/)doesnotsupportauditrequests.直接切源就ok了全局安装$npmi-gnrm查看所有源$nrmls*npm--------https://registry.npmjs.org/yarn-------https://registry.yarnp
  • es6新增的内容与概念 勇敢的茂密 es6前端ecmascript
    从头看到尾，不会的话干脆就回家放一只羊吧，放多了我怕你数不过来目录es6是什么？let和const关键字数组方法箭头函数新增数据类型Symbol新增数据结构set和map一、es6是什么？ES6的发布标志着JavaScript语言的一个重要演进，为开发者带来了更多便利和功能，并推动了JavaScript的发展和广泛应用。许多现代开发工具和框架已经支持ES6的语法和功能，使开发者能够更好地开发和维护
  • 【javascript】数据精度丢失问题 芭拉拉小魔仙 jsjavascript开发语言
    一、为什么会出现精度丢失的问题JavaScript中存在小数点精度丢失的问题是由于其使用的浮点数表示方式。JavaScript采用的是双精度浮点数表示法，也称为IEEE754标准，它使用64位来表示一个数字，其中52位用于表示有效数字，而其他位用于表示符号、指数和特殊情况。由于使用有限的位数来表示无限的小数，JavaScript无法准确地表示某些小数。其中一个典型的示例是0.1，它在二进制中是一个
  • JavaScript 中的深拷贝新宠：structuredClone() 函数详解 芭拉拉小魔仙 jsjavascript开发语言ecmascript
    在JavaScript中，处理对象拷贝时，我们经常会遇到浅拷贝（shallowcopy）和深拷贝（deepcopy）的概念。浅拷贝只复制对象的第一层属性，如果属性值是引用类型（如对象、数组等），则只复制引用而不复制对象本身，这可能会导致原始数据被意外修改。而深拷贝则递归地复制对象及其所有子属性，确保原始数据和拷贝数据完全独立。传统上，JavaScript没有内置直接进行深拷贝的函数，开发者通常需要
  • C++(Qt)-GIS开发-QGraphicsView显示瓦片地图简单示例2 mahuifa #GIS开发c++qt瓦片地图GISBing地图
    C++(Qt)-GIS开发-QGraphicsView显示瓦片地图简单示例2文章目录C++(Qt)-GIS开发-QGraphicsView显示瓦片地图简单示例21、概述2、实现效果3、主要代码4、源码地址更多精彩内容个人内容分类汇总GIS开发1、概述支持多线程加载显示本地离线瓦片地图(墨卡托投影)；瓦片切片规则以左上角为原点（谷歌、高德、ArcGis等），不支持百度瓦片规则；支持显示瓦片网格、编号
  • Javascript归纳与总结——this指向及其改变、new关键字与原型链、异步、闭包和函数防抖与节流 GISer_Jinger 面试题目Javascriptvue.js前端javascript
    this指向及其改变普通函数在调用时，this为obj.obj1.fun(),this->obj1,箭头函数在声明定义时this->obj。Javascript中bind、call、apply區別-CSDN博客new关键字与原型链从原型链视角解读VueComponent与Vue关系_vue中重要的原型链关系-CSDN博客prototype这个属性只有函数对象才有！（构造）函数的原型对象_proto
  • 任务悬赏源码|悬赏任务app源码vue+nodejs可二开搭建 西谷科技 互联网项目vue.js前端javascript
    介绍鲨鱼任务悬赏源码是一款基于互联网的任务平台源码，旨在为用户提供兼职、接单和赚钱等商业模式，帮助用户利用闲暇时间实现盈利。它能够在时间管理和提高生活质量方面为用户提供有效的支持与帮助。我们的任务悬赏源码采用多端结合的设计方案，涵盖小程序、APP、公众号和H5等多个平台，具备良好的互动性和友好的用户体验。通过这些平台，用户可以轻松发布任务、设置悬赏、接受和完成任务，以及进行结算和转账，实现任务全流
  • JavaScript的面向对象的理解 唐人不自醉
    0.前言以前和大家分享的都是JavaScript的基础，现在就和大家分享的是比较有难度的知识点——对象。注意啊各位广大单身狗们，你们的福利来了，没有对象的人，现在可以“new”出来一个了。嘻嘻(o)/~1.面向对象编程思想简介不管是学习何种语言，都会学习到面向对象，当然c语言是面向过程的，这无疑加大了程序员的工作量，而且不利于维护。但是面向对象，则显得方便快捷，大大提高了程序员的工作效率。那么Ja
  • Promise的Finally方法 DTcode7 HTML网站开发#前端基础入门三大核心之JSHTMLJavaScript
    Promise的Finally方法基本概念与作用什么是`finally`方法？为什么使用`finally`方法？示例一：基础用法示例二：错误处理示例三：清理资源示例四：与`async/await`结合使用示例五：模拟Canvas操作使用技巧与最佳实践在前端开发中，我们经常遇到异步操作的需求。JavaScript提供了多种处理异步的方式，如回调函数、Promise和async/await等。其中，P
  • Promise方法介绍 珊珊而川 前端
    Promise.all、Promise.race、Promise.allSettled和Promise.any是JavaScript中用于处理多个Promise对象的几种方法。它们各自有不同的用途和行为：Promise.all:接收一个Promise对象的数组作为参数。只有当所有的Promise都成功解决（fulfilled）时，它才会解决，并且返回一个包含所有Promise结果的数组。如果任何一
  • Magisk/Riru/LSPosed安装 夏沫琅琊 逆向android
    Magisk/Riru/LSPosed安装1:Magisk安装下载首先附上Magisk地址:https://github.com/topjohnwu/Magisk/releases下载应用apk.安装后,根据应用内提示重新安装,重启手机2:Riru安装https://github.com/RikkaApps/Riruhttps://github.com/RikkaApps/Riru/release
  • docker安装Hadoop 悾说 dockerhadoophadoopdocker大数据
    拉取镜像[root@ecs-e722~]#dockerpullregistry.cn-hangzhou.aliyuncs.com/hadoop_test/hadoop_baseUsingdefaulttag:latestTryingtopullrepositoryregistry.cn-hangzhou.aliyuncs.com/hadoop_test/hadoop_base...latest:P
  • 2022-02-27 Node.js Express框架学习笔记(三) 中间件(Middleware):局部中间件,应用级中间件,路由级中间件,错误处理中间件 前端OnTheRun 笔记nodejsexpressjs中间件node.jsexpress路由后端
    文章目录0.Express中间件的概念定义本质调用流程next参数&next()函数中间件的作用中间件的分类注意事项1.局部生效的中间件示例2.应用级中间件(全局)语法示例:把复用性高的路由改成应用级中间件应用级中间件的注册顺序3.路由级中间件语法示例一:应用级中间件和路由级中间件的对比例子示例二:路由中间件只处理单一功能/页面4.错误处理中间件语法示例:处理浏览器地址访问不存在目录的错误0.Ex
  • Node.js总结 会飛的魚， node.js
    文章目录node的知识点1.node的外层有一个函数2.node全局global3.node的事件循环4.Buffer缓冲器5.简单文件的读写6.流式文件的读写7.原生服务器8.mysql数据库语句9.mysql数据库的连接10.mogodb数据库连接11.express服务器12.http协议简介13.express中的request和response14.中间键的简介15.常用的第三方中间件1
  • 用Javascript写一个计算器小项目 周三有雨 JavaScriptjavascriptcsshtml
    哈喽，朋友们国庆节快乐~今天用200多行js代码来搞一个计算器玩玩静态页面：Clear/*789-456+123000.=js代码：letbuttons=document.querySelector(".buttons");letbtn=buttons.querySelectorAll("span");letvalue=document.getElementById("value");lettog
  • React-Native优质开源项目 换个网名有点难 reactnative
    ReactNative是一个由Facebook开发的开源框架，允许开发者使用JavaScript和React来构建原生移动应用。它允许开发者编写一次代码，然后可以在iOS和Android平台上运行，而无需为每个平台单独编写代码。以下是ReactNative的一些关键特点和优势：跨平台开发：使用ReactNative，开发者可以为iOS和Android创建应用，而不需要分别学习Swift或Java/
  • JavaWeb——前端工程化 A_Tai2333333 JavaWeb前端
    一、前端工程化1.什么是前端工程化:前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题，以提高效率和降低成本。2.前端工程化实现技术栈:ES6+Nodejs+npm+Vite+VUE3+Router+Pinia+Axios+Element-plusECMAScript6:VUE3中大量使用ES6语法;Nodejs:前端项目运行环境npm:依赖下载工具Vit
  • Vue组件开发系列之Model遮罩层组件 vue爱好者
    组件源码：https://github.com/AntJavascript/widgetUI/tree/master/model20181030_111804.gif组件结构：代码分析：props参数：props:{opacity:{//组件透明度type:Number,default:()=>{return0.3;}},zIndex:{//组件层级type:Number|String,defau
  • js实现队列 无俦N javascript开发语言ecmascript
    目录一、什么是JavaScript队列数据结构二、创建一个JavaScript队列数据结构三、封装队列方法①向队列添加元素②检查队列是否为空③获取队列的长度④从队列移除元素⑤查看队列头元素⑥清空队列⑦创建toString方法四、使用Queue类一、什么是JavaScript队列数据结构在上一篇文章中，我们了解并学习了JavaScript栈数据结构，本章开始JavaScript的队列数据结，第一章先
  • vue3项目导入ansi_up报错 夏与冰 常用插件前端javascriptes6
    前言也是最近在研究项目里滚动输出log的功能时了解到这个插件的。简介ansi_up是一个轻量级JavaScript库，专为将含有ANSI颜色转义码的文本转换成HTML而设计。无论在浏览器还是Node.js环境中，它都能无缝运行。这个模块以单个ES6JavaScript文件的形式提供，无任何依赖，并且自2011年起已在生产环境稳定使用。安装npmiansi_up在页面中导入import{AnsiUp
  • JavaScript 无柳丶先生 javascript开发语言
    历史原名叫LiveScript，是由美国网景公司开发的是一种脚本语言，在网页中使用，运行在浏览器中。脚本语言：不需要编译的语言sqlpythonhtmlcssjavaScript直接有某种解释器(引擎)解释执行，逐行从上向下解释执行网景公司和sun公司合作，将LiveScript改名为javaScript1.javaScript代码写在哪2.变量如何声明3.数据类型4.运算符5.流程控制，循环语句
  • 使用 ECharts 进行数据可视化 小于负无穷 echarts信息可视化前端javascript前端框架
    1.概述ECharts是一个由百度开源的强大、灵活的JavaScript图表库，用于在Web页面上创建各种类型的数据可视化图表。它具有丰富的图表类型、强大的配置选项和良好的跨平台兼容性，广泛应用于数据分析、业务报表、仪表盘等场景。2.ECharts的安装ECharts的安装和引入非常简单，可以通过以下几种方式来使用：2.1通过CDN引入最简单的方式是通过CDN引入ECharts的脚本文件。在HTM
  • 机器学习算法深度总结(5)-逻辑回归 婉妃
    1.模型定义逻辑回归属于基于概率分类的学习法.基于概率的模式识别是指对模式x所对应的类别y的后验概率禁行学习.其所属类别为后验概率最大时的类别:预测类别的后验概率,可理解为模式x所属类别y的可信度.逻辑回归(logistic),使用线性对数函数对分类后验概率进行模型化:上式,分母是满足概率总和为1的约束条件的正则化项,参数向量维数为:考虑二分类问题:使用上述关系式,logistic模型的参数个数从
  • 强大的销售团队背后 竟然是大数据分析的身影 蓝儿唯美 数据分析
    Mark Roberge是HubSpot的首席财务官，在招聘销售职位时使用了大量数据分析。但是科技并没有挤走直觉。 大家都知道数理学家实际上已经渗透到了各行各业。这些热衷数据的人们通过处理数据理解商业流程的各个方面，以重组弱点，增强优势。 Mark Roberge是美国HubSpot公司的首席财务官，HubSpot公司在构架集客营销现象方面出过一份力——因此他也是一位数理学家。他使用数据分析
  • Haproxy+Keepalived高可用双机单活 bylijinnan 负载均衡keepalivedhaproxy高可用
    我们的应用MyApp不支持集群，但要求双机单活（两台机器：master和slave）： 1.正常情况下，只有master启动MyApp并提供服务 2.当master发生故障时，slave自动启动本机的MyApp，同时虚拟IP漂移至slave，保持对外提供服务的IP和端口不变 F5据说也能满足上面的需求，但F5的通常用法都是双机双活，单活的话还没研究过 服务器资源 10.7
  • eclipse编辑器中文乱码问题解决 0624chenhong eclipse乱码
    使用Eclipse编辑文件经常出现中文乱码或者文件中有中文不能保存的问题，Eclipse提供了灵活的设置文件编码格式的选项，我们可以通过设置编码 格式解决乱码问题。在Eclipse可以从几个层面设置编码格式：Workspace、Project、Content Type、File 本文以Eclipse 3.3（英文）为例加以说明： 1. 设置Workspace的编码格式： Windows-&g
  • 基础篇--resources资源 不懂事的小屁孩 android
    最近一直在做java开发，偶尔敲点android代码，突然发现有些基础给忘记了，今天用半天时间温顾一下resources的资源。 String.xml    字符串资源   涉及国际化问题  http://www.2cto.com/kf/201302/190394.html   string-array
  • 接上篇补上window平台自动上传证书文件的批处理问卷 酷的飞上天空 window
    @echo off : host=服务器证书域名或ip，需要和部署时服务器的域名或ip一致 ou=公司名称, o=公司名称 set host=localhost set ou=localhost set o=localhost set password=123456 set validity=3650 set salias=s
  • 企业物联网大潮涌动：如何做好准备？ 蓝儿唯美 企业
    物联网的可能性也许是无限的。要找出架构师可以做好准备的领域然后利用日益连接的世界。 尽管物联网（IoT）还很新，企业架构师现在也应该为一个连接更加紧密的未来做好计划，而不是跟上闸门被打开后的集成挑战。“问题不在于物联网正在进入哪些领域，而是哪些地方物联网没有在企业推进，” Gartner研究总监Mike Walker说。 Gartner预测到2020年物联网设备安装量将达260亿，这些设备在全
  • spring学习——数据库（mybatis持久化框架配置） a-john mybatis
    Spring提供了一组数据访问框架，集成了多种数据访问技术。无论是JDBC，iBATIS(mybatis)还是Hibernate，Spring都能够帮助消除持久化代码中单调枯燥的数据访问逻辑。可以依赖Spring来处理底层的数据访问。 mybatis是一种Spring持久化框架，要使用mybatis，就要做好相应的配置： 1，配置数据源。有很多数据源可以选择，如：DBCP，JDBC，aliba
  • Java静态代理、动态代理实例 aijuans Java静态代理
    采用Java代理模式，代理类通过调用委托类对象的方法，来提供特定的服务。委托类需要实现一个业务接口，代理类返回委托类的实例接口对象。 按照代理类的创建时期，可以分为：静态代理和动态代理。 所谓静态代理：　指程序员创建好代理类，编译时直接生成代理类的字节码文件。 所谓动态代理：　在程序运行时，通过反射机制动态生成代理类。   一、静态代理类实例： 1、Serivce.ja
  • Struts1与Struts2的12点区别 asia007 Struts1与Struts2
    1) 在Action实现类方面的对比：Struts 1要求Action类继承一个抽象基类；Struts 1的一个具体问题是使用抽象类编程而不是接口。Struts 2 Action类可以实现一个Action接口，也可以实现其他接口，使可选和定制的服务成为可能。Struts 2提供一个ActionSupport基类去实现常用的接口。即使Action接口不是必须实现的，只有一个包含execute方法的P
  • 初学者要多看看帮助文档 不要用js来写Jquery的代码 百合不是茶 jqueryjs
    解析json数据的时候需要将解析的数据写到文本框中,  出现了用js来写Jquery代码的问题;   1, JQuery的赋值  有问题    代码如下: data.username 表示的是:  网易            $("#use
  • 经理怎么和员工搞好关系和信任 bijian1013 团队项目管理管理
            产品经理应该有坚实的专业基础，这里的基础包括产品方向和产品策略的把握，包括设计，也包括对技术的理解和见识，对运营和市场的敏感，以及良好的沟通和协作能力。换言之，既然是产品经理，整个产品的方方面面都应该能摸得出门道。这也不懂那也不懂，如何让人信服？如何让自己懂？就是不断学习，不仅仅从书本中，更从平时和各种角色的沟通
  • 如何为rich:tree不同类型节点设置右键菜单 sunjing contextMenutreeRichfaces
    组合使用target和targetSelector就可以啦，如下： <rich:tree id="ruleTree" value="#{treeAction.ruleTree}" var="node" nodeType="#{node.type}" selectionChangeListener=&qu
  • 【Redis二】Redis2.8.17搭建主从复制环境 bit1129 redis
    开始使用Redis2.8.17 Redis第一篇在Redis2.4.5上搭建主从复制环境，对它的主从复制的工作机制，真正的惊呆了。不知道Redis2.8.17的主从复制机制是怎样的，Redis到了2.4.5这个版本，主从复制还做成那样，Impossible is nothing! 本篇把主从复制环境再搭一遍看看效果，这次在Unbuntu上用官方支持的版本。   Ubuntu上安装Red
  • JSONObject转换JSON--将Date转换为指定格式 白糖_ JSONObject
    项目中，经常会用JSONObject插件将JavaBean或List<JavaBean>转换为JSON格式的字符串，而JavaBean的属性有时候会有java.util.Date这个类型的时间对象，这时JSONObject默认会将Date属性转换成这样的格式：   {"nanos":0,"time":-27076233600000,
  • JavaScript语言精粹读书笔记 braveCS JavaScript
    【经典用法】：   //①定义新方法 Function .prototype.method=function(name, func){ this.prototype[name]=func; return this; } //②给Object增加一个create方法，这个方法创建一个使用原对
  • 编程之美-找符合条件的整数 用字符串来表示大整数避免溢出 bylijinnan 编程之美
    import java.util.LinkedList; public class FindInteger { /** * 编程之美 找符合条件的整数 用字符串来表示大整数避免溢出 * 题目：任意给定一个正整数N，求一个最小的正整数M(M>1)，使得N*M的十进制表示形式里只含有1和0 * * 假设当前正在搜索由0，1组成的K位十进制数
  • 读书笔记 chengxuyuancsdn 读书笔记
    1、Struts访问资源 2、把静态参数传递给一个动作 3、<result>type属性 4、s:iterator、s:if c:forEach 5、StringBuilder和StringBuffer 6、spring配置拦截器 1、访问资源 (1)通过ServletActionContext对象和实现ServletContextAware,ServletReque
  • [通讯与电力]光网城市建设的一些问题 comsci 问题
          信号防护的问题,前面已经说过了,这里要说光网交换机与市电保障的关系       我们过去用的ADSL线路,因为是电话线,在小区和街道电力中断的情况下,只要在家里用笔记本电脑+蓄电池,连接ADSL,同样可以上网........     
  • oracle 空间RESUMABLE daizj oracle空间不足RESUMABLE错误挂起
    空间RESUMABLE操作  转 Oracle从9i开始引入这个功能，当出现空间不足等相关的错误时，Oracle可以不是马上返回错误信息，并回滚当前的操作，而是将操作挂起，直到挂起时间超过RESUMABLE TIMEOUT，或者空间不足的错误被解决。 这一篇简单介绍空间RESUMABLE的例子。 第一次碰到这个特性是在一次安装9i数据库的过程中，在利用D
  • 重构第一次写的线程池 dieslrae 线程池 python
    最近没有什么学习欲望,修改之前的线程池的计划一直搁置,这几天比较闲,还是做了一次重构,由之前的2个类拆分为现在的4个类. 1、首先是工作线程类:TaskThread,此类为一个工作线程,用于完成一个工作任务,提供等待(wait),继续(proceed),绑定任务(bindTask)等方法 #!/usr/bin/env python # -*- coding:utf8 -*-
  • C语言学习六指针 dcj3sjt126com c
    初识指针，简单示例程序： /* 指针就是地址，地址就是指针 地址就是内存单元的编号 指针变量是存放地址的变量 指针和指针变量是两个不同的概念 但是要注意： 通常我们叙述时会把指针变量简称为指针，实际它们含义并不一样 */ # include <stdio.h> int main(void) { int * p; // p是变量的名字， int *
  • yii2 beforeSave afterSave beforeDelete dcj3sjt126com delete
    public function afterSave($insert, $changedAttributes) { parent::afterSave($insert, $changedAttributes); if($insert) { //这里是新增数据 } else { //这里是更新数据 } }  
  • timertask shuizhaosi888 timertask
    java.util.Timer timer = new java.util.Timer(true); // true 说明这个timer以daemon方式运行（优先级低， // 程序结束timer也自动结束），注意，javax.swing // 包中也有一个Timer类，如果import中用到swing包， // 要注意名字的冲突。 TimerTask task = new
  • Spring Security（13）——session管理 234390216 sessionSpring Security攻击保护超时
    session管理 目录   1.1     检测session超时 1.2     concurrency-control 1.3     session 固定攻击保护         
  • 公司项目NODEJS实践0.3[ mongo / session ...] 逐行分析JS源代码 mongodbsessionnodejs
        http://www.upopen.cn   一、前言         书接上回，我们搭建了WEB服务端路由、模板等功能，完成了register 通过ajax与后端的通信，今天主要完成数据与mongodb的存取，实现注册 / 登录 /
  • pojo.vo.po.domain区别 LiaoJuncai javaVOPOJOjavabeandomain
    　　POJO = "Plain Old Java Object"，是MartinFowler等发明的一个术语，用来表示普通的Java对象，不是JavaBean, EntityBean 或者 SessionBean。POJO不但当任何特殊的角色，也不实现任何特殊的Java框架的接口如，EJB， JDBC等等。 　　 　　即POJO是一个简单的普通的Java对象，它包含业务逻辑
  • Windows Error Code OhMyCC windows
    0 操作成功完成. 1 功能错误. 2 系统找不到指定的文件. 3 系统找不到指定的路径. 4 系统无法打开文件. 5 拒绝访问. 6 句柄无效. 7 存储控制块被损坏. 8 存储空间不足, 无法处理此命令. 9 存储控制块地址无效. 10 环境错误. 11 试图加载格式错误的程序. 12 访问码无效. 13 数据无效. 14 存储器不足, 无法完成此操作. 15 系
  • 在storm集群环境下发布Topology roadrunners 集群stormtopologyspoutbolt
    storm的topology设计和开发就略过了。本章主要来说说如何在storm的集群环境中，通过storm的管理命令来发布和管理集群中的topology。   1、打包 打包插件是使用maven提供的maven-shade-plugin，详细见maven-shade-plugin。 <plugin> <groupId>org.apache.maven.
  • 为什么不允许代码里出现“魔数” tomcat_oracle java
    　　在一个新项目中，我最先做的事情之一，就是建立使用诸如Checkstyle和Findbugs之类工具的准则。目的是制定一些代码规范，以及避免通过静态代码分析就能够检测到的bug。 　　迟早会有人给出案例说这样太离谱了。其中的一个案例是Checkstyle的魔数检查。它会对任何没有定义常量就使用的数字字面量给出警告，除了-1、0、1和2。 　　很多开发者在这个检查方面都有问题，这可以从结果
  • zoj 3511 Cake Robbery(线段树) 阿尔萨斯 线段树
    题目链接：zoj 3511 Cake Robbery 题目大意：就是有一个N边形的蛋糕，切M刀，从中挑选一块边数最多的，保证没有两条边重叠。 解题思路：有多少个顶点即为有多少条边，所以直接按照切刀切掉点的个数排序，然后用线段树维护剩下的还有哪些点。 #include <cstdio> #include <cstring> #include <vector&
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他