<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[markkr133的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/markkr133</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; markkr133]]></copyright><item><title><![CDATA[照片查看器]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/114128652</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/114128652</guid><author>markkr133</author><pubDate>Fri, 26 Feb 2021 13:49:58 +0800</pubDate><description><![CDATA[viewer 照片查看器

效果：



api：

https://github.com/fengyuanchen/viewerjs#methods

npm：


			1
			
			
			npm install viewerjs
			
		
import 'viewerjs/dist/viewer.css'

使用：

1.引入：


import Viewer from 'viewerjs'

2.将图片包含在一个div内


			1

			2

			3
			
			
			&lt;]]></description><category></category></item><item><title><![CDATA[vue实现语音播报功能]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/108587445</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/108587445</guid><author>markkr133</author><pubDate>Mon, 14 Sep 2020 20:36:15 +0800</pubDate><description><![CDATA[1,创建一个js文件 （voicePrompt.js）


function voicePrompt (text){
    new Audio('http://tts.baidu.com/text2audio?cuid=baiduid&amp;lan=zh&amp;ctp=1&amp;pdt=311&amp;tex=' + text).play();
}
 
export {
    voicePrompt
}

　2在min.js


import * as voicePromptFun from '.]]></description><category></category></item><item><title><![CDATA[原生Js获取Url中参数值]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/108495308</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/108495308</guid><author>markkr133</author><pubDate>Wed, 09 Sep 2020 17:42:45 +0800</pubDate><description><![CDATA[showUrlInfo() {
        let queryStr = '';
        let arr1;
        let arr2;

        let url = window.location.href;
        let i = url.indexOf('?');

        if (i !== -1) {
          queryStr = url.substr(i + 1);
          arr1 = queryStr.split('&a..]]></description><category></category></item><item><title><![CDATA[vue 根据详细地址获取经纬度]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/106994223</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/106994223</guid><author>markkr133</author><pubDate>Sun, 28 Jun 2020 10:43:49 +0800</pubDate><description><![CDATA[前言
业务需求：根据用户输入详细地址，获取地址的经纬度传给后台，但是不要地图。

准备内容
1.安装josnp，解决跨域，不安转会报跨域问题

执行命令：

npm install vue-jsonp --save
入口文件main.js添加：

import VueJsonp from 'vue-jsonp'
Vue.use(VueJsonp)
基本使用方法：

this.$jsonp(地址, 传参参数对象{} ).then(json =&gt; {
　　// 返回的内容
  console.log(..]]></description><category></category></item><item><title><![CDATA[vue-infinite-scroll使用笔记]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/106812205</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/106812205</guid><author>markkr133</author><pubDate>Wed, 17 Jun 2020 16:36:24 +0800</pubDate><description><![CDATA[前言

如今web开发中，无限加载是必需的一项功能，尤其是在移动端开发中，一个列表往往默认只加载10条，想看更多只能逐渐往下翻页。那么今天就看看如何在Vue-Cli中实现这个功能。

我查了当前最流行的几个插件，大多是基于jQuery的，好在，Element UI的开发者开发了一款专用于Vue的vue-infinite-scroll插件，今天就试用一下。

安装

官网是：https://github.com/ElemeFE/vue-infinite-scroll




npm install vue-.]]></description><category></category></item><item><title><![CDATA[判断一个变量是数组还是对象]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/89181522</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/89181522</guid><author>markkr133</author><pubDate>Wed, 10 Apr 2019 13:59:44 +0800</pubDate><description><![CDATA[javascript中如何准确判断一个变量是什么，面试中这是考一个人基本功扎不扎实必定会问的一个问题。如果你还不是很清楚，相信这篇文章会对你有所帮助。

一，判断方法

1.typeof
  我们能够使用typeof判断变量的身份，判断字符串得到string，数字和NaN得到number，函数会得到function等，但是判断数组，对象和null时都会得到object，详细请看js数据类型，...]]></description><category></category></item><item><title><![CDATA[几种常见的清浮动方法]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/89180928</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/89180928</guid><author>markkr133</author><pubDate>Wed, 10 Apr 2019 13:45:56 +0800</pubDate><description><![CDATA[1、父级div定义伪类：after和zoom


&lt;style type="text/css"&gt; 
   .div1{background:#000080;border:1px solid red;}
   
   .left{float:left;width:20%;height:200px;background:#DDD}
   .right{float:right;width:3...]]></description><category></category></item><item><title><![CDATA[点击图片上传，并且本地预览，删除使用默认图片]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/82423488</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/82423488</guid><author>markkr133</author><pubDate>Wed, 05 Sep 2018 14:32:46 +0800</pubDate><description><![CDATA[点击图片上传，并且本地预览


&amp;lt;div class=&quot;banner-showimg&quot;&amp;gt;
	&amp;lt;img id=&quot;img5&quot; class=&quot;picture-img-photo&quot; src=&quot;../img/u1783.jpeg&quot;/&amp;gt;
	&amp;lt;div onclick=&quot;changeImg()&quot; class=&quot;banner-img-delete ]]></description><category></category></item><item><title><![CDATA[下拉列表动态添加]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/82423290</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/82423290</guid><author>markkr133</author><pubDate>Wed, 05 Sep 2018 14:25:29 +0800</pubDate><description><![CDATA[    jquery与JavaScript混合渲染

                &amp;lt;select id=&quot;selectID&quot; class=&quot;drop-down banner3-sort&quot;  name=&quot;cars&quot;&amp;gt;
                            &amp;lt;!--&amp;lt;option value=&quot;1&quot;&amp;gt;1&amp;lt;/option&amp;]]></description><category></category></item><item><title><![CDATA[输入框输入字数限制]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/82423226</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/82423226</guid><author>markkr133</author><pubDate>Wed, 05 Sep 2018 14:20:58 +0800</pubDate><description><![CDATA[ &amp;lt;input class=&quot;name&quot; id=&quot;name&quot; type=&quot;text&quot; placeholder=&quot;请输入&quot; onkeyup=&quot;checkLength(this, 8);&quot; /&amp;gt;


var checkLength = function(dom, maxLength){
    var l = 0;
    for(var i=0; i&amp;lt;dom.value]]></description><category></category></item><item><title><![CDATA[微信小程序----日期时间选择器（自定义精确到分秒或时段）]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/81167894</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/81167894</guid><author>markkr133</author><pubDate>Mon, 23 Jul 2018 15:11:06 +0800</pubDate><description><![CDATA[效果图



原理：利用微信小程序的picker组件的多列选择器实现！

wxml


&amp;lt;view class=&quot;tui-picker-content&quot;&amp;gt;
  &amp;lt;view class=&quot;tui-picker-name&quot;&amp;gt;时间选择器（选择时分）&amp;lt;/view&amp;gt;
  &amp;lt;picker mode=&quot;time&quot; value=&quot;{{time}}&quot;]]></description><category></category></item><item><title><![CDATA[Web站点常见安全问题]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/80546014</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/80546014</guid><author>markkr133</author><pubDate>Sat, 02 Jun 2018 11:15:35 +0800</pubDate><description><![CDATA[Web站点常见安全问题认证与授权 认证：访问网站时需要登录，用户名和密码的提交校验就是认证的过程。 授权：登录网站后，每个人所能访问的页面不尽相同，就是授权的作用。session 与 cookie session和cookie提高了用户体验，但不应该存放一些敏感数据，如身份证、手机号等。 另外，不同的web站点的作用域应区分开，以避免出现不必要的麻烦。Ddos 拒绝服务攻击 DdoS的攻击方式有很...]]></description><category></category></item><item><title><![CDATA[电商网站安全问题]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/80545889</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/80545889</guid><author>markkr133</author><pubDate>Sat, 02 Jun 2018 10:44:48 +0800</pubDate><description><![CDATA[电商网站安全常见问题。。              电子商务简单的说就是利用Internet进行的交易活动，电子商务：&quot;电子&quot;+&quot;商务&quot;，从电子商务的定义可以了解电子商务的安全也就相应的分为两个方面的安全：一方面是&quot;电子&quot;方面的安全，就是电子商务的开展必须利用Internet来进行，而Internet本身也属于计算机网络，所以电子商务的第一个方面的安全就是计算机网络的安全，它包括计算机网络硬件的安...]]></description><category></category></item><item><title><![CDATA[常见App安全问题]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/80545689</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/80545689</guid><author>markkr133</author><pubDate>Sat, 02 Jun 2018 10:32:07 +0800</pubDate><description><![CDATA[常见的 App 安全问题据2015年第三季度移动安全报告显示，Android 16个行业 TOP 10 应用漏洞类别和数量中，Webview远程代码执行占到了第一位，第二位是Webview文明存储密码。这些领域涵盖大家平时工作领域，我们所面临的漏洞是非常严峻的。常见安全问题分析上图可看出Android研发要点约450个，包含组建安全、配置安全、策略安全、通信安全、权限欧洲、DOS安全、ROOT安全...]]></description><category></category></item><item><title><![CDATA[微信小程序中使用阿里（iconfont）字体图标]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/80287954</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/80287954</guid><author>markkr133</author><pubDate>Sat, 12 May 2018 00:55:32 +0800</pubDate><description><![CDATA[一、下载图标1、首先在阿里云（iconfont）中找到项目中所需要的图标并且加入到购物车。2、添加至项目并下载本地             （1）添加至项目 ，如图：下                                 （2） 选择小程序项目名称并点确定，如图：下                             （3）选择Unicode，点击‘暂无代码，点此生成’代码，如图：...]]></description><category></category></item><item><title><![CDATA[狼]]></title><link>https://blog.youkuaiyun.com/markkr133/article/details/79778992</link><guid>https://blog.youkuaiyun.com/markkr133/article/details/79778992</guid><author>markkr133</author><pubDate>Sun, 01 Apr 2018 16:28:23 +0800</pubDate><description><![CDATA[      想必大家都知道狼这种动物，提起狼，想必大家都知道，凶残，凶猛，狡猾，，，，是的。狼（拉丁名：Canis lupus Linnaeus）cites附录等级：Ⅱ 保护等级：国家二级保护动物。共46个亚种，体型中等、匀称，四肢修长，趾行性，利于快速奔跑。头腭尖形，颜面部长，鼻端突出，耳尖且直立，嗅觉灵敏，听觉发达。犬齿及裂齿发达；上臼齿具明显齿尖，下臼齿内侧具一小齿尖及后跟尖；臼齿齿冠直径大...]]></description><category></category></item></channel></rss>