<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Almee211的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Almee211</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Almee211]]></copyright><item><title><![CDATA[Typescript]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/121318378</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/121318378</guid><author>Almee211</author><pubDate>Sun, 14 Nov 2021 15:46:24 +0800</pubDate><description><![CDATA[一、优点：

1、面向对象增强：TS是对面向对象思想进行了增强，使前端变成了强语言类型

（强语言类型：不会因赋值而改变数据类型，只能通过强制转换）

2、它有更多的规则和类型限制：代码具有更高的预测性、可控性，易于维护和调试；对模块、命名空间和面向对象 的支持，更容易组织代码开发大型复杂程序。

3、它是一个超集：它是以JavaScript为基础构建的语言，是一个编译到纯 JS 的有类型定义的 JS 超集，遵循当前以及未来的 ECMAScript规范。不仅能兼容现有的 JS 代码，它也拥有兼容未来版本的。]]></description><category></category></item><item><title><![CDATA[Typescript配置项]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/121317830</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/121317830</guid><author>Almee211</author><pubDate>Sun, 14 Nov 2021 15:02:45 +0800</pubDate><description><![CDATA[1、编译选项


	自动编译文件

	
		编译文件时，使用 -w 指令后，TS编译器会自动监视文件的变化，并在文件发生变化时对文件进行重新编译。
		
		
		示例：

		
			
tsc xxx.ts -w
			
		
	
	
	自动编译整个项目

	
		如果直接使用tsc指令，则可以自动将当前项目下的所有ts文件编译为js文件。
		
		
		但是能直接使用tsc命令的前提时，要先在项目根目录下创建一个ts的配置文件 tsconfig.json
		
		
		tsconfig.json是.]]></description><category></category></item><item><title><![CDATA[uni-app]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/121295768</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/121295768</guid><author>Almee211</author><pubDate>Fri, 12 Nov 2021 20:55:58 +0800</pubDate><description><![CDATA[特点：vue的语法 + 小程序的标签和api

1、css

style：静态的样式统一写到 class 中。style 接收动态的样式，在运行时会解析，请尽量避免将静态的样式写进 style 中，以免影响渲染速度。

&lt;view :style='{color:color}'&gt; &lt;/view&gt;

选择器：在 uni-app 中不能使用 * 选择器，page 相当于 body 节点

2、生命周期

uni-app 完整支持 Vue 实例的生命周期，还新增应用生命周期及页面生命周期，.]]></description><category></category></item><item><title><![CDATA[小程序网络请求]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/121263495</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/121263495</guid><author>Almee211</author><pubDate>Thu, 11 Nov 2021 10:50:08 +0800</pubDate><description><![CDATA[ajax封装


constajax=(url,method,data)=&gt;{
returnnewPromise((resolve,reject)=&gt;{
//显示loading
wx.showLoading({
title:'加载中',
})
wx.request({
url:url,//仅为示例，并非真实的接口地址
method:method,
data:da...]]></description><category></category></item><item><title><![CDATA[小程序事件绑定 传值和路由]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/121241962</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/121241962</guid><author>Almee211</author><pubDate>Wed, 10 Nov 2021 09:46:58 +0800</pubDate><description><![CDATA[自定义事件

1、事件绑定

最主要是tap事件，相当于click

通过属性绑定事件其有两种写法
	绑定冒泡事件（不会帮我们阻止冒泡）【主要】
		语法：bind事件类型="方法名" 方法名不能加括号，而且不能传参
		
		绑定非冒泡事件（会帮我们阻止冒泡）
		语法：catch事件类型="方法名" 方法名不能加括号，而且不能传参
		
	
2、事件对象

在小程序中，事件对象是给事件处理程序传递参数的唯一方式。

标签上使用data-数据名=“数据值”的形式传递


&lt;!-- 传递参数100 -]]></description><category></category></item><item><title><![CDATA[小程序 入门]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/121221301</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/121221301</guid><author>Almee211</author><pubDate>Tue, 09 Nov 2021 09:36:28 +0800</pubDate><description><![CDATA[1、小程序文件目录：




			文件
			
			
			必填
			
			
			作用
			
		
			app.js
			
			
			是
			
			
			小程序逻辑-小程序入口文件
			
		
			app.json
			
			
			是
			
			
			小程序公共配置文件
			
		
			app.wxss
			
			
			否
			
			
			小程序公共样式表
			
		一个小程序page页面由四个文件组成，分别是：


			文件类型
			
			]]></description><category></category></item><item><title><![CDATA[vuex 使用]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/121023185</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/121023185</guid><author>Almee211</author><pubDate>Thu, 28 Oct 2021 21:49:14 +0800</pubDate><description><![CDATA[一、介绍

（npm install vuex --save // 安装）

vuex 是vue 配套的数据管理工具，我们可以将组件共享数据保存到vuex 中，方便整个程序中得任何组件都可以获取和修改 vuex 中保存得公共数据

二、使用

一定要记得将创建的实例挂载到全局实例中，才能在不同页面中访问到


//第一步： 引入vuex
import Vuex from 'vuex'
Vue.use(Vuex)
//第二步：创建store实例对象
const store = new Vuex.Store({]]></description><category></category></item><item><title><![CDATA[vue完善&路由守卫]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/121002536</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/121002536</guid><author>Almee211</author><pubDate>Wed, 27 Oct 2021 21:24:57 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;Do...]]></description><category></category></item><item><title><![CDATA[vue路由partone]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/120982930</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/120982930</guid><author>Almee211</author><pubDate>Tue, 26 Oct 2021 22:34:26 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;Do...]]></description><category></category></item><item><title><![CDATA[传值、插槽和vue工程化]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/120961063</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/120961063</guid><author>Almee211</author><pubDate>Mon, 25 Oct 2021 21:40:51 +0800</pubDate><description><![CDATA[1、兄弟间传值

兄弟组件传值步骤：

  第一步：创建中转站 eventBus = new Vue()

  第二步：在兄弟组件1 通过事件或生命周期函数 触发 eventBus.$emit('自定义事件', 参数)

  第三步：在兄弟2组件中的生命周期函数中 使用  eventBus.$on('transfer', (m) =&gt; {}) m 即为传过来的数据


&lt;body&gt;
 &lt;div id="app"&gt;
  &lt;p&gt;{{msg}}&l...]]></description><category></category></item><item><title><![CDATA[父子间传值]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/120937966</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/120937966</guid><author>Almee211</author><pubDate>Sun, 24 Oct 2021 18:24:22 +0800</pubDate><description><![CDATA[1、全局组件

全局组件

  注册全局组件： Vue.component('组件名',{template:"标签模板"})

  全局组件可以在不同的实例中使用

  注意：组件名如果是驼峰写法 使用时必须 global-child 格式

  注意：模板标签必须有一个根标签

  组件中的数据必须是函数返回形式

  组件中也可以添加事件 @click='handleClick'

局部组件

  注意：只能在当前的组件实例对象中使用

  注意：组件名如果是驼峰写法...]]></description><category></category></item><item><title><![CDATA[vue 请求拦截]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/120896691</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/120896691</guid><author>Almee211</author><pubDate>Thu, 21 Oct 2021 22:56:28 +0800</pubDate><description><![CDATA[一、常用属性

1.生命周期：从vue实例产生开始到vue实例被销毁这段时间所经历的过程。


&lt;body&gt;
 &lt;div id='app'&gt;
  &lt;p id='p1' @click='handleClick'&gt;{{msg}}&lt;/p&gt;
 &lt;/div&gt;
&lt;/body&gt;
&lt;script&gt;
 const vm = new Vue({
  el: '#app',
  data: {
   msg: '迈开大步匆...]]></description><category></category></item><item><title><![CDATA[vue常用属性]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/120878918</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/120878918</guid><author>Almee211</author><pubDate>Thu, 21 Oct 2021 08:22:33 +0800</pubDate><description><![CDATA[1、自定义指令

  指令作用：对dom元素进行操作

  bind(在指定绑定到标签上执行)

  inserted(标签插入到父节点执行)

  update(标签上的数据更新的时候触发)


&lt;script&gt;
//不传参数
Vue.directive('red',{
 bind(el){
  el.style.color = 'red'
 },
 inserted(el){
  console.log(222,el);
 },
 update(el) {
...]]></description><category></category></item><item><title><![CDATA[vue v-model]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/120853865</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/120853865</guid><author>Almee211</author><pubDate>Tue, 19 Oct 2021 20:31:16 +0800</pubDate><description><![CDATA[循环指令 v-for

根据一组数组或对象的选项列表进行渲染。


&lt;body&gt;
 &lt;div id ='app' v-cloak&gt;
  &lt;input type="text"&gt;&lt;button @click = 'add '&gt;添加&lt;/button&gt;
  &lt;ul&gt;
   &lt;li v-for = '(v,i,key) in listArr' :key='v.id'&gt;
    &lt;input type="c...]]></description><category></category></item><item><title><![CDATA[vue部分指令]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/120832917</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/120832917</guid><author>Almee211</author><pubDate>Mon, 18 Oct 2021 19:44:31 +0800</pubDate><description><![CDATA[插值表达式

  1.{{msg }}

  2.{{msg+'狮子'}} 进行字符拼接

  3. {{num+100}} 计算

  4. {{name.substr(0,3)}} js 函数

  5.{{age&gt;18?'成年':'未成年'}} 三目运算符

指令

v-text 填充纯文本
	相当于之前原生的innerHTML
		相比插值表达式更加简洁
		不存在插值表达式的闪动问题
	

&lt;div id='app'&gt;
    &lt;!-- 插值表达式此时与...]]></description><category></category></item><item><title><![CDATA[mongo的基本操作]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/120772983</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/120772983</guid><author>Almee211</author><pubDate>Thu, 14 Oct 2021 21:19:13 +0800</pubDate><description><![CDATA[基本操作

命令操作 ----- maogo



退出mongoDB使用exit


查看所有的数据库列表 ---- show dbs


创建数据库或切换数据库 --- use 数据库名
	可以使用db命令来查看当前所在的数据库名称






















增删改查

增

# 添加单条文档数据 db.表名/集合名.insertOne({ key: value , key: value...}) # 添加多条文档数据 db.表名/集合名.insertMany([{}, {}, {}]]]></description><category></category></item><item><title><![CDATA[express 搭建web服务器&nodejs2]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/120730727</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/120730727</guid><author>Almee211</author><pubDate>Tue, 12 Oct 2021 19:55:47 +0800</pubDate><description><![CDATA[自定义模块

可以让一个js中导入另一个js中的数据，导入语法：

require(被导入的文件路径)

注意：

1.被导入的文件路径如果有./则必须加，不加系统会默认为内置模块

2.被导入的文件路径中的文件后缀可以省略

导出语法：

exports.键 = 值 

module.exports.键 = 值 

module.exports = {}

注意：

1.导出的时候不能直接给exports赋值。

2.导出数据都是以对象的形式导出的，导入进去的也都是对象。

yarn


//下载...]]></description><category></category></item><item><title><![CDATA[nodejs扩展1]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/120712329</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/120712329</guid><author>Almee211</author><pubDate>Mon, 11 Oct 2021 21:40:10 +0800</pubDate><description><![CDATA[写入文件


// 追加写入
fs.appendFile('./a.txt', 'abcdef', err=&gt;{
  if(!err){
    console.log("成功");
  }
})
console.log(1111);

//同步写入
fs.appendFileSync('./a.txt', 'hello nodejs')
console.log("成功");
console.log(1111);

运行结果：




// 判断指定的文件是否存在的
let bool ...]]></description><category></category></item><item><title><![CDATA[git使用]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/120462485</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/120462485</guid><author>Almee211</author><pubDate>Fri, 24 Sep 2021 20:24:43 +0800</pubDate><description><![CDATA[git版本控制工具-让一个文件中写的项目。每次写好都形成一个版本-保存了开发项目的每个过程

上传下载工具

gitee.com-只能用git工具来上传下载的网站-服务器在国内

类似于百度网盘的网站-一般只能存代码

像百度贴吧-可以跟别人互动

github.com-服务器在国外-放的是全世界程序员的代码

操作跟gitee是一样的

推送-上传(提交)

同步/拉取-将本地的内容跟远程保持同步

仓库-用来存代码的地方

远程仓库-远程服务器上被git管...]]></description><category></category></item><item><title><![CDATA[gulp（压缩文件工具）]]></title><link>https://blog.youkuaiyun.com/Almee211/article/details/120449364</link><guid>https://blog.youkuaiyun.com/Almee211/article/details/120449364</guid><author>Almee211</author><pubDate>Fri, 24 Sep 2021 10:09:41 +0800</pubDate><description><![CDATA[项目做好了，需要上线的时候 项目中有很多js、css等文件需要处理

压缩文件、合并文件、压缩图片-工具来处理

打包工具-自动化项目构建工具：grunt、webpack、gulp

简单实用

查看任何一个文档 - 首先应该查看：快速入门、快速上手。。。

下载工具： npm i -g gulp

进入项目文件夹，初始化命令：

npm init -y

下载写代码需要依赖的第三方模块：

npm i gulp

检测版本：

gulp -v

如果出现了两个版本号，说明安装成功

在刚刚创建好...]]></description><category></category></item></channel></rss>