<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[csdn_wpno1的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/csdn_wpno1</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; csdn_wpno1]]></copyright><item><title><![CDATA[使用vue-cropper显示NaN*NaN]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/107953020</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/107953020</guid><author>csdn_wpno1</author><pubDate>Wed, 12 Aug 2020 11:11:06 +0800</pubDate><description><![CDATA[使用vue-cropper不显示图片的问题
根据项目需求在图片上传之前按比例裁剪图片，项目运用了vue组件开发，于是在网上搜索了相关截图插件，然后选择了vue-cropper，文档比较清晰
其实使用了vue-cropper一段时间了，之前按照简书的例子写了，但是图片显示不出来，显示NaN*NaN，之前稀里糊涂的解决了问题，但是没做笔记，这次有遇到同样的问题，给组件绑定realTime函数打印出的数据显示img的preserve-3d相关css样式异常，所以才定位到是不是样式的问题。之后给包裹vue-crop]]></description><category></category></item><item><title><![CDATA[占位图网址]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/106494848</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/106494848</guid><author>csdn_wpno1</author><pubDate>Tue, 02 Jun 2020 13:59:09 +0800</pubDate><description><![CDATA[常用的占位图网址
1. http://temp.im
可以在任何地方免费使用，可以使用https，可以定义尺寸和背景颜色，例如：http://temp.im/466×466/4CD964/fff
2. http://fakeimg.pl
可以定义尺寸，背景色，文字颜色和展示文字，例如：https://fakeimg.pl/350x200/ff0000/000/?text=xuexi
3.http://fpoimg.com
可以定义尺寸，背景色，文字颜色和展示文字，例如：http://fpoimg.com/3]]></description><category></category></item><item><title><![CDATA[vue项目中遇到(Maximum call stack size exceeded)错误的处理]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/99972365</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/99972365</guid><author>csdn_wpno1</author><pubDate>Wed, 21 Aug 2019 16:35:53 +0800</pubDate><description><![CDATA[发现问题：
近期公司要求用vue组件化开发一个管理后台，项目中用到了天地图的绘制功能，这部分产出了许多对象实例，单个组件往里面导入大量数据的时候（部分对象存在上万个数据），发生了内存溢出的错误。
分析问题：
从报错信息可以看出是地图相关数据造成的，而根据需求这部分数据在当前组件中是不需要展示的，而我写的代码是把这些数据存在了data中，众所周知vue的响应式处理会产生大量的setter和gette...]]></description><category></category></item><item><title><![CDATA[微信小程序码的调试]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/88895256</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/88895256</guid><author>csdn_wpno1</author><pubDate>Fri, 29 Mar 2019 15:56:51 +0800</pubDate><description><![CDATA[生成的微信小程序码如何调试
微信小程序码通过后台生成，一般生成的小程序码都是发布后才能生成，开发过程中如何调试呢？其实微信开发者工具已经提供了相关功能，点击上方的编译模式，选择“通过二维码编译”，选择生成的小程序码就可以了，然后如果是带参数的小程序码，参数要通过decodeURIComponent方法对scene值进行解析，然后截取字符串就可以了。


...]]></description><category></category></item><item><title><![CDATA[js小数运算误差]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/88742122</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/88742122</guid><author>csdn_wpno1</author><pubDate>Fri, 22 Mar 2019 16:08:26 +0800</pubDate><description><![CDATA[在使用某个公众号的web页面购物时，发现了购物车结算时一长串的小数，实际上结算金额应该是小数不超过两位。于此同时也很好的让我在做毕业设计时很好的规避了这个问题。我们来看看js小数运算的问题：


console.log(0.1+0.2);

输出结果是：

为什么会出现这种问题呢？我们都知道计算机的世界里只有二进制，十进制小数转二进制的方法我们都知道“乘基取整，正序排列”：

0.1转二进制为：0...]]></description><category></category></item><item><title><![CDATA[js判断空对象和空数组]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/88693849</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/88693849</guid><author>csdn_wpno1</author><pubDate>Wed, 20 Mar 2019 17:11:26 +0800</pubDate><description><![CDATA[业务处理过程中经常需要对数据进行判断，这里介绍空对象和空数组的判断方法

空数组的判断


if(Array.prototype.isPrototypeOf(obj)&amp;&amp;obj.length === 0){return true;}

空对象的判断


if(Object.prototype.isPrototypeOf(obj)&amp;&amp;Object.keys(obj)....]]></description><category></category></item><item><title><![CDATA[js面向对象]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/79056424</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/79056424</guid><author>csdn_wpno1</author><pubDate>Sun, 14 Jan 2018 16:40:41 +0800</pubDate><description><![CDATA[创建对象的五种方式
第一种

var person = new Object();
person.name = "Leon";
person.age = "22";
第二种 json
var person = {
    name:"Leon",
    age:22
};
第三种 工厂
function createPerson(name,age){
    var o = new]]></description><category></category></item><item><title><![CDATA[浏览器的渲染引擎]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/78947303</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/78947303</guid><author>csdn_wpno1</author><pubDate>Mon, 01 Jan 2018 20:51:18 +0800</pubDate><description><![CDATA[在面试的时候或许经常被问到：从你的浏览器输入一个网址到网页 
内容完全被展示的这段时间内，都发生了什么事情？ 
（1）开启一个单独的线程，判断输入是否合法，然后判断是否为HTTP协议请求， 
如果是进行下一步； 
（2）浏览器的浏览器引擎将对此URL进行分析加载； 
（3）通过DNS解析域名获取该网站地址对应的IP地址，查询完成后连同浏览器 
Cookie、userAgent等信息向网站目的IP发出]]></description><category></category></item><item><title><![CDATA[js闭包]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/78947246</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/78947246</guid><author>csdn_wpno1</author><pubDate>Mon, 01 Jan 2018 20:42:25 +0800</pubDate><description><![CDATA[闭包的作用域fn1(); 
funcion fn1(){ 
    alert(“fn1”); 
} 
这种定义函数的方式先调用后定义不会报错fn2(); 
var fn2() = function(){ 
    alert(“fn2”); 
} 
这种定义函数的方式会报错 
在JS中进行函数的调用，会为每一个函数增加一个属性SCOPE，通过这个属性来指向一块内存，这块内存中包含有所有的上下文使用]]></description><category></category></item><item><title><![CDATA[JavaScript函数]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/78947070</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/78947070</guid><author>csdn_wpno1</author><pubDate>Mon, 01 Jan 2018 20:17:39 +0800</pubDate><description><![CDATA[函数的几种定义方式第一种定义方式 
function fn1(){ 
     alert(“fn1”); 
} 
第二种定义方式 
var fn2 = function(){ 
     alert(“fn2”); 
} 
与第一种方式效果相同，调用的时候用fn2()。 
第三种定义方式 
var fn3 = fn1; 
fn3(); 
第四种定义方式 
var fn = new Function]]></description><category></category></item><item><title><![CDATA[常见DOS命令]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/78248134</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/78248134</guid><author>csdn_wpno1</author><pubDate>Mon, 16 Oct 2017 11:46:03 +0800</pubDate><description><![CDATA[常见DOS命令盘符切换 D:回车 
目录的进入 cd javase 
*目录的回退 cd..或者 cd* 
清屏 cls 
退出 exit 
显示一个目录下的文件和子目录 
创建一个子目录 md 
删除空子目录 rd 
删除指定磁盘、目录中的一个或一组文件 del 
创建文件 dir>a.txt]]></description><category></category></item><item><title><![CDATA[jQuery treeview插件]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77434410</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77434410</guid><author>csdn_wpno1</author><pubDate>Sun, 20 Aug 2017 21:07:16 +0800</pubDate><description><![CDATA[以上是需引入的文件，jQuery Treeview 提供了一个无序灵活的可折叠的树形菜单。适用于一些菜单的导航，支持基于 cookie 的持久性菜单。


   天龙八部
   第一章
       
           第一节
               
                   第一节（上）
                   第一节（下）
      ]]></description><category></category></item><item><title><![CDATA[jQuery Tooltip插件]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77434377</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77434377</guid><author>csdn_wpno1</author><pubDate>Sun, 20 Aug 2017 21:04:33 +0800</pubDate><description><![CDATA[jQuery Tooltip 插件取代了原生的工具提示框，让它们可自定义，您只需要调整它们的内容、位置和外观即可。

该插件目前版本是 1.3，已经很长时间没有更新，推荐使用 jQuery UI 工具提示框（Tooltip）。

如需了解更多有关 jQuery UI 工具提示框（Tooltip）的细节，请查看 API 文档 jQuery UI 工具提示框部件（Tooltip
 Widge]]></description><category></category></item><item><title><![CDATA[jQuery prettyDate插件]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77434295</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77434295</guid><author>csdn_wpno1</author><pubDate>Sun, 20 Aug 2017 20:55:36 +0800</pubDate><description><![CDATA[赠书 | 异步2周年,技术图书免费选    每周荐书：渗透测试、K8s、架构（评论送书）    项目管理+代码托管+文档协作，开发更流畅                        
  
      window.quickReplyflag = true;
      var isBole = false; 
      var fasrc="http://my.youkuaiyun.com/my/fav]]></description><category></category></item><item><title><![CDATA[jquery密码验证插件]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77433562</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77433562</guid><author>csdn_wpno1</author><pubDate>Sun, 20 Aug 2017 20:36:07 +0800</pubDate><description><![CDATA[以上是需引入的文件，还需引入jQuery文件，而且必须放在这两个文件前面（原因前面已经讲了，就不再赘述）。
jQuery PasswordValidation（密码验证）插件扩展了 jQuery Validate 插件，提供了两种组件：
一种评价密码的相关因素的功能：比如大小写字母的混合情况、字符（数字、特殊字符）的混合情况、长度、与用户名的相似度（可选的）。
一种使用评价功能显示密码强度的]]></description><category></category></item><item><title><![CDATA[jQuery growl插件]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77433471</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77433471</guid><author>csdn_wpno1</author><pubDate>Sun, 20 Aug 2017 20:33:25 +0800</pubDate><description><![CDATA[除了以下文件，还需引入jQuery文件，而且需放在最前面，因为这些插件是基于jQuery的。




提示框，定义的是鼠标不点击取消时，会在几秒之后自动消失，但是鼠标放在提示框上，它就不会消失。
title:消息提示的标题
message:提示的内容
（1）growl后面不写某些关键词，使用默认样式

$("#btn1").click(function(){
       $]]></description><category></category></item><item><title><![CDATA[jQuery Autocomplete插件]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77430604</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77430604</guid><author>csdn_wpno1</author><pubDate>Sun, 20 Aug 2017 17:28:12 +0800</pubDate><description><![CDATA[Jquery AutoComplete的使用方法实例
        
        
        
            jQuery的Autocomplete（自动完成、自动填充）插件有不少，但比较下来我感觉，还是bassistance.de的JQuery Autocomplete plugin比较强大，我们就来写一些代码感受一下。
 
jquery-autocomplete配置：
<s]]></description><category></category></item><item><title><![CDATA[jQuery Accordion插件]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77430509</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77430509</guid><author>csdn_wpno1</author><pubDate>Sun, 20 Aug 2017 17:18:21 +0800</pubDate><description><![CDATA[<!-- 内容 -->
        <h1>jQuery UI Accordion 示例</h1>
本篇介绍 Accordion 组件（类似手风琴可以摺叠的 UI 组件）。基本用法jQuery Accordion UI 组件可以把一个包含有具有 Header (标题头）和 Content（内容）对的容器转变成 Accordion 组件。比如如下一个 Id=”accordion”Div HTML]]></description><category></category></item><item><title><![CDATA[jQuery Validate插件]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77430374</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77430374</guid><author>csdn_wpno1</author><pubDate>Sun, 20 Aug 2017 17:05:40 +0800</pubDate><description><![CDATA[jQuery Validate验证框架详解
    jQuery校验官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation
一、导入js库<script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script>
<scrip]]></description><category></category></item><item><title><![CDATA[jQueryDOM、jQueryAjax]]></title><link>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77430105</link><guid>https://blog.youkuaiyun.com/csdn_wpno1/article/details/77430105</guid><author>csdn_wpno1</author><pubDate>Sun, 20 Aug 2017 16:55:07 +0800</pubDate><description><![CDATA[jQueryDOM
1.1内容操作
（1）文本内容的捕获text()
作用：获取或设置文本内容（等价于DOM操作中的innerText属性）


   


我是要捕获的内容


   $("#p1").text("更改成我");
   alert($("#p1").text());


（2）html():获取元素中的所有内容（HTML的标签）


   ]]></description><category></category></item></channel></rss>