<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Bendition的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Bendition</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Bendition]]></copyright><item><title><![CDATA[2021-07-10]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/118636088</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/118636088</guid><author>Bendition</author><pubDate>Sun, 11 Jul 2021 01:05:08 +0800</pubDate><description><![CDATA[**动态组件: **
	&lt;component  :is="componentsName"/&gt;

异步组件
按需加载,  减少在大量组件在单个页面 渲染时候的压力
export default(){
	components:{
		tabBar:()=&gt;import "tabbar" from '...'
	}
}

keep-alive
缓存组件, 频繁切换时不需要重复渲染
&lt;keep-alive&gt;
	&lt;a/&gt;
	&lt;b/&gt;
	&lt;c/&gt;
&l.]]></description><category></category></item><item><title><![CDATA[Excel]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/116865850</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/116865850</guid><author>Bendition</author><pubDate>Sat, 15 May 2021 23:23:55 +0800</pubDate><description><![CDATA[单元格移动
我们可以使用 键盘的上下左右键,来移动当前高亮 (即被选中)的单元格 .
某些情况下, 单元格的宽度不足以完全显示文字的信息时候. 使用鼠标去拖动分割线效率过低
请使用鼠标 来双击两单元格上方的分割线,以达到自适应宽度的效果:
下图:

 如果想摆脱函数模式, 请按下 最左上角的 ESC 键
函数
当我们需要在单元格生成 随机数的时候：

	=rand()      
	// 生成0，1 的随机数， 且小数位很长
	=randbetween(x,y)
	//生成x~y 之间的随机整数 EG: r]]></description><category></category></item><item><title><![CDATA[回顾]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/113836159</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/113836159</guid><author>Bendition</author><pubDate>Fri, 19 Feb 2021 23:41:16 +0800</pubDate><description><![CDATA[type of 能判断什么 ?  js 类型
=== 与 == 具体何时使用?  (强制类型转换考点)
window.onload 与DomContentLoaded的区别 (页面加载过程考点)
js创建10个a标签,点击标签弹出第n个序号( 实际是js作用域问题,for循环打印的数全是最后一次的值)
手写节流防抖(throttle debounce)  – 性能优化体验考点
promise解决乐什么问题 – (异步考点,事件队列)
HTML:
h5新增和删除 块级元素,行内元素
CSS:
BFC 是什么
]]></description><category></category></item><item><title><![CDATA[VueX学习讲解]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/101521822</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/101521822</guid><author>Bendition</author><pubDate>Mon, 18 Jan 2021 09:33:46 +0800</pubDate><description><![CDATA[今天来讲解作为vue全家桶之一的 VueX。

Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue的官方调试工具devtools扩展，提供了诸如零配置的time-travel调试，状态快照，导入等高级调试功能。	-------来自vuex官网

说白了，就是让多个组件共用一套数...]]></description><category></category></item><item><title><![CDATA[vue-router]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/112713300</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/112713300</guid><author>Bendition</author><pubDate>Sun, 17 Jan 2021 01:41:38 +0800</pubDate><description><![CDATA[❤  在安装完依赖之后
全局路由守卫：

1.beforeEach
2. beforeResolve
3. afterEach
router - index.js路由守卫是出现在 生命周期函数之前

全局守卫 写在index.js中	;  局部守卫 写在具体的component 中

❤ 全局守卫
import Vue from 'vue'
import VueRouter from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
]]></description><category></category></item><item><title><![CDATA[Dart学习]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/107619804</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/107619804</guid><author>Bendition</author><pubDate>Tue, 28 Jul 2020 16:05:06 +0800</pubDate><description><![CDATA[变量类型
标题
dart是强大的脚本类型语言, 可以不预先定义变量类型,Dart会自动推导变量类型.
当申明类型后,就不可以再使用var 、let 等关键字去定义变量  

	var tempstr = 'abc' // 正确
	var String tempstr  = 'abc' // 报错
	String tempstr = 15 // 报错，因为tempstr希望得到的是一个字符串而并非Number值


...]]></description><category></category></item><item><title><![CDATA[VUe2.X 配合element 的踩坑及一些记录]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/103661621</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/103661621</guid><author>Bendition</author><pubDate>Mon, 23 Dec 2019 10:53:07 +0800</pubDate><description><![CDATA[element导航栏
el-menu-item  配合router-link 配置路由的时候，如果只是在el-menu-item内添加文字，则必须点击到文字，才能进行路由跳转。但是大部分用户，是更倾向点击文字所属的父级元素来进行路由切换。这就造成了用户体验不佳。而生硬地在文字外层加一个元素，即便设置宽、高100%，效果也并不理想。于是，使用官方后来给出的方法解决：
我们进行如下配置
第一步：配置路...]]></description><category></category></item><item><title><![CDATA[Nuxt学习]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/102495664</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/102495664</guid><author>Bendition</author><pubDate>Fri, 11 Oct 2019 16:10:49 +0800</pubDate><description><![CDATA[Nuxt.js 概述
nuxt  就是一个极简的 vue 版的 ssr 框架。基于它，我们可以快速开发一个基于 vue 的 ssr 单页面应用。

vue2 (基于vue2)
vue Router (自身整合了vue-router)
Vuex(整合状态管理)
Vue Server Renderer （用于ssr）
vue-meta	（meta）

使用vue-cli安装模板
前提是vue-cli已...]]></description><category></category></item><item><title><![CDATA[CSS的预处理器 Less与Sass]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/101287812</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/101287812</guid><author>Bendition</author><pubDate>Tue, 24 Sep 2019 18:08:59 +0800</pubDate><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;CSS预处理器是用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SCSS其语法完全兼容CSS3，并且继承了SCSS的强大功能。由于SCSS是CSS的扩展，因此所有在CSS中正常工作的代码也能在SCSS中正常工作。比CSS多出好多功能如...]]></description><category></category></item><item><title><![CDATA[express 学习]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/101029990</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/101029990</guid><author>Bendition</author><pubDate>Tue, 24 Sep 2019 15:23:37 +0800</pubDate><description><![CDATA[就像学完js，开始学习jquery ，当时觉得真香，直到后来遇见了vue，才发现当时一点也不香。
现在学完node基础，刚学express，现在觉着香，不知道以后是什么味道…
express 第一个小demo
// 1. 安装 2. 导包
  var express = require("express")

// 3.创建服务器应用程序  ----&gt; 即是原来的http.createSer...]]></description><category></category></item><item><title><![CDATA[全面系统讲解css 工程化]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/101212475</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/101212475</guid><author>Bendition</author><pubDate>Tue, 24 Sep 2019 15:23:05 +0800</pubDate><description><![CDATA[选择器
	.body div .hello{
		color:red;
	}
	// 注意 ： 这里浏览器的解析顺序不是 从左往右 (.body --&gt; div --&gt; .hello)解析,
 			  而是从右往左 (.hello --&gt; div --&gt; .body)进行解析，因为这样可以更节省性能， 加快速度

选择器分类：

元素选择器 a{}
伪元素选择器  ::b...]]></description><category></category></item><item><title><![CDATA[使用vue-cli构建项目基础]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/100879561</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/100879561</guid><author>Bendition</author><pubDate>Mon, 16 Sep 2019 11:20:48 +0800</pubDate><description><![CDATA[必备依赖：node
点击此处跳转node官网
使用node安装vue-cli
npm install -g vue-cli	

当在命令行中 输入 “vue -V” 出现  X.X.X (版本号) 后 则表示安装成功

继续通过 vue-list  得出vue可以使用的模板，这里我们选择web
开始搭建：
	vue init webpack travel   					      		注意：tra...]]></description><category></category></item><item><title><![CDATA[sass学习笔记]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/100671059</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/100671059</guid><author>Bendition</author><pubDate>Tue, 10 Sep 2019 09:40:02 +0800</pubDate><description><![CDATA[什么是sass？

Sass是一个将脚本解析成CSS的脚本语言，即SassScript。Sass包括两套语法。最开始的语法叫做“缩进语法”，与Haml类似[3]，使用缩进来区分代码块，并且用回车将不同规则分隔开。而较新的语法叫做“SCSS”，使用和CSS一样的块语法，即使用大括号将不同的规则分开，使用分号将具体的样式分开。通常情况下，这两套语法通过.sass和.scss两个文件扩展名区分开。			...]]></description><category></category></item><item><title><![CDATA[好用的Flex 与 Grid]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/100554220</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/100554220</guid><author>Bendition</author><pubDate>Thu, 05 Sep 2019 18:34:04 +0800</pubDate><description><![CDATA[&lt;head&gt;
		&lt;meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1"&gt;
		/* 告知低版本浏览器, 使用最新的渲染模式, 防止低版本无法渲染*/
		&lt;meta name="viewport" content="width=device-width,initial-scale=1"&gt;
	...]]></description><category></category></item><item><title><![CDATA[vue 知识梳理]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/100114916</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/100114916</guid><author>Bendition</author><pubDate>Wed, 28 Aug 2019 18:57:51 +0800</pubDate><description><![CDATA[回过头,把vue的知识点梳理一遍.]]></description><category></category></item><item><title><![CDATA[javascript《权威指南》----部分总结]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/100080697</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/100080697</guid><author>Bendition</author><pubDate>Mon, 26 Aug 2019 19:23:02 +0800</pubDate><description><![CDATA[前记：
意识到还是对于 原生js 存在很多不了解，决定再次刷一遍《javascript权威指南》。

第六章：对象

对象作为js的基本数据结构类型。对象是一种复合值：它将很多值(原始值或者其他对象聚合在了一起）
我们可以把对象看成是从字符串到值的映射。
这种数据结构还有其他叫法，有些我们已经非常熟悉，比如：“散列”   “散列表”   “字典”  “关联数组”

对象可以从一个称为原型的对象继承...]]></description><category></category></item><item><title><![CDATA[不被注意的web api]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/100072666</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/100072666</guid><author>Bendition</author><pubDate>Mon, 26 Aug 2019 14:06:16 +0800</pubDate><description><![CDATA[❤  数组与类数组：
类数组：


拥有length属性
不具有数组具有的方法
类数组是一个普通对象，而真实的数组是Array类型。

常见的类数组有：函数的参数   arugments,    DOM对象列表(  docuemnt.queryselectAll得到的列表)，  JQuery对象(比如 $(“div”)).
但类数组可以转换为数组:
	//第一种方式
	Array.prototyp...]]></description><category></category></item><item><title><![CDATA[node菜鸟入门笔记]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/99543601</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/99543601</guid><author>Bendition</author><pubDate>Wed, 21 Aug 2019 19:23:17 +0800</pubDate><description><![CDATA[node是一颗让js运行在服务器端的开发平台，使得javascript的触角衍生到了服务器端，与python、ruby、php平起平坐。
但node有些不同：
1.其并非一门独立语言，与php、jsp的“即使语言，也是平台”不同，node.js的使用javascript进行编程，运行于javascript引擎之上。
2.与php,jsp相比，node跳过了apache、naginx、iis等htt...]]></description><category></category></item><item><title><![CDATA[es6 常用知识点总结]]></title><link>https://blog.youkuaiyun.com/Bendition/article/details/99715972</link><guid>https://blog.youkuaiyun.com/Bendition/article/details/99715972</guid><author>Bendition</author><pubDate>Mon, 19 Aug 2019 15:41:52 +0800</pubDate><description><![CDATA[感谢  阮一峰 老师的技术资料！！
let和const命令
1.let命令
 a. 只在代码块中生效
 b. 拒绝变量提升
 c. 暂时性死区
 d. 不允许重复申明

&nbsp; 	&nbsp; 	&nbsp; 在es6新增了 let 命令，用来声明变量。他的用法类似于 var ,但是所声明的代码只在 let 命令所在的代码块内部有效。
	function testlet(){
		let a...]]></description><category></category></item></channel></rss>