June.1
June.1

内网项目：vue + 百度离线地图 apiv2.0

如果有了瓦片可以忽略掉这一步。瓦片下载程序 提取码： rl1w

一、下载地图瓦片,

制作离线地图的步骤：
1、用Visual Studio打开解压的目录,这里使用的Visual Studio 2019
内网项目：vue + 百度离线地图 apiv2.0_第1张图片
2、运行项目，下载瓦片地图，默认会在BaiduMapTile\bin\Debug下创建maptile目录，瓦片地图就保存在这个目录中
内网项目：vue + 百度离线地图 apiv2.0_第2张图片

在这里插入图片描述
3、测试地图数据将瓦片地图所在的目录maptile移到BaiduMapTile\bin\Debug\html目录下,打开离线街道地图.html

如果单纯的使用离线地图,现在这样就可以了

瓦片计算和下载的关键代码在 TileDownloader.cs 中

二、vue地图配置

1、将现在的资源文件images、js、css文件都放到static目录下
2、在index.html文件中引入资源文件


<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Bmap-outline-testtitle>
    <script type="text/javascript" src="static/js/apiv2.0_street.js">script>
    <script type="text/javascript" src="static/js/AreaRestriction.js">script>
    <script type="text/javascript" src="static/js/DrawingManager_one_rect.js">script>
    <link rel="stylesheet" href="static/style/DrawingManager.css" />

  head>
  <body>
    <div id="app">div>
    
  body>
html>

3、页面应用

<template>
    <div>
        <div style="width:100%;height:100%;border:1px solid gray;position:absolute;" id="mapShow"></div>
    </div>
</template>

<script>
    export default {
        name: "Bmap-outline",
        data() {
            return {
                map: null
            }
        },
        mounted() {
            this.baiduMap()
        },
        methods: {
            baiduMap() {
                let that = this
                that.map = new BMap.Map("mapShow",{mapType: BMAP_NORMAL_MAP});
                let point = new BMap.Point(116.404, 39.915);
                that.map.centerAndZoom(point,6);
                that.map.addControl(new BMap.NavigationControl());
                that.map.enableScrollWheelZoom(); 
                that.map.enableKeyboard();
            }
        }
    }
</script>

<style scoped lang="scss">
</style>

注意：地图资源过大可能导致vue项目内存溢出所以最好使用nginx反向代理地图资源路径。

server {
        listen       7070;
        server_name  localhost;
        location / {
			root  E:\BaiduMapTile\BaiduMapTile\bin\Debug\maptile;#离线瓦片地图
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

这样就vue+离线地图就做好了
内网项目：vue + 百度离线地图 apiv2.0_第3张图片

你可能感兴趣的:(Vue开发)

  • Vue.js 组件化开发：从入门到进阶 小李学软件 vue学习前端框架vue.js前端javascript前端框架
    Vue.js组件化开发：从入门到进阶大家好，今天我们来聊一聊Vue.js的“组件化开发”。目前Vue开发已经相对成熟了，相信很多朋友对组件化开发并不陌生。如果你对组件化开发已经非常熟悉，看到我的文章，欢迎点个支持一下。如果你是刚入门，我强烈建议学习一下哦。如果你想巩固Vue组件化的知识，非常推荐来学习。一、什么是组件化开发？在进入正题之前，想问大家一个问题：你有没有拼过乐高？如果有的话，你就会知道
  • Vue.js 入门指南：从基础到实战 阿绵 前端vue.js前端javascript
    Vue.js是一款流行的渐进式JavaScript框架，广泛用于构建交互式Web界面。它具有简单易学、轻量级、高性能的特点，适合前端新手入门。本文将从Vue的基本概念入手，详细介绍Vue的生命周期及常见用法，帮助你快速上手Vue开发官网：https://cn.vuejs.org/1.Vue.js介绍1.1Vue的特点易学易用：Vue采用直观的模板语法，降低了学习成本响应式数据绑定：使用双向绑定(v
  • DeepSeek 助力 Vue 开发：打造丝滑的分割线（Divider） 宝码香车 #DeepSeekvue.jsjavascriptecmascriptDeepSeek前端前端框架
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的分割线（Divider）前言页面效果指令输入属性定义1.样式相关属性2.内容相关属性3.间距相关属性事件定义其他think组件代码代码测试整理后主要代码定义组件\src\components\Divi
  • DeepSeek 助力 Vue 开发：打造丝滑的缩略图列表（Thumbnail List） 宝码香车 #DeepSeekvue.js前端javascriptecmascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的缩略图列表（ThumbnailList）前言页面效果指令输入属性定义数据相关属性布局相关属性样式相关属性交互相关属性事件其他think组件代码代码测试填写参数后主要代码定义组件src\views\Th
  • Vue 开发效率翻倍：10 个 VS Code 插件助你成为编码高手！ HelloZheQ vue.js前端javascript
    Vue.js作为前端开发的热门框架，其简洁的语法和强大的功能深受开发者喜爱。为了进一步提升Vue开发效率，VSCode提供了丰富的插件生态系统。今天，我就来分享10个我常用的VSCodeVue插件，它们能帮你告别重复劳动，专注于业务逻辑，让你成为真正的Vue编码高手！工欲善其事，必先利其器。选择合适的插件，能让你的Vue开发之旅事半功倍！核心插件：打造Vue开发的基石Vetur(byPineWu)
  • DeepSeek 助力 Vue 开发：打造丝滑的滚动动画（Scroll Animations） 宝码香车 #DeepSeekvue.js前端javascriptecmascript前端框架DeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的滚动动画（ScrollAnimations）前言页面效果指令输入属性定义1.动画控制属性2.状态控制属性3.元素选择属性事件定义1.动画开始事件2.动画结束事件其他1.样式封装2.性能优化3.兼容性处
  • DeepSeek 助力 Vue 开发：打造丝滑的点击动画（Click Animations） 宝码香车 #DeepSeekvue.js前端javascriptecmascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的点击动画（ClickAnimations）前言页面效果指令输入属性定义1.动画类型相关属性2.样式相关属性3.动画次数和循环相关属性4.状态控制属性事件定义1.动画开始事件2.动画结束事件3.点击事件
  • vue生命周期函数可以操作dom_vue生命周期钩子函数 weixin_42299873
    前言在使用vue开发的过程中，我们经常会接触到生命周期的问题。那么你知道，一个标准的工程项目中，会有多少个生命周期勾子吗？让我们来一起来盘点一下：根组件实例：8个(beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed)组件实例：8个(beforeCreate、created、bef
  • 使用uni-app开发微信小程序-基础知识 前端霸王防脱发洗发水 uni-app小程序vuejs
    概念使用uni-app开发微信小程序，uni-app是使用vue开发的框架，能通过框架编译到微信开发者工具的代码新建项目下载app开发版的HBuilder（含插件多点）-新建uni-app项目-选择默认模版运行小程序运行小程序-点击运行-点击运行到微信小程序-会进行编译并且打开一个开发者工具基本知识在pages目录下创建页面，创建完页面需要在page.json上添加页面的路径pathpages.j
  • DeepSeek 助力 Vue 开发：打造丝滑的导航栏（Navbar） 宝码香车 #DeepSeekvue.js前端javascriptecmascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的导航栏（Navbar）前言页面效果指令输入属性定义1.导航栏样式相关2.导航项相关3.响应式相关4.对齐方式相关事件定义1.导航项点击事件2.菜单折叠切换事件其他建议1.可访问性2.动画效果3.图标支
  • DeepSeek 助力 Vue 开发：打造丝滑的表单验证（Form Validation） 宝码香车 #DeepSeekvue.js前端javascriptecmascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的表单验证（FormValidation）前言页面效果指令输入组件属性定义1.表单数据绑定相关2.验证规则相关3.样式和布局相关4.其他组件事件定义1.验证相关2.表单提交相关3.字段值变化相关其他可能
  • DeepSeek 助力 Vue 开发：打造丝滑的范围选择器（Range Picker） 宝码香车 #DeepSeek#Vuevue.js前端javascriptecmascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的范围选择器（RangePicker）前言页面效果指令输入一、Props属性定义二、Events事件定义三、增强建议四、特别注意事项think组件代码以下是三个使用示例：增强建议说明：注意事项：代码测试
  • DeepSeek 助力 Vue 开发：打造丝滑的日期选择器（Date Picker），未使用第三方插件 宝码香车 #DeepSeek#Vuevue.js前端javascriptecmascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的日期选择器（DatePicker），未使用第三方插件前言进入安装好的DeepSeek页面效果指令输入**属性（Props）****事件（Events）**组件代码，src\components\Dat
  • DeepSeek 助力 Vue 开发：打造丝滑的瀑布流布局（Masonry Layout） 宝码香车 #DeepSeek#Vuevue.js前端javascriptDeepSeekecmascript
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的瀑布流布局（MasonryLayout）前言进入安装好的DeepSeek页面效果指令输入**组件属性(Props)****组件事件(Events)**think组件代码1.组件实现代码2.调用示例3.
  • Vue2 与 Vue3 中 Computed 计算属性详解 阿贾克斯的黎明 前端vue.js前端javascript
    目录Vue2与Vue3中Computed计算属性详解一、Vue2中的Computed计算属性1.简单写法2.get和set写法二、Vue3中的Computed计算属性1.简单写法2.get和set写法三、总结在Vue开发中，计算属性（computed）是一个非常重要的特性，它可以对数据进行二次计算，为我们的开发带来了很大的便利。本文将结合Vue2和Vue3的特点，深入探讨computed计算属性，
  • DeepSeek 助力 Vue 开发：打造丝滑的开关切换（Switch） 宝码香车 #DeepSeekvue.js前端javascriptDeepSeekecmascript
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的开关切换（Switch）前言进入安装好的DeepSeek页面效果指令输入think组件代码组件特点说明：额外建议：代码测试页面效果自己部署DeepSeek安装地址相关文章️✍️️️️⚠️⬇️·正文开始
  • DeepSeek 助力 Vue 开发：打造丝滑的通知栏（Notification Bar） 宝码香车 #DeepSeekvue.jsDeepSeek前端javascript
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的通知栏（NotificationBar）前言进入安装好的DeepSeek页面效果指令输入think根据提供的参数和项目结构，我为您实现Notification组件。以下是分步骤的解决方案：代码测试页面
  • DeepSeek 助力 Vue 开发：打造丝滑的卡片（Card） 宝码香车 #DeepSeekvue.js前端javascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的卡片（Card）前言进入安装好的DeepSeek页面效果指令输入think代码生成改进建议（可根据需要选择实现）：使用示例：组件特性说明：代码测试页面效果自己部署DeepSeek安装地址相关文章️✍️
  • DeepSeek 助力 Vue 开发：打造丝滑的面包屑导航（Breadcrumbs） 宝码香车 #DeepSeek#Vuevue.js前端javascriptDeepSeekecmascript
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的面包屑导航（Breadcrumbs）前言进入安装好的DeepSeek页面效果指令输入**1.属性(Props)****2.事件(Events)****3.插槽(Slots)****路由集成****激活
  • 自己部署 DeepSeek 助力 Vue 开发：打造丝滑的时间线（Timeline ） 宝码香车 #DeepSeekvue.js前端javascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录自己部署DeepSeek助力Vue开发：打造丝滑的时间线（Timeline）前言进入安装好的DeepSeek页面效果指令输入think代码解释使用示例组件代码代码测试整理后主要代码定义组件Timeline.vue页面效果自己部署DeepSee
  • 【已解决】npm ERR! request to https://registry.npm.taobao.org failed, reason: certificate has expired 小跳不会Coding Vuenpm前端node.js
    使用vue开发项目时，安装插件一直安装不上，排查了之后才发现是：证书已过期报错信息：npmERR:requesttohttps://registry.npm.taobao.orgfailed,reason:certificatehasexpired翻译成中文就是：请求https://registry.npm.taobao.org失败，原因：证书已过期直接使用：（npmconfigsetregist
  • 自定义公式校验规则、常用的JavaScript正则公式合法校验、自定义公式合集、前端校验规则、字符串校验 a_dream(前端) 前端javascript正则表达式
    vue开发中,会使用到自定义公式校验合法性,判断公式是否符合逻辑,整理个人使用过的自定义公式页面保存时对输入的字符串进行校验的一套规则(文章最后有完整代码)目录1.正则判断2.校验数字(输入数字不超过十位数,不超过两位小数)3.校验括号(嵌套括号是否符合要求)4.(完整代码文件)1.正则判断constre=/[^0-9\(\)\+\-\×\÷\.\#\{\}]{1,}///判断输入字符合法性的正则
  • java和vue开发的图书馆借阅管理系统小程序 qq_1913284695 javavue.js小程序图书借阅
    主要功能：学生借书还书，管理员管理图书管理学生借书还书。系统显示在馆数量和图书总数量，借书时借书数量不可超过在馆数量，还书时需要输入归还数量（可借2本书，归还的时候一本一本归还，可查看归还详情）。借书还书邮箱提醒学生。演示视频：https://www.bilibili.com/video/BV1GCr8YnEBD/?share_source=copy_web&vd_source=11344bb73
  • DeepSeek 助力 Vue 开发：打造丝滑的步骤条 宝码香车 #DeepSeekvue.js前端javascript
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的步骤条指令输入think步骤步骤1：安装依赖项步骤2：创建文件结构步骤3：编写Vue组件1.简单静态进度条(`simple-static.vue`)2.动态百分比进度条(`dynamic-percen
  • Vue 3 性能优化 泯泷 vue.js性能优化javascript前端node.jstypescriptecmascript
    Vue3性能优化分析工具生产检测：PageSpeedInsightsWebPageTest用于本地开发期间的性能分析：Chrome开发者工具“性能”面板Vue开发者扩展页面加载页面加载优化有许多跟框架无关的方面-这份web.dev指南提供了一个全面的总结。渲染方式如果你的用例对页面加载性能很敏感，请避免将其部署为纯客户端的SPA，而是让服务器直接发送包含用户想要查看的内容的HTML代码。纯客户端渲
  • Vue和Vue-Element-Admin（十）：HTML和CSS快速学习笔记 A叶子叶 #Vue与Web开发vue.jshtmlcss
    目录html标签分类网页布局盒子模型浮动定位css标签选择flex布局transform转换Vue开发tipsless和scssVScode常用插件后端语言框架很多，Java适合企业级应用（规范且稳定），Go适合高并发场景（比如云上产品），Python框架（bottle，tornado，django）简单且快速，也天然适合数据分析场景，PHP适合快速建站，前端变化小，所见即所得，因此抽空记录下学习
  • Vue开发资源汇总 Dev-L 前端
    https://github.com/opendigg/awesome-github-vuehttps://github.com/vuejs/awesome-vue内容UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★6634-基于Vuejs的开源UI组件库m
  • AIGC时代的Vue或React前端开发 GISer_Jinger JavascriptReactVueAIGCvue.jsreact.js
    在AIGC（人工智能生成内容）时代，Vue开发正经历着深刻的变革。以下是对AIGC时代Vue开发的详细分析：一、AIGC技术对Vue开发的影响代码生成与自动化AIGC技术使得开发者能够借助智能工具快速生成和优化Vue代码。例如，通过自然语言处理模型（如ChatGPT），开发者可以描述组件的功能和样式需求，然后自动生成包含模板、脚本和样式的完整组件代码。这不仅大大提高了开发效率，还减少了人为错误的可
  • Vite 与 Pinia 的实战应用 码力全開 vue.js前端javascript开发语言htmlPina
    目录Vue极速入门第14节：Vue开发工具与生态优化：Vite与Pinia的实战应用引言1.使用Vite提升开发体验：快速启动与热更新1.1什么是Vite？1.2Vite的安装与配置Vite目录结构2.集成Pinia状态管理：轻量级替代Vuex2.1什么是Pinia？2.2Pinia的安装与配置Pina目录结构3.实战案例：设计一个计数器应用3.1需求分析3.2实现步骤3.2.1使用Vite创建项
  • 前端框架vue和react 前端虫 #前端提升vue.jsjavascript前端react学习
    vueVue能力的提升是一个综合性的过程，涉及多个方面的学习和实践。以下是一些具体的例子和策略，可以帮助你提升Vue开发能力：1.深入理解Vue的核心概念1.1响应式系统：深入理解Vue的响应式原理，包括数据绑定、依赖追踪和视图更新机制。Vue的响应式系统是其核心，它允许Vue组件响应数据的变化。这是通过Vue的内部机制实现的，包括使用ES5的Object.defineProperty（Vue2.
  • VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmwaremac os10.10workstationplayer
    最近尝试了下VMware下安装MacOS 系统， 安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章， 只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。     写在前面的话： 其实安装好后发现， 由于我的th
  • 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScriptjava框架
    本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]） 一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下 平台
  • 如何把maven项目转成web项目 Kai_Ge mavenMyEclipse
    创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
  • 主管？？？ Array_06 工作
    转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！ 前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
  • python内置函数大全 2002wmj python
    最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
  • JSP页面通过JQUERY合并行 357029540 JavaScriptjquery
    在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示 如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
  • Java基础 冰天百华 java基础
    学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
  • unix时间戳相互转换 adminjun 转换unix时间戳
    如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
  • 作为一个合格程序员该做的事 aijuans 程序员
    作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重
  • 由html5视频播放引发的总结 ayaoxinchao html5视频video
    前言   项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。   视频结构   本该直接介绍html5的<video>的，但鉴于本人对视频
  • 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
         如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误   javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
  • Jedis连接池的入门级使用 bijian1013 redisredis数据库jedis
    Jedis连接池操作步骤如下：         a.获取Jedis实例需要从JedisPool中获取；         b.用完Jedis实例需要返还给JedisPool；         c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
  • 变与不变 bingyingao 不变变亲情永恒
    变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，
  • 【Scala十】Scala核心四：集合框架之List bit1129 scala
    Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解   1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量   2. 给变量赋值(注意val关键字，a，b
  • Nested Functions in C bookjovi cclosure
      Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。   既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
  • Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
            总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
  • 读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
  • After Effects操作&快捷键 cherishLC After Effects
    1、快捷键官方文档 中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
  • Maven 常用命令 crabdave maven
    Maven 常用命令   mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site   mvn dependency:res
  • shell bad substitution daizj shell脚本
    #!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
  • Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
    Java SE  第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型  （Primitive Data Type） 2）引用类型（对象类型）  （R
  • CGridView中实现批量删除 dcj3sjt126com PHPyii
    1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
  • Java中泛型的各种使用 dyy_gusi java泛型
    Java中的泛型的使用：1.普通的泛型使用 在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
  • Web开发技术十年发展历程 gcq511120594 Web浏览器数据挖掘
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • openSession()与getCurrentSession()区别： hetongfei javaDAOHibernate
    来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。 这里getCurrentSession本地事务(本地
  • 第一章 安装Nginx+Lua开发环境 jinnianshilongnian nginxluaopenresty
    首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
  • HSQLDB In-Process方式访问内存数据库 liyonghui160com
        HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。   先睹为快！   下面是一个In-Process方式访问内存数据库的代码示例：     下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）   import java.s
  • Java线程的5个使用技巧 pda158 java数据结构
    Java线程有哪些不太为人所知的技巧与用法？ 　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常 工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
  • 开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
    概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。     程序包管理器   管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
  • 避免使用终结函数 vahoa.ma javajvmC++
    终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。       我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他