<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[sizzurp的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/sizzurp</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; sizzurp]]></copyright><item><title><![CDATA[jQuery]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108632790</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108632790</guid><author>sizzurp</author><pubDate>Thu, 17 Sep 2020 01:38:24 +0800</pubDate><description><![CDATA[1.1 jQuery 的概念
jQuery总体概况如下 :


jQuery 是一个快速、简洁的 JavaScript 库，其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。


j 就是 JavaScript；   Query 查询； 意思就是查询js，把js中的DOM操作做了封装，我们可以快速的查询使用里面的功能。


jQuery 封装了 JavaScript 常用的功能代码，优化了 DOM 操作、事件处理、动画设计和 Ajax 交互。


学习jQuery本质]]></description><category></category></item><item><title><![CDATA[JavaScript 库]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108632710</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108632710</guid><author>sizzurp</author><pubDate>Wed, 16 Sep 2020 23:22:15 +0800</pubDate><description><![CDATA[JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。

简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。
比如 jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）。

常见的JavaScript 库：

jQuery
Prototype
YUI
]]></description><category></category></item><item><title><![CDATA[数组（JavaScript）]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108606299</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108606299</guid><author>sizzurp</author><pubDate>Wed, 16 Sep 2020 00:34:05 +0800</pubDate><description><![CDATA[1. 数组的概念
数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。
数组是一种将一组数据存储在单个变量名下的优雅方式。
2. 创建数组
2.1 数组的创建方式
JS中创建数组有两种方式

利用 new 创建数组
利用数组字面量创建数组

&lt;script&gt;
        // 1.数组(Array) ：就是一组数据的集合 存储在单个变量下的优雅方式 
        // 2. 利用new 创建数组
        var arr = new Array(); ]]></description><category></category></item><item><title><![CDATA[Ajax(JavaScript)]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108578090</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108578090</guid><author>sizzurp</author><pubDate>Mon, 14 Sep 2020 14:04:10 +0800</pubDate><description><![CDATA[&lt;script type="text/javascript"&gt;
		function ajax (options) {
			// 存储的是默认值
			var defaults = {
				type: 'get',
				url: '',
				data: {},
				header: {
					'Content-Type': 'application/x-www-form-urlencoded'
				},
				success: function () {},
				e]]></description><category></category></item><item><title><![CDATA[闭包（JavaScript）]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108567879</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108567879</guid><author>sizzurp</author><pubDate>Sun, 13 Sep 2020 22:41:52 +0800</pubDate><description><![CDATA[1 变量作用域

函数内部可以使用全局变量
函数外部不可以使用局部变量
当函数执行完毕，本作用域内的局部变量会销毁

2 什么是闭包
闭包（closure）指有权访问另一个函数作用域中变量的函数。-----	JavaScript高级程序设计
简单理解就是，一个作用域可以访问另外一个函数内部的局部变量。
&lt;script&gt;
        // 闭包（closure）指有权访问另一个函数作用域中变量的函数。
        // 闭包: 我们fun 这个函数作用域 访问了另外一个函数 fn 里面的局]]></description><category></category></item><item><title><![CDATA[正则表达式（JavaSrcipt）]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108524448</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108524448</guid><author>sizzurp</author><pubDate>Fri, 11 Sep 2020 00:08:20 +0800</pubDate><description><![CDATA[正则表达式
正则表达式（ regular Expression）是用来匹配字符串中字符组合的模式。
在 JavaScript 中，正则表达式也是对象
1. 用处：

正则表达式通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)。
正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)
从字符串中获取我们想要的特定部分(提取)

2. 正则表达式在js中的使用
2.1 正则表达式的创建

通过调用 RegExp 对象]]></description><category></category></item><item><title><![CDATA[水平垂直居中（flex布局）]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108395890</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108395890</guid><author>sizzurp</author><pubDate>Fri, 04 Sep 2020 00:12:46 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;水平垂直居中&lt;/title&gt;
    &lt;style&gt;
        html, body {
       ]]></description><category></category></item><item><title><![CDATA[固比布局（flex布局）]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108395606</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108395606</guid><author>sizzurp</author><pubDate>Thu, 03 Sep 2020 23:57:52 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;固比布局&lt;/title&gt;
    &lt;style&gt;
        html, body {
         ]]></description><category></category></item><item><title><![CDATA[九宫格加边框（移动端flex布局）]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108389394</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108389394</guid><author>sizzurp</author><pubDate>Thu, 03 Sep 2020 23:31:05 +0800</pubDate><description><![CDATA[&lt;!--index.wxml--&gt;
&lt;view class="grid"&gt;
    &lt;view class="item"&gt;
        &lt;image src="/assets/icons/grid-01.png"&gt;&lt;/image&gt;
        &lt;text&gt;美食&lt;/text&gt;
    &lt;/view&gt;
    &lt;view class="item"&gt;
        &lt;image src="/]]></description><category></category></item><item><title><![CDATA[navigator页面间跳转,传值，导航元素点击高亮，路由api]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108332568</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108332568</guid><author>sizzurp</author><pubDate>Tue, 01 Sep 2020 00:26:00 +0800</pubDate><description><![CDATA[1. app.json 配置 pages节点，让他自动帮我们创建页面文件
2. [page-name].json 文件内容为空报错
[ pages/demo1/demo1.json.json 文件错误] pages/demo1/demo1.json: Empty file is NOT a valid json file

微信小程序内部会将[page-name]文件夹内的所有文件渲染为一个文件，空的json文件会编译成空字符串不合法
两种解决方法

删除空json文件
[page-name].json文件]]></description><category></category></item><item><title><![CDATA[基本组件总结（微信小程序）]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108321299</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108321299</guid><author>sizzurp</author><pubDate>Mon, 31 Aug 2020 14:56:29 +0800</pubDate><description><![CDATA[组件的基本用法
语法问题
组件的使用是类似于HTML的方式（有不同），组件使用的严格的XML标准（开闭标签问题）
组件的分类

功能性的组件
– 完成具体功能的
布局类型的组件
– 用来完成页面结构的（div）
API 类型（使用的角度）
– 通过调用一个方法来使用的


...]]></description><category></category></item><item><title><![CDATA[界面交互API（微信小程序）]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108320872</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108320872</guid><author>sizzurp</author><pubDate>Mon, 31 Aug 2020 14:42:25 +0800</pubDate><description><![CDATA[&lt;!--index.wxml--&gt;
&lt;view class="container"&gt;
  &lt;button type="primary" bindtap="btnToDo"&gt;click me...&lt;/button&gt;
&lt;/view&gt;

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
  },
  //事件处理函数
  btnToDo: function() {
    // // 当]]></description><category></category></item><item><title><![CDATA[表单组件(微信小程序)]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108320492</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108320492</guid><author>sizzurp</author><pubDate>Mon, 31 Aug 2020 14:24:13 +0800</pubDate><description><![CDATA[&lt;!--index.wxml--&gt;
&lt;view class="container"&gt;
  &lt;button type="warn"&gt;这是一个按钮&lt;/button&gt;
  &lt;button type="warm" size="mini" plain loading&gt;这是一个按钮&lt;/button&gt;
  &lt;!-- hover 指的是按下， hover-class 指的就是按下过后的作用 Class --&gt;
  &lt;button ho]]></description><category></category></item><item><title><![CDATA[基础内容组件icon，progress，text]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108314116</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108314116</guid><author>sizzurp</author><pubDate>Mon, 31 Aug 2020 02:05:28 +0800</pubDate><description><![CDATA[&lt;!--index.wxml--&gt;
&lt;view class="container"&gt;
  &lt;!-- icon text progress --&gt;
  &lt;!-- iconType: [ 'success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear' ] --&gt;
  &lt;!-- type 用于定义图标类型，只能是规定范围的类型，]]></description><category></category></item><item><title><![CDATA[界面层条件渲染（微信小程序）]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108313621</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108313621</guid><author>sizzurp</author><pubDate>Mon, 31 Aug 2020 00:16:59 +0800</pubDate><description><![CDATA[wx:if vs hidden
因为 wx:if 之中的模板也可能包含数据绑定，所以当 wx:if 的条件值切换时，框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染。
同时 wx:if 也是惰性的，如果在初始渲染条件为 false，框架什么也不做，在条件第一次变成真的时候才开始局部渲染。
相比之下，hidden 就简单的多，组件始终会被渲染，只是简单的控制显示与隐藏。
一般来说，wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此，如果需要频繁切换的情景下，用 hidd]]></description><category></category></item><item><title><![CDATA[登录页面的两种表单数据绑定方式]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108312840</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108312840</guid><author>sizzurp</author><pubDate>Sun, 30 Aug 2020 23:11:09 +0800</pubDate><description><![CDATA[&lt;!--index.wxml--&gt;
&lt;!-- &lt;view class="container"&gt;
  &lt;view class="inputs"&gt;
    &lt;input class="username" placeholder="请输入用户名" value="{{ username }}" bindinput="inputChangeHandle" data-prop="username" /&gt;
    &lt;input class="password" ]]></description><category></category></item><item><title><![CDATA[单向数据流（微信小程序）]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108307395</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108307395</guid><author>sizzurp</author><pubDate>Sun, 30 Aug 2020 16:07:06 +0800</pubDate><description><![CDATA[&lt;!--index.wxml--&gt;
&lt;view class="container"&gt;
  &lt;input value="{{ message }}" bindinput="inputHandle" /&gt;
  &lt;text&gt;{{ message }}&lt;/text&gt;
&lt;/view&gt;

1. this.setData 是用来改变data中的数据
2. 他与直接赋值区别在于 setData 可以通知界面做出变化
3. 直接赋值没有办法实现这一点（.]]></description><category></category></item><item><title><![CDATA[界面层事件处理，事件冒泡，事件传参]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108306926</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108306926</guid><author>sizzurp</author><pubDate>Sun, 30 Aug 2020 15:34:52 +0800</pubDate><description><![CDATA[1. 事件的基本使用 bind[xxx] catch[xxx]
2. 小程序中事件冒泡和HTML中处理起来不一样 这里是使用catch[xxx]
3. 如果需要给事件处理函数指定参数只能通过 dataset 方式
&lt;!--index.wxml--&gt;
&lt;view class="container"&gt;
  &lt;!-- 基本的事件使用 就是通过给组件添加一个 "bind + 事件名" 的属性，属性的值指向一个定义在当前页面对象中JS方法 --&gt;
  &lt;button bind]]></description><category></category></item><item><title><![CDATA[界面层数据绑定，列表渲染]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108297673</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108297673</guid><author>sizzurp</author><pubDate>Sat, 29 Aug 2020 18:10:30 +0800</pubDate><description><![CDATA[[page-name].wxml
&lt;!--index.wxml--&gt;
&lt;!--
	框架最大的特点就是让我们开发者必须按照特定的方式编写代码
--&gt;
&lt;!--
	1.  数据在哪（当前页面对象的data属性中）
	2.  绑定到哪里去（想绑定到哪就在那里用mustache语法输出）
--&gt;
&lt;view class="container"&gt;
	&lt;!-- 这种{{}}的语法叫做mustache --&gt;
	&lt;text&gt;{{ message }}]]></description><category></category></item><item><title><![CDATA[页面文件组成]]></title><link>https://blog.youkuaiyun.com/sizzurp/article/details/108296728</link><guid>https://blog.youkuaiyun.com/sizzurp/article/details/108296728</guid><author>sizzurp</author><pubDate>Sat, 29 Aug 2020 17:11:42 +0800</pubDate><description><![CDATA[1. [page-name].js
页面逻辑文件，用于创建页面对象，以及处理页面生命周期控制和数据处理
// index.js
// 获取应用实例
// 完成页面的逻辑，包括功能的实现
var app = getApp()
Page()

2. [page-name].wxml
语法遵循XML语法，不是HTML语法
&lt;!--index.wxml--&gt;
&lt;!-- wxml: wei xin markup language --&gt;
&lt;!-- 基于XML语法，用来定义界面结构 --&]]></description><category></category></item></channel></rss>