<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[wTMnsn的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/wTMnsn</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; wTMnsn]]></copyright><item><title><![CDATA[vue 使用代理解决跨域问题]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/120041539</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/120041539</guid><author>wTMnsn</author><pubDate>Wed, 01 Sep 2021 15:43:18 +0800</pubDate><description><![CDATA[1、在main.js同级创建vue.config.js
	module.exports = {
				devServer: {
					proxy: {
						'/tag': {
							//代理api
							target: '', // 代理接口(注意只要域名就够了)
							changeOrigin: true, //是否跨域
							ws: true, // proxy websockets
							pathRewrite: {
								//重写路径
]]></description><category></category></item><item><title><![CDATA[flex弹性布局]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/116136813</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/116136813</guid><author>wTMnsn</author><pubDate>Sun, 25 Apr 2021 20:00:53 +0800</pubDate><description><![CDATA[Flex弹性布局
核心概念
主轴
简单理解为：元素的默认添加方向所在的轴，即为主轴
侧轴
与主轴交叉的那个轴被称为侧轴
实现过程
#  1、设置主轴
display: flex;
flex-direction: row; /* 设置X轴为主轴，子元素从左向右排列，默认 */
flex-direction: row-reverse; /* 设置X轴为主轴，子元素从右向左排列 */
flex-direction: column; /* 设置Y轴为主轴，子元素从上向下排列 */
flex-direction: c]]></description><category></category></item><item><title><![CDATA[JS数组常用方法]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115770234</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115770234</guid><author>wTMnsn</author><pubDate>Fri, 16 Apr 2021 20:12:59 +0800</pubDate><description><![CDATA[数组常用方法
1、length  // 数组长度      
 //数组名.length
 
2、push()  // 将元素添加到数组末尾，并返回新数组的长度					
//数组名.push("内容"，"内容")

3、pop()   // 删除数组的最后一个元素，并返回该元素的值，此方法更改数组的长度     		
//数组名.pop()

4、shift() // 从数组中删除第一个元素，并返回该元素的值，次方法更改数组的长度				
//数组名.shift()

5、unshift() //将一个或]]></description><category></category></item><item><title><![CDATA[小程序接口封装]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115710232</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115710232</guid><author>wTMnsn</author><pubDate>Wed, 14 Apr 2021 21:39:28 +0800</pubDate><description><![CDATA[作用：方便统一管理项目接口，便于项目后期维护与管理
具体怎么实现封闭

1.集中管理项目中可能用到的公共url（线上url,测试url,本地url,...）
  例如：
    module.exports={
      //线上地址
       prod:{
         baseUrl:'https://api.it120.cc'
       },
       //测试地址
       test:{
         baseUrl:'https://www.05E.com'
     .]]></description><category></category></item><item><title><![CDATA[小程序登录授权]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115709992</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115709992</guid><author>wTMnsn</author><pubDate>Wed, 14 Apr 2021 21:33:12 +0800</pubDate><description><![CDATA[登录授权的流程
1、通过wx.login获取code
2、通过code换取用户的匿名信息,并将获取的token缓存起来


3、通过调取微信wx.getUserProfile()方法来获取用户详细信息
toLogin() {
    wx.getUserProfile({
      lang:'zh_CN',
      desc:'我要获取信息用户',
      success:(res)=&gt;{
        console.log('用户详情：',res);
        this._up]]></description><category></category></item><item><title><![CDATA[小程序上拉加载]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115689109</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115689109</guid><author>wTMnsn</author><pubDate>Wed, 14 Apr 2021 07:40:34 +0800</pubDate><description><![CDATA[上拉加载


产品角度：提升用户体验


技术角度：后台接口支持分页


返台接口：{page:当前页码，pageSize:每页显示几条,start:起始偏移量}



实现方式:

使用onReachBottom实现

 //触底生命周期
  onReachBottom() {
    console.log('onReachBottom');
   if(!this.data.flag) {
    this.data.page++;
    this.getGoods()
   }
  }
  
 /]]></description><category></category></item><item><title><![CDATA[小程序的样式隔离]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115689106</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115689106</guid><author>wTMnsn</author><pubDate>Wed, 14 Apr 2021 07:39:33 +0800</pubDate><description><![CDATA[小程序的样式隔离：
1.通过在组件的options中配置
Component({
options: {
styleIsolation: ‘隔离选项’
}
})
其中【隔离选项】值包括：
isolated 表示启用样式隔离，在自定义组件内外，使用 class 指定的样式将不会相互影响（默认值）；
apply-shared 父级样式会穿透影响组件样式，但组件样式不会影响其他页面
shared：互相影响
2.外部样式类
1.在app.wxss中定义一个class样式，例如：
.box {
background:#]]></description><category></category></item><item><title><![CDATA[小程序的slot（插槽）]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115689102</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115689102</guid><author>wTMnsn</author><pubDate>Wed, 14 Apr 2021 07:38:47 +0800</pubDate><description><![CDATA[slot:用于在不破坏组件的情况下，给组件嵌入结构的一种方式
例如：dialog组件：

…

…

cate页面：


安全
高效
便捷


注意：如果使用命名的slot，必须要开启多slot支持，代码如下：
Component({
/**

组件的属性列表
*/
options: {
multipleSlots: true // 在组件定义时的选项中启用多slot支持
}
…
})


...]]></description><category></category></item><item><title><![CDATA[小程序组件传值]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115652851</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115652851</guid><author>wTMnsn</author><pubDate>Tue, 13 Apr 2021 07:38:35 +0800</pubDate><description><![CDATA[1、组件、插件、类库、框架
组件：具有完整功能（html-视图,css-样式,js-逻辑），并且独立运行的模块
插件：通常是为了完成某项具体的业务功能而开发的js文件 例如：swiper.js,弹框.js，。。。。
类库：library,是提供了为了完成项目的工具方法的集合，跟具体的业务无关！ 例如：jQuery,lodash.js
框架:framework,分 是为了快速完成项目搭建的基础。框架分：UI 框架和javaScript框架
   UI框架：boostStrap,Element UI,vant ]]></description><category></category></item><item><title><![CDATA[小程序 生命周期  选择器   路由]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115499064</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115499064</guid><author>wTMnsn</author><pubDate>Wed, 07 Apr 2021 23:30:50 +0800</pubDate><description><![CDATA[一、小程序布局与普通web开发差异

小程序实现响应式单位：rpx

小程序的设计稿通常是按照iphone6 宽度为750的尺寸设计的

.logo {width:80rpx,height:80rpx}


样式导入

@import "要引入的外部样式文件"
意义：大型项目开发中，为了方便样式复用
例如：@import "/public/css/style.wxss";


行内样式

  &lt;view style="color: {{index===1? 'red' : ''}}"&lt;/view]]></description><category></category></item><item><title><![CDATA[动态设置rem]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115441917</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115441917</guid><author>wTMnsn</author><pubDate>Mon, 05 Apr 2021 14:25:00 +0800</pubDate><description><![CDATA[动态配置rem其实就是在窗口大小改变时重新设置rem的值
 var docEl = doc.documentElement,
        resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
        recalc = function() {
            if (docEl.clientWidth &gt; 750) {
                docEl.style.fontS]]></description><category></category></item><item><title><![CDATA[了解vue路由]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115441844</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115441844</guid><author>wTMnsn</author><pubDate>Mon, 05 Apr 2021 14:22:32 +0800</pubDate><description><![CDATA[总结
路由分为 编程式路由和声明式路由
定义路由对象

const router = new VueRouter({
    routes:[
        {
            path: '/',
            name: '',
            // redirect: '/index', 路由重定向的位置（意思就是要把页面定向到哪一个页面）
            redirect: {
                // 可以是下面五种跳转方法中的任何一种方式
    ]]></description><category></category></item><item><title><![CDATA[vue 组件传值]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115441798</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115441798</guid><author>wTMnsn</author><pubDate>Mon, 05 Apr 2021 14:17:49 +0800</pubDate><description><![CDATA[创建一个子组件
 Vue.component('组件的标签'，{
        template: '模板内容'
    })
    // 例如 定义一个子组件
    Vue.component('child'，{
        template: '&lt;div&gt;&lt;/div&gt;'
    })
    // 定义一个父组件 将子组件在父组件中使用
    Vue.component('parent'，{
        template: `&lt;div&gt;
       ]]></description><category></category></item><item><title><![CDATA[git命令]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115438072</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115438072</guid><author>wTMnsn</author><pubDate>Mon, 05 Apr 2021 09:30:10 +0800</pubDate><description><![CDATA[git 命令
git init 作用是初始化一个能让git进行管理的仓库 使用 attrib -h .git可以释放出隐藏文件.git
创建出自己的项目文件 打开项目文件夹 然后在文件夹中打开git命令窗
git add ‘文件名称’ 提交单个文件 git add . 提交所有修改的文件
git status 可以查看当前git所处的装太 比如放在git add 后执行git status命令可以查看当前都添加了那些修改的内容
git commit -m “本次更改的描述内容” 因为描述内容需要表达本次修改]]></description><category></category></item><item><title><![CDATA[javaScript构造函数]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115438053</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115438053</guid><author>wTMnsn</author><pubDate>Mon, 05 Apr 2021 09:28:35 +0800</pubDate><description><![CDATA[概念：严格来说js并不是一门面对对象的语言，通过构造函数可以像其他语言一样实现面对对象的过程，构造函数就是js实现面对对象的一种方式
new关键字的作用
声明了一个空对象
调用了构造函数，使构造函数内部的this指向了实例化对象
使函数的原型对象指向了构造函数
将属性和值赋值给了声明的对象
在函数中默认返回了实例化对象
原型
概念
原型是一个对象，只是对象可以通过原型继承另一个对像的属性和方法
每一个函数声明时，都会自动生成一个对象prototype，prototype通过constructor指针指向了该]]></description><category></category></item><item><title><![CDATA[js的了解以及Es6新增]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115437988</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115437988</guid><author>wTMnsn</author><pubDate>Mon, 05 Apr 2021 09:26:01 +0800</pubDate><description><![CDATA[一、javaScript初式

javaScript:是一种单线程的可以运行在浏览器或服务端的弱类型脚本语言

单线程：

进程：完成一项任务所经历的过程
线程：线程进进程范围要小，一个进程可以包括多个线程


弱类型：变量的类型由赋值的类型决定
脚本语言：不会提前编译，是在运行时边解释边执行的语言


javaScript发展史

javaScript是1995年诞生的
javaScript于1997发布javaScript1.0标准版本(TC29委员会-ECMA262)
javaScript于1998发]]></description><category></category></item><item><title><![CDATA[vue设置动态rem]]></title><link>https://blog.youkuaiyun.com/wTMnsn/article/details/115385434</link><guid>https://blog.youkuaiyun.com/wTMnsn/article/details/115385434</guid><author>wTMnsn</author><pubDate>Thu, 01 Apr 2021 21:44:10 +0800</pubDate><description><![CDATA[git 命令
git init 作用是初始化一个能让git进行管理的仓库 使用 attrib -h .git可以释放出隐藏文件.git
创建出自己的项目文件 打开项目文件夹 然后在文件夹中打开git命令窗
git add ‘文件名称’ 提交单个文件 git add . 提交所有修改的文件
git status 可以查看当前git所处的装太 比如放在git add 后执行git status命令可以查看当前都添加了那些修改的内容
git commit -m “本次更改的描述内容” 因为描述内容需要表达本次修改]]></description><category></category></item></channel></rss>