<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[DSH964的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/DSH964</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; DSH964]]></copyright><item><title><![CDATA[ArcGIS   Vue By Webpack 创建地图]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/102676802</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/102676802</guid><author>DSH964</author><pubDate>Tue, 22 Oct 2019 10:02:45 +0800</pubDate><description><![CDATA[如何使用 webpack 创建一个最基础的 ArcGIS 地图

效果



以下是package.json 中需要的依赖




    "devDependencies": {
        ...
        "vue-template-compiler": "^2.6.10"
    },
    "dependencies": {
        ...
        "es...]]></description><category></category></item><item><title><![CDATA[ThinkPHP中关于session的Bug修复和session设置的自定义支持无限维数组]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/90428827</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/90428827</guid><author>DSH964</author><pubDate>Wed, 22 May 2019 02:25:09 +0800</pubDate><description><![CDATA[这里不是说TP不好，只是说没有什么是完美的，我们喜欢TP，我们希望TP变得更好


ThinkPHP中自带的session有些缺点：

如果不设置前缀，session(null)无效
	同样，如果不设置前缀，session的过期时间也无效
	根据源码，虽然支持数组设置，但是最多只能支持二维数组，有些场景下不够用

// 获取session
if (strpos($name, '.')) {
  ...]]></description><category></category></item><item><title><![CDATA[原生JS中关于全屏显示的各个操作]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/90375629</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/90375629</guid><author>DSH964</author><pubDate>Mon, 20 May 2019 15:29:39 +0800</pubDate><description><![CDATA[设置全屏显示与退出全屏显示


function toggle_full_screen(){
	if(document.fullscreenElement ||
	   document.mozFullScreenElement ||
	   document.webkitFullscreenElement ||
	   document.msFullscreenElement){
	    if...]]></description><category></category></item><item><title><![CDATA[php实现GitHub第三方登录]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/89844154</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/89844154</guid><author>DSH964</author><pubDate>Sun, 05 May 2019 14:28:17 +0800</pubDate><description><![CDATA[这里是在tp3.2里面写的，但是对框架没有什么太大的依赖，很容易修改

需要配置的参数


//Github 配置
'GITHUB' =&gt; array(
	'CLIENT_ID'     =&gt; '',
	'CLIENT_SECRET' =&gt; '',
),

首先是用户登录的页面，直接跳转GitHub的授权页面


public function login(){
    // 记...]]></description><category></category></item><item><title><![CDATA[手动引入thymeleaf-layout-dialect]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/89293522</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/89293522</guid><author>DSH964</author><pubDate>Sun, 14 Apr 2019 10:34:43 +0800</pubDate><description><![CDATA[最近在研究用 java 写网站，在使用 spring-boot-starter-thymeleaf 的 thymeleaf-layout-dialect 时老是无效，查阅了网站才知道，2.0之前的 spring-boot-starter-thymeleaf 自带 thymeleaf-layout-dialect 。2.0之后就没有自带了。那么怎么手动引入呢？

应该是


compile 'nz....]]></description><category></category></item><item><title><![CDATA[Vue 子组件修改父组件props值 wangEditor]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/88904228</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/88904228</guid><author>DSH964</author><pubDate>Sat, 30 Mar 2019 08:59:58 +0800</pubDate><description><![CDATA[首先说点题外话，子组件修改父组件的值，这个内容很多人都写过，但是很大一部分是基于 Vue2.0 写的，需要在父组件中专门定义一个方法/函数，很是麻烦。今天仔仔细细把官方文档看了一下，有了今天这篇博客。

首先这个wangEditor是使用比较广泛的一个开源富文本编辑器，对于输入内容不复杂的需求来说非常棒。

这里是它的官网http://www.wangEditor.com

这个组件可以直接套在w...]]></description><category></category></item><item><title><![CDATA[PHP 检测用户设备]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/86765293</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/86765293</guid><author>DSH964</author><pubDate>Tue, 05 Feb 2019 21:35:35 +0800</pubDate><description><![CDATA[使用专门用于检测用户设备信息的开源项目Mobile Detect

原生PHP：


&amp;lt;?php
// 引入类库
require_once 'Mobile_Detect.php';
// 实例化
$detect = new Mobile_Detect;

/**
 * 查询设备的类型
 */
// 是否为移动设备（包含手机与平板）
if ( $detect-&amp;gt;isMobile() ) ...]]></description><category></category></item><item><title><![CDATA[Openlayers + Vue 实现自定义鼠标右键为改变视图角度事件]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/86010177</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/86010177</guid><author>DSH964</author><pubDate>Mon, 07 Jan 2019 16:46:42 +0800</pubDate><description><![CDATA[openlayers 5.3 + Vue 2.5

效果：



持续按下鼠标右键再拖动鼠标可以实现变换视图的角度

（openlayers的样式被我改了一下，看上去有点像ArcGIS API for JS 4.x的样式）

关键点

Vue里面如何阻止浏览器的默认右键事件
	如何阻止openlayers自带的鼠标点击拖动地图事件
1.Vue里面如何阻止浏览器的默认右键事件

这里有一个坑，下面的...]]></description><category></category></item><item><title><![CDATA[ArcGIS API for JS + Vue 实现 2D / 3D /不同底图 的无缝切换（视图位置不发生改变）]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/85282559</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/85282559</guid><author>DSH964</author><pubDate>Thu, 27 Dec 2018 15:04:23 +0800</pubDate><description><![CDATA[需要用到：Vue 2.5 、Bootstrap 4 、ArcGIS API for JS 4.10

说明：这里的底图切换和2D/3D的切换思路和官网一致，但是实现方法完全不同，是利用Vue将初始化的参数变成响应式从而实现的无缝切换

效果：

初始状态：

初始状态是 Google 的底图，为 3D 状态



随机变换视图位置后切换底图：

不会改变视图位置



切换显示维度：

同样不会改...]]></description><category></category></item><item><title><![CDATA[CentOS 7 下为 Apache 安装 SSL 证书，并使用 443 端口实现 https 安全访问]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/84894041</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/84894041</guid><author>DSH964</author><pubDate>Sat, 08 Dec 2018 16:40:16 +0800</pubDate><description><![CDATA[本文的环境是阿里云的轻量级应用服务器的 LAMP

前提条件：需要一个已经完成备案的站点

首先申请你的 SSL 证书，这里可以用免费的 DV SSL



购买完成后等待1~2天，等待证书签发，签发后下载



下载完成后，重命名文件名（为了后面方便配置 Apache）



在你的 Apache 安装目录下新建 cert 文件夹



把上面的三个文件放到该文件夹中

接下来先打开 Apach...]]></description><category></category></item><item><title><![CDATA[oplenlayers 与 Vue 结合，实现添加任意内容到地图指定位置，并跟随放大级别缩放]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/84893303</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/84893303</guid><author>DSH964</author><pubDate>Sat, 08 Dec 2018 16:02:54 +0800</pubDate><description><![CDATA[先上效果：



可以在地图的指定位置（坐标）上放任何 html 标签，并实现跟随地图放大级别缩放

下面是地图放大级别特别大的时候的效果：



下面是放大级别特别小的时候的效果（可以设置成不显示）：



原理和说明

放置任意 Html，这里毫无疑问是使用的 ol.Overlay 这个类。但是问题是，在 ol 封装好的 ol.Overlay 类中，显示的内容是无法跟随地图的级别缩放的，而可以...]]></description><category></category></item><item><title><![CDATA[使用 php 构建产品级网络爬虫（一）设计爬虫需要考虑的地方]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/84889670</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/84889670</guid><author>DSH964</author><pubDate>Sat, 08 Dec 2018 12:01:53 +0800</pubDate><description><![CDATA[前言

说到网络爬虫，绝大多数人可能想到的都是 python 或者是 C，前者拥有众多的类库、出色的可拓展性等优点，后者拥有杰出的运行效率（对于上亿的 Web 数据量而言，python 和 C 爬虫之前微小的性能差距会被放大数亿倍）。其实，只要是服务器端的脚本语言，都可以用来构建爬虫，php 拥有优秀的运行效率和同样少不的类库，lamp 作为全球使用最广泛的建站全家桶，毋庸置疑有众多的 phper...]]></description><category></category></item><item><title><![CDATA[Vue 2.x 下 Bootstrap 4 中将 iframe 视频嵌入 modal 组件并给予相应的视频播放与关闭控制]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/83743497</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/83743497</guid><author>DSH964</author><pubDate>Mon, 05 Nov 2018 09:31:48 +0800</pubDate><description><![CDATA[Bootstra 4 的 Modal 本身不带有视频控制的 JavaScript ，在将视频 iframe 嵌入其中时需要自己编写相应的 Javascript 。

在 Bootstrap 4 的官方教程中 ，推荐的 https://stackoverflow.com/questions/18622508/bootstrap-3-and-youtube-in-modal Stackoverflow...]]></description><category></category></item><item><title><![CDATA[使用PHP爬取中国银行实时汇率信息，并为前端提供json数据（前端篇）]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/81449424</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/81449424</guid><author>DSH964</author><pubDate>Mon, 06 Aug 2018 10:09:52 +0800</pubDate><description><![CDATA[先上效果：



如何获取汇率信息我已经在之前的博客里面详细地讲过了，下面我们来看如何使用后端返回地汇率信息

html：


&amp;lt;section&amp;gt;
    &amp;lt;h4&amp;gt;&amp;lt;i&amp;gt;实时汇率&amp;lt;/i&amp;gt;&amp;lt;/h4&amp;gt;
    &amp;lt;div id=&quot;exchangeRateInfo&quot;&amp;gt;
		数据加载中……
    &amp;lt;/div&amp;]]></description><category></category></item><item><title><![CDATA[使用PHP爬取中国银行实时汇率信息，并为前端提供json数据（后端篇）]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/81018675</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/81018675</guid><author>DSH964</author><pubDate>Thu, 12 Jul 2018 17:08:26 +0800</pubDate><description><![CDATA[先上效果：



 

思路：访客请求一旦请求汇率信息，就让服务器执行一次跨域请求，让服务器读取包含汇率信息的界面，通过正则或者其他的类库（simple_html_dom解析器）提取我们所需的信息，以json的格式返回给客户端。

这里用到的simple_html_dom

下面是后端的代码（getCurrencyInfo.php)


&amp;lt;?php 
	//允许跨域访问
	header(&quot;A...]]></description><category></category></item><item><title><![CDATA[在网页中使用iframe嵌入B站视频（腾讯视频同理）]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/80961598</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/80961598</guid><author>DSH964</author><pubDate>Sun, 08 Jul 2018 19:15:01 +0800</pubDate><description><![CDATA[先上效果：首先是自己的页面：点击图片后出现一个遮罩、遮罩上显示B站的视频：这个效果很常见，例如在索尼中国的网站中：点击图中的播放图标会出现腾讯视频的iframe窗口：那么下面来看代码：&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
	&amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;
	&amp;lt;style type=&quot;text/css&quot;&amp;gt]]></description><category></category></item><item><title><![CDATA[使用Yahoo天气接口实现全球天气预报  JavaScript+Ajax]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/80949977</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/80949977</guid><author>DSH964</author><pubDate>Sat, 07 Jul 2018 12:57:22 +0800</pubDate><description><![CDATA[2019年1月7日更新

Important EOL Notice: As of Thursday, Jan. 3, 2019, the weather.yahooapis.com and query.yahooapis.com for Yahoo Weather API will be retired. 
To continue using our free Yahoo Weather APIs...]]></description><category></category></item><item><title><![CDATA[ArcGIS API for JavaScript 3.x 下实现标记点要素]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/80295152</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/80295152</guid><author>DSH964</author><pubDate>Sat, 12 May 2018 21:40:52 +0800</pubDate><description><![CDATA[效果如下：鼠标滑动上去的时候出现详细信息数据以json格式传递，数据如下（data.js)：var data = [  //json数据
	{  
	    &quot;id&quot;:&quot;01&quot;,
	    &quot;name&quot;:&quot;长城&quot;, 
	    &quot;x&quot;:116.016033, 
	    &quot;y&quot;:40.364233,  
	    &quot;desc&quot;:&quot;长城（Great Wall），]]></description><category></category></item><item><title><![CDATA[使用新浪股票接口实现股票价格实时刷新JavaScript+Ajax+PHP]]></title><link>https://blog.youkuaiyun.com/DSH964/article/details/80279426</link><guid>https://blog.youkuaiyun.com/DSH964/article/details/80279426</guid><author>DSH964</author><pubDate>Fri, 11 May 2018 12:05:23 +0800</pubDate><description><![CDATA[效果如下：低于上个交易日收盘价时“当前价格”为绿色，高于则为红色，等于为黑色；当股票价格上升时，背景闪烁红色一下，下降时闪缩绿色。（这个接口可以返回很多数据，包括买一价格、买一手数、当日最高价等信息，这个例子里面只写出了股票名称、股票代码、上个交易日的收盘价和当前价格）关于这个接口具体返回的数据可以看这篇新浪实时股票数据接口http://hq.sinajs.cn/list=code下面是后台的PH...]]></description><category></category></item></channel></rss>