<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[云上]]></title><description><![CDATA[云上黑色主题]]></description><link>https://blog.youkuaiyun.com/yongbin668</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yongbin668]]></copyright><item><title><![CDATA[2023前端总结]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/131453649</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/131453649</guid><author>yongbin668</author><pubDate>Thu, 29 Jun 2023 11:57:21 +0800</pubDate><description><![CDATA[当数组发生增删时， 默认需要把发生改动的项目全部进行重绘 --- 浪费资源；当添加唯一标识之后， 一旦发生 增删操作之后，重绘之前会检测新绘制的元素 和 已有的元素 是否存在相同的 key ， 相同则复用 --- 不浪费。1、 key的作用主要是为了高效的更新虛拟DOM，其原理是vue在patch（补丁）过程中通过key可以精准判断两个节点是否是同一个，从而避免频繁更新不同元素，使得整个patch过程更加高效，减少DOM操作量，提高性能。2、 另外，若不设置key还可能在列表更新时引发一些隐蔽的bug。]]></description><category></category></item><item><title><![CDATA[2021年高级前端进阶之路]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/120787421</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/120787421</guid><author>yongbin668</author><pubDate>Fri, 15 Oct 2021 17:28:14 +0800</pubDate><description><![CDATA[1.两边固定，中间自适应布局
  2.js判断字符串中出现次数最多的字符
  3.Vue.set的用法及场景
  4.Vue自定义指令的钩子函数及使用场景 
    4.1 钩子函数：bind,inserted,update,componentUpdated,unbind）
    4.2 函数参数：el,binding,vnode,oldVnode
    4.3 使用场景：按钮级别的权限控制
  5.Vue页面渲染过程 （
    5.1 加载文件执行顺序：1.打包配置位置;2.index.htm...]]></description><category></category></item><item><title><![CDATA[【高级篇】javascript静态页面传值的三种方法 【url方法，取值方便，可跨域;  cookie方法，同源访问;  window.open方法，指向父窗口】]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52135719</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52135719</guid><author>yongbin668</author><pubDate>Sat, 06 Aug 2016 13:02:30 +0800</pubDate><description><![CDATA[这篇文章介绍了javascript静态页面传值的三种方法及优缺点，有需要的朋友可以参考一下


一：JavaScript静态页面值传递之URL篇
能过URL进行传值.把要传递的信息接在URL上.
Post.htm


复制代码代码如下:






function Post()
{
//单个值 Read.htm?username=baobao;
//多全值 R]]></description><category></category></item><item><title><![CDATA[HTML5 Web Workers 运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。【类似多线程并行处理】]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52135674</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52135674</guid><author>yongbin668</author><pubDate>Sat, 06 Aug 2016 12:45:26 +0800</pubDate><description><![CDATA[HTML5 Web Workers



web worker 是运行在后台的 JavaScript，不会影响页面的性能。


什么是 Web Worker？

当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。

web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内]]></description><category></category></item><item><title><![CDATA[js 数组去重三种方法总结]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52131812</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52131812</guid><author>yongbin668</author><pubDate>Fri, 05 Aug 2016 19:00:48 +0800</pubDate><description><![CDATA[第一种是比较常规的方法

思路：

1.构建一个新的数组存放结果

2.for循环中每次从原数组中取出一个元素，用这个元素循环与结果数组对比

3.若结果数组中没有该元素，则存到结果数组中


复制代码代码如下:


Array.prototype.unique1 = function(){
 var res = [this[0]];
 for(var i = 1;]]></description><category></category></item><item><title><![CDATA[如何给字符加千分符【例如：65，541，694，158】]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52082081</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52082081</guid><author>yongbin668</author><pubDate>Mon, 01 Aug 2016 00:53:54 +0800</pubDate><description><![CDATA[给字符加千分号  

var str = '2359844564654';
		
	function test3(str) {
		var iNum = str.length%3;	//余数	
		var prev = '';
		var arr = [];
		var iNow = 0;
		var tmp = '';

		if(iNum !=0) {
			prev = str.substr]]></description><category></category></item><item><title><![CDATA[如何获取下拉框选中项的内容？]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52057054</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52057054</guid><author>yongbin668</author><pubDate>Thu, 28 Jul 2016 17:10:35 +0800</pubDate><description><![CDATA[如何获取下拉框选中项的内容？


 
 
 如何获取下拉框选中项的内容？  
 
 .red{color:red;}
 

 

*
地      区：

	
		-请选择地区-
		北京
		上海
		天津
		广州
	

 
	var Obj = document.getElementById("AreaId");
	Area_Value = Obj.options[Obj.selected]]></description><category></category></item><item><title><![CDATA[如何把一个字符串里的所有单词的第一个字符变大写？]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52056505</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52056505</guid><author>yongbin668</author><pubDate>Thu, 28 Jul 2016 16:23:14 +0800</pubDate><description><![CDATA[如何把一个字符串里的所有单词的第一个字母变大写？




 
 
   
 
	function titleCase(str) {
		return str.toLowerCase().split(' ').map(function(word) {
			return (word.charAt(0).toUpperCase() + word.slice(1));
		}).join(' ')]]></description><category></category></item><item><title><![CDATA[JavaScript中函数式编程的体现－－map()函数和reduce()函数【arr.map(pow);】都使用回调函数]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52054757</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52054757</guid><author>yongbin668</author><pubDate>Thu, 28 Jul 2016 14:07:39 +0800</pubDate><description><![CDATA[最近在学JavaScript，中间看到map和reduce方法，觉得挺有意思的，边学边写下这篇博客。

这两个函数都在某种程度上体现了函数式编程的思想，即将函数作为传入另一个函数的参数。

map()方法的调用者一般是个数组，参数是一个函数，称为callback，返回值是一个由原数组中每个元素执行给定callback函数的返回值组成的新数组。

也就是说，当你用map()方法时，是将组]]></description><category></category></item><item><title><![CDATA[编写代码，让f1继承f2的所有成员 【function f1(){ 		this.a1 = 1; 		this.b1 = 2; 	} 	function f2(){ 		this.a2 = 3; 	】]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52054307</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52054307</guid><author>yongbin668</author><pubDate>Thu, 28 Jul 2016 13:01:49 +0800</pubDate><description><![CDATA[编写代码，让f1继承f2的所有成员
function f1(){
this.a1 = 1;
this.b1 = 2;
}
function f2(){
this.a2 = 3;
this.b2 = 4;
}





 
 
 编写代码，让f1继承f2的所有成员  
 
	function f1(){
		this.a1 = 1;
		this.b1 = 2;
	}
	fu]]></description><category></category></item><item><title><![CDATA[以json的形式表示以下数据库表格内容 【id      name      city -------------------------- 1      Tom      London 2    】]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52053856</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52053856</guid><author>yongbin668</author><pubDate>Thu, 28 Jul 2016 11:43:23 +0800</pubDate><description><![CDATA[请将如下数据库表的记录用json表示出来
id      name      city

--------------------------
1      Tom      London
2       John      Newyork
3       Alice       Paris



 
 
 以json的形式表示数据表格  
 
 

  1的名字是：

  
	v]]></description><category></category></item><item><title><![CDATA[以空格字符串作为分隔字符串，将如下字符串拆分成数组（每个元素不能含有空格字符）var str='a b         c     20  d  ef   g 123';]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52052720</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52052720</guid><author>yongbin668</author><pubDate>Thu, 28 Jul 2016 10:30:36 +0800</pubDate><description><![CDATA[以空格字符串作为分隔字符串，将如下字符串拆分成数组（每个元素不能含有空格字符）var str='a b    c     20  d  ef   g 123';


 
 
 以空格字符串作为分隔字符串，将如下字符串拆分成数组（每个元素不能含有空格字符）    
 
  var str='a b    c     20  d  ef   g 123';

  document.write(str]]></description><category></category></item><item><title><![CDATA[在以下数组的第二个元素后插入元素3  var ar = [1,2,4,5,6];]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52052380</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52052380</guid><author>yongbin668</author><pubDate>Thu, 28 Jul 2016 10:07:02 +0800</pubDate><description><![CDATA[在以下数组的第二个元素后插入元素3  var ar = [1,2,4,5,6];




 
 
 在如下数组第二个元素后插入一个元素3   
 
  var ar = [1,2,4,5,6];

  ar.splice(2,0,3);
  alert(JSON.stringify(ar));
  
 

  


输出结果：]]></description><category></category></item><item><title><![CDATA[根据每个元素的i属性，由小到大排列如下数组ar=[{i:5,v:1},{i:5,v:4},{i:2,v:1},{i:1,v:3},{i:3,v:2},{i:6,v:1},{i:4,v:1}];]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52052272</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52052272</guid><author>yongbin668</author><pubDate>Thu, 28 Jul 2016 09:58:36 +0800</pubDate><description><![CDATA[根据每个元素的i属性，由小到大排列如下数组ar=[{i:5,v:1},{i:5,v:4},{i:2,v:1},{i:1,v:3},{i:3,v:2},{i:6,v:1},{i:4,v:1}];



 
 
 根据每个元素的i属性，由小到大排列如下数组  
 
	var ar=[{i:5,v:1},{i:5,v:4},{i:2,v:1},{i:1,v:3},{i:3,v:2},{i:6,v:1]]></description><category></category></item><item><title><![CDATA[hasLayout引发的CSS Bug表 及处理办法【zoom:1】]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52047941</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52047941</guid><author>yongbin668</author><pubDate>Wed, 27 Jul 2016 17:59:01 +0800</pubDate><description><![CDATA[文章一 ：




解决IE兼容问题是比较头疼的问题，无论你是新入门的菜鸟还是久经考验的职业行家，兼容问题，特别是IE，IE6会让你非常头疼。很多时候，div CSS在IE下的解析十分奇怪，一个比较经典的bug就是设置border的时候，有时候border会断开，刷新页面或者滚动滚动条的时候，断掉的部分又会连接起来。这些问题的根源很多时候来源于IE的一个特有属性：hasLayout。ha]]></description><category></category></item><item><title><![CDATA[前端拾遗]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52044008</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52044008</guid><author>yongbin668</author><pubDate>Wed, 27 Jul 2016 11:34:22 +0800</pubDate><description><![CDATA[一、js继承问题

//有关于原型继承的代码如下:
function Person(name) {
   this.name = name;
}
Person.prototype = {
     getName : function() {
    return this.name;
    }
}
function Student(name, id) {
     Pe]]></description><category></category></item><item><title><![CDATA[写一个方法，求一个字符串的字节长度]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52043144</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52043144</guid><author>yongbin668</author><pubDate>Wed, 27 Jul 2016 10:32:14 +0800</pubDate><description><![CDATA[求一个字符串的字节长度  
 
	new function(s) {
		if(!arguments.length||!s) return null;
		if(""==s) return 0;
		
		var l = 0;
		for(var i = 0;i<s.length;i++){
			if(s.charCodeAt(i)>255) l+=2;
			else l++;
		}
		a]]></description><category></category></item><item><title><![CDATA[node.js安装配置【下载】]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52037193</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52037193</guid><author>yongbin668</author><pubDate>Tue, 26 Jul 2016 16:36:53 +0800</pubDate><description><![CDATA[Node.js 安装配置

本章节我们将向大家介绍在window和Linux上安装Node.js的方法。

本安装教程以Node.js v4.4.3 LTS(长期支持版本)版本为例。

Node.js安装包及源码下载地址为：https://nodejs.org/en/download/。



你可以根据不同平台系统选择你需要的Node.js安装包。

Node.js 历史]]></description><category></category></item><item><title><![CDATA[node.js简介 是一个基于Chrome JavaScript 运行时建立的一个平台。]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52037170</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52037170</guid><author>yongbin668</author><pubDate>Tue, 26 Jul 2016 16:35:17 +0800</pubDate><description><![CDATA[简单的说 Node.js 就是运行在服务端的 JavaScript。

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。



谁适合阅读本教程？

如果你是一个前端程序员，你不懂得像PH]]></description><category></category></item><item><title><![CDATA[css3多媒体查询及实例]]></title><link>https://blog.youkuaiyun.com/yongbin668/article/details/52036470</link><guid>https://blog.youkuaiyun.com/yongbin668/article/details/52036470</guid><author>yongbin668</author><pubDate>Tue, 26 Jul 2016 15:39:55 +0800</pubDate><description><![CDATA[CSS3 多媒体查询


CSS2 多媒体类型


@media 规则在 CSS2 中有介绍，针对不同媒体类型可以定制不同的样式规则。

例如：你可以针对不同的媒体类型(包括显示器、便携设备、电视机，等等)设置不同的样式规则。

但是这些多媒体类型在很多设备上支持还不够友好。


CSS3 多媒体查询

CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想： ]]></description><category></category></item></channel></rss>