<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weixin_49881997的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_49881997</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_49881997]]></copyright><item><title><![CDATA[react知识点总结]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/117230930</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/117230930</guid><author>weixin_49881997</author><pubDate>Mon, 24 May 2021 20:01:12 +0800</pubDate><description><![CDATA[1. 什么是React
React 特点
1.声明式设计 −React采用声明范式，可以轻松描述应用。
2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。
3.灵活 −React可以与已知的库或框架很好地配合。
4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。
5.组件 − 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
6.单向响应的数据流 − React 实现了单向响应的数]]></description><category></category></item><item><title><![CDATA[Uni-App基础知识]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/116427881</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/116427881</guid><author>weixin_49881997</author><pubDate>Wed, 05 May 2021 17:45:11 +0800</pubDate><description><![CDATA[Uni-App
Uni-App的基础
1.1.创建uni-app文件：
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-C6V4Thdc-1620207590708)(D:\前端分班\Uni_App\images\images1.png)]
1.2.运行到微信小程序：
1.需要复制当前路径到HBuilder X目录下
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hojWd8Mu-1620207590710)(D:\前端分班\Uni_App\im]]></description><category></category></item><item><title><![CDATA[云函数]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/116205473</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/116205473</guid><author>weixin_49881997</author><pubDate>Tue, 27 Apr 2021 17:11:15 +0800</pubDate><description><![CDATA[云函数
插入数据
// 云函数入口文件
const cloud = require('wx-server-sdk')

wx.cloud.init({
  env: 'test-2gero0zpba5fa8d7',
  traceUser: true,
})
const db = cloud.database()
// 云函数入口函数
exports.main = async (event, context) =&gt; {
    let res=await db.collection('todos').]]></description><category></category></item><item><title><![CDATA[微信小程序]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/115731958</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/115731958</guid><author>weixin_49881997</author><pubDate>Thu, 15 Apr 2021 17:22:21 +0800</pubDate><description><![CDATA[微信小程序
全局配置
{
  "pages":[
    "pages/posts/posts",
    "pages/home/home"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle":"black"
  },
  "st]]></description><category></category></item><item><title><![CDATA[Vue总结的知识点]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/115727695</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/115727695</guid><author>weixin_49881997</author><pubDate>Thu, 15 Apr 2021 15:38:00 +0800</pubDate><description><![CDATA[Vue
需要引入vue.js
&lt;script  src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"&lt;/script&gt;


最明显的区别：vue 中不用操作 dom 元素
1.创建dom结构，作为vue实例挂载点，vue实例中的所有数据只能在此dom范围内使用
&lt;div id="app"&gt; &lt;/div&gt;

2.通过 new Vue 创建 vue 实例
3.el 属性指定当前 vue 实例的挂载点
4.data 中是模型]]></description><category></category></item><item><title><![CDATA[vue路由知识点，webpack的导入导出和配置]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/114980324</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/114980324</guid><author>weixin_49881997</author><pubDate>Thu, 18 Mar 2021 15:15:54 +0800</pubDate><description><![CDATA[6.路由
6.1.1组件的路由



    
    
    
    Document
    


    
        
            任务一
            任务二
            任务三
            任务四
            任务五
        
        
    
    
    

组件的路由案例.gif
6.1.2组件的嵌套局部案例



    
    
    
    Document
    


&lt;div i]]></description><category></category></item><item><title><![CDATA[web前端Vue和webpack]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/114643825</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/114643825</guid><author>weixin_49881997</author><pubDate>Wed, 10 Mar 2021 19:29:58 +0800</pubDate><description><![CDATA[Vue
需要引入vue.js
&lt;script  src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"&lt;/script&gt;


最明显的区别：vue 中不用操作 dom 元素
1.创建dom结构，作为vue实例挂载点，vue实例中的所有数据只能在此dom范围内使用
&lt;div id="app"&gt; &lt;/div&gt;

2.通过 new Vue 创建 vue 实例
3.el 属性指定当前 vue 实例的挂载点
4.data 中是模型]]></description><category></category></item><item><title><![CDATA[js面向对象，函数。]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/111643200</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/111643200</guid><author>weixin_49881997</author><pubDate>Thu, 24 Dec 2020 17:33:30 +0800</pubDate><description><![CDATA[对象的创建方式
1.1字面量方式
var obj = {}

1.2普通模式
		var Person=new Object()
        Person.name='yhb'
        Person.age=20
        Person.speak=function(){
        console.log('hello');
        }
        console.log(Person);

缺点：

因为是基于 Object 基类创建，所以无法获知对象的具体类型
初始化]]></description><category></category></item><item><title><![CDATA[定位(position)]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/108592377</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/108592377</guid><author>weixin_49881997</author><pubDate>Tue, 15 Sep 2020 09:37:03 +0800</pubDate><description><![CDATA[定位的三种机制


普通流（标准流）
浮动
让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行。
定位
将盒子定在某一个位置 自由的漂浮在其他盒子的上面 —— CSS 离不开定位，特别是后面的js 特效。


定位边偏移

在 CSS 中，通过 top 、 bottom 、 left 和 right 属性定义元素的边偏移：

3.2.1 静态定位(static) - 了解
静态定位是元素的默认定位方式，无定位的意思。它相当于 border 里面的none， 不要定位的时候用。
静态定位 按照.]]></description><category></category></item><item><title><![CDATA[css样式总结]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/108592127</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/108592127</guid><author>weixin_49881997</author><pubDate>Tue, 15 Sep 2020 08:35:21 +0800</pubDate><description><![CDATA[引入css样式：
行内式（内联样式）：
概念：行间样式.是通过标签的style属性来设置元素的样式
内部样式（内嵌样式表）：
概念：是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义
外部样式表（外链式）：
概念：是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件
中，通过link标签将外部样式表文件链接到HTML文档中。

css样式的总结：

选择器用于指定CSS样式作用的HTML标签，花括号内是对该对象设置的具体样式。
属性和属性值以“键值对”的形式出现。
属]]></description><category></category></item><item><title><![CDATA[css盒子模型]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/108578032</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/108578032</guid><author>weixin_49881997</author><pubDate>Mon, 14 Sep 2020 14:09:14 +0800</pubDate><description><![CDATA[盒子模型的元素的内容
1.盒子模型有元素的内容、边框（border）、内边距（padding）、和外边距（margin）组 成。
2.盒子里面的文字和图片等元素是 内容区域
3.盒子的厚度 我们成为 盒子的边框
4.盒子内容与边框的距离是内边距（类似单元格的 cellpadding)
5.盒子与盒子之间的距离是外边距（类似单元格的 cellspacing）
盒子边框：
边框粗细：border-width
边框样式：border-style
边框颜色：border-color
边框样式:
None:默认值  ]]></description><category></category></item><item><title><![CDATA[css笔记]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/108476386</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/108476386</guid><author>weixin_49881997</author><pubDate>Tue, 08 Sep 2020 20:30:37 +0800</pubDate><description><![CDATA[百度之后说明一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?
CSS盒子模型:   外边距(margin)  内边距(padding)  边框(border)  内容区(width、height)
CSS盒子模型与低版本IE的盒子模型的区别主要在于：宽和高不一样
标准的CSS的盒子模型的宽高：内容区的宽高
低版本IE的盒子模型的宽高：内容区+内边距+边框
详细说说box- sizing属性
(Q1)box-sizing: content-box|border-box|inherit;
(Q2]]></description><category></category></item><item><title><![CDATA[博雅网页源码]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/108475484</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/108475484</guid><author>weixin_49881997</author><pubDate>Tue, 08 Sep 2020 19:39:33 +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;Document&lt;/title&gt;
    &lt;style&gt;
        *{
            mar]]></description><category></category></item><item><title><![CDATA[HTML CSS 知识点]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/108475300</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/108475300</guid><author>weixin_49881997</author><pubDate>Tue, 08 Sep 2020 19:30:43 +0800</pubDate><description><![CDATA[HTML CSS 知识点

]]></description><category></category></item><item><title><![CDATA[京东导航条]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/108472939</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/108472939</guid><author>weixin_49881997</author><pubDate>Tue, 08 Sep 2020 17:15:28 +0800</pubDate><description><![CDATA[京东导航条代码
&lt;!DOCTYPE html&gt;

&lt;html&gt;

&lt;head&gt;

    &lt;meta charset="utf-8"&gt;

    &lt;link rel="icon" type="image/x-icon" href="https://www.jd.com/favicon.ico"&gt;

    &lt;link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awe]]></description><category></category></item><item><title><![CDATA[vs code颜色插件]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/108461426</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/108461426</guid><author>weixin_49881997</author><pubDate>Tue, 08 Sep 2020 09:11:57 +0800</pubDate><description><![CDATA[vs code颜色插件


]]></description><category></category></item><item><title><![CDATA[HTML单选、多选、按钮、下拉框、文本输入框]]></title><link>https://blog.youkuaiyun.com/weixin_49881997/article/details/108461171</link><guid>https://blog.youkuaiyun.com/weixin_49881997/article/details/108461171</guid><author>weixin_49881997</author><pubDate>Tue, 08 Sep 2020 08:54:57 +0800</pubDate><description><![CDATA[HTML单选、多选、按钮、下拉框、文本输入框
&lt;p&gt;
				请选择你的性别：
				&lt;input type="radio" name="xingbie" /&gt; 男
				&lt;input type="radio" name="xingbie" /&gt; 女
				
&lt;/p&gt;



出生日期的下拉菜单
&lt;p&gt;
				出生日期：
				&lt;select&gt;
					&lt;option&gt;1999&lt;/option&gt;
			]]></description><category></category></item></channel></rss>