m_i_ss_的博客

原创 微信小程序中如何进行id的传递

接收方通过onload方法中的options参数去接收。在传递方将id通过拼接在url路径之中作为参数传递。

原创 微信小程序调接口方式

原创 微信小程序自定义tabbar的实现

第三步：在你所创立的custom-tab-bar文件夹下的js文件里，在data下创建一个list数组，随后以对象的形式放你的页面路径。第二步：在你的目录树下建立一个名为custom-tab-bar的文件夹，随后右键点击此文件夹，选择新建page选项，并且取名。首先要实现自定义tabbar，就必须在app.json中设置 "custom"属性为 true。注意，在设置完此属性之后，原有的tabbar属性将会隐藏，必须在进行下一步操作之后才能显现。随后在wxml页面进行循环渲染即可。

原创 运用三元运算符实现tabbar某个指定样式的修改

原创 解决微信小程序自定义tabbar点击两次才能跳转

在每个页面的js文件下加上此代码，selected属性代表每一个页面的下标，在不同的js文件下，要对应不同的selected值。selected: 0 // 选中第一个 Tab。// 确保 TabBar 存在并且设置选中项。

原创 按钮权限的操作方法

在你所需要隐藏按钮的页面引入此js文件，并且通过 directives自定义指令绑定你的每一个按钮。在js文件中通过三个常量分别保存：所有的权限、你所拥有的权限以及你所拥有的权限是否在所有的权限中，如果不在，则通过 el.parentNode.removeChild(el)获取其父节点，移除其子节点的方式将此按钮移除。然后创建一个文件夹，在此文件夹下创建一个js文件，文件内容如下。首先先在你的本地储存里边，加入一些你指定的字段。

原创 时间转换为时分秒格式

document.querySelector(".time").innerHTML = '当前时间: ' + y + "年" + mt + "月" + day + "日 " + h + "时" + m + "分" + s + "秒";// 使用正确的函数名。// 修复了这里的赋值符号。// 清除之前的定时器。// 创建新的日期对象。// 设置新的定时器。

原创 在HBuilder中利用Moment.js插件实现时间戳的转换

3.在所需页面中渲染你的时间戳，然后配合管道符实现时间格式转换。// 如果没有提供格式，则使用默认格式。// 使用moment.js格式化日期。其中（“MM.DD”）为自定义时间格式。根据需要进行下载并运行到终端。

原创 vuex是什么？怎么使用？哪种功能场景使用它？

答：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来说就是：应用遇到多个组件共享状态时，使用vuex。vuex的流程页面通过mapAction异步提交事件到action。action通过commit把对应参数同步提交到mutation，mutation会修改state中对应的值。最后通过getter把对应值跑出去，在页面的计算属性中，通过，mapGetter来动态获取state中的值。

原创 全局注册和局部注册

p v-color="colorStr" @click="changeColor">修改文字颜色</p>局部指令，需要定义在directives 的选项 用法和全局用法一样。总结: v-xxx, 自定义指令, 获取原生DOM, 自定义操作。需求: 定义color指令-传入一个颜色, 给标签设置文字颜色。//局部指令，需要定义在 directives 的选项。当全局指令和局部指令同名时以局部指令为准。局部指令只能在当前组件里面使用。main.js定义处修改一下。// 目标: 自定义指令传值。

原创 全局注册和局部注册

p v-color="colorStr" @click="changeColor">修改文字颜色</p>局部指令，需要定义在directives 的选项 用法和全局用法一样。总结: v-xxx, 自定义指令, 获取原生DOM, 自定义操作。需求: 定义color指令-传入一个颜色, 给标签设置文字颜色。//局部指令，需要定义在 directives 的选项。当全局指令和局部指令同名时以局部指令为准。局部指令只能在当前组件里面使用。main.js定义处修改一下。// 目标: 自定义指令传值。

原创 插槽的几种类型

用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容vue提供组件插槽能力, 允许开发者在封装组件时，把不确定的部分定义为插槽。

原创 vue脚手架

Vue CLI 是一个基于 Vue.js 进行快速的完整系统，通过`@vue/cli`实现的交互式的项目脚手架，脚手架是为了保证各施工过程顺利而搭建的工作平台。[Vue Cli官网](https://cli.vuejs.org/zh/)注意:项目名不能带大写字母，中文和特殊符号或者与下载的依赖包名称相同。工程化开发方式： 这是最推荐，企业最常用的方式。3 .安装新版本的Vue脚手架@vue/cli。1. vue脚手架(Vue CLI)vue create +项目名。2 .vue/cli的好处。

原创 12-Observer劫持数据变化

原创 promise的all方法和race方法

如上代码，all方法所在的打印顺序在race方法之上，但是运行结果一定是race方法所在的打印结果先被返回，因为相同的数据，race方法不但只返回其中一个运行结果，而且返回的还是最先运行完毕的那一个，所以在同样的数据前提下，两种方法返回最快的一定是race方法。而race方法则是只返回一个结果，在一个运行程序中，谁的代码运行的更快，谁就先被返回出来。promise的all方法是把所有的诗句都放到了一个数组中，然后一起运行出来。

原创 Vue中组件是如何进行通讯的

3、兄弟间传值：初始化一个全局的事件中心bus,在发送事件的一方通过bus.$emit(“事件名”，传递的参数信息)发送，在接收事件的一方通过bus.$on("事件名",参数)接收传递的事件。2、子传父：子组件通过广播的方式$emit将值传递给父组件，父组件中通过一个函数去接收子组件中传递过来的值。1、父传子：父组件中通过v-bind绑定一个属性，子组件中通过props接收父组件中的绑定的属性。4、使用ref属性获取子组件的实例,并获取子组件的数据或方法。

原创 vue常用操作指令

v-text指令：用于更新标签包含的文本，它的作用跟双大括号效果是一样的 v-html指令：绑定一些包含html代码的数据在视图上 v-show指令：指令的取值为true/false，分别对应着显示/隐藏，改变的是元素css样式的display属性 v-if指令：取值为true/false，控制元素是否需要被渲染 v-else指令：和v-if指令搭配使用，没有对应的值。当v-if的值false，v-else才会被渲染出来。 v-for指令：遍历data中存放的数组数据，实现列表的渲染。 v-bi

原创 Vue的生命周期

销毁前:berforeDestroy()当组件销毁时会触发这个钩子，即将销毁的data和methods中的数据此时还是可以使用的，可以做一些释放内存的操作。创建后:created()是最早使用data和methods中数据的钩子函数，是最早可以访问data中的数据的钩子函数。更新前:beforeUpdate()当data的数据发生改变时会触发这个钩子，内存中的数据是新的，但是页面是旧的。更新后:updated()当data的数据发生改变时会触发这个钩子，这时页面与内存都是新的。它分别有八个声明周期。

原创 Symbol数据类型和Map对象

symbol 是一个基本数据类型 不能newsymbol代表一个独一无二的值。

原创 解构的概念与使用

解构由两部分组成解构的源 ：=的右边部分解构的目标：=的左边部分知识补充：剩余运算符（...）把多个东西揉到同一个变量里面解构赋值的时候可以设置默认值。

原创 const关键字

基本数据类型的常量一旦赋值就不能再进行更改。const关键字是用来声明常量的。声明常量的时候必须进行赋值操作。常量 顾名思义 就是不变的量。声明常量的时候一般需要大写。

原创 let关键字的基本使用

如果写项目的时候 你感觉你的代码有可能报错 你写的代码对项目影响比较大那你就try catch。当变量提升到全局作用域时，再想利用this指向的时候 就必须做出保留i值的举措。当我们使用var声明新的变量的时候 我们所声明的变量会发生变量的声明提升。1.let声明的变量没有变量提升 只在当前作用域生效。2.let声明的变量不能重复声明(同一作用域下)而当我们使用let声明变量的时候则不会有这种困扰。此时的i指向就是我们所需绑定的事件源。3.let声明的变量存在块级作用域。这就节省了不少的代码量。

原创 Git的使用方法

git init初始化本地仓库 安装之后你会发现多了一个.git文件夹 它是仓库的配置文件。在你修改代码之前一定要仙女git pull 把远程仓库的最新的代码更新到你的本地仓库。git remote add orgin 远程仓库地址 本地与远程仓库进行连接。git commit -m '代码说明' 提交到本地仓库。git add 文件的名字 把该文件添加至暂存区。git add. 把所有改动的文件都添加到暂存区。所有的git都需要在git所在的文件目录进行操作。git 单次提交的大小限制是100MB。

原创 如何解决跨域问题

/ 什么是同源策略呢？协议 域名 端口号完全一样就是同源如果其中有一个不一样就违背同源 策略就产生跨域了。// jsonp解决跨域的原理就是利用script标签的src属性可以跨域+回调函数。// 同源策略是浏览器的一种安全策略。// 生产环境一般跨域都是后台解决。// 前端代码要放到服务器上。// 怎么去解决跨域?// 使用jsonp。跨域是违背了浏览器的同源策略。

原创 post请求

例：

原创 Ajax的基本语法

readyState是XMLHttpRequest对象的一个属性，用来标识当前XMLHttpRequest对象处于什么状态。readyState总共有5个状态值，分别为0~4，每个值代表了不同的含义。0：初始化，XMLHttpRequest对象还没有完成初始化1：载入，XMLHttpRequest对象开始发送请求2：载入完成，XMLHttpRequest对象的请求发送完成3：解析，XMLHttpRequest对象开始读取服务器的响应。

原创 JSON的使用

在通过localStorage长期存储数据时，需要先将对象转换为字符串才能进行存储 然后需要的时候再通过JSON.parse将类型转换回来进行使用。所以需要将对象转为 json 字符串 JSON.stringify()然后再将json字符串再转回对象 JSON.parse()因为对象是一个无序的键值对。

原创 网络的基本知识

物理层：源设备到目的设备 底层传输就是比特流 --邮政快递的信差 比特流 相当于你的录取通知书。网路层: 进行数据包的传递 进行不同网络的选择 地图导航 负责规划路线找到最佳路线。应用层：qq 微信应用层 直接服务用户 比如餐厅的服务员 直接为用户提供网络服务。数据链路层: 进行电信号的处理 进行数据的分组 一篇文章有多个标题 方便阅读。传输层：数据包的传输 建立连接 保证数据不丢失 靠谱的快递员 不丢件。会话层：建立连接 保持连接 关闭连接 谍战片中的接线员。网络之中存在的各种层面。

原创 函数的创建

函数的创建有四种方式 分别为字面量形式创建 匿名函数创建 Function构造函数 以及自我执行函数。

原创 累加器原理

【代码】累加器原理。

原创 href 与 src 的区别

2.src：source的所写，表示的是对资源的引用，它指向的内容会嵌入到当前标签所在的位置。由于src的内容是页面必不可少的一部分，因此浏览器在解析src时会停下来对后续文档的处理，直到src的内容加载完毕。1.href：Hypertext Reference的缩写，超文本引用，它指向一些网络资源，建立和当前元素或者说是本文档的链接关系。在加载它的时候，不会停止对当前文档的处理，浏览器会继续往下走。总结：href用于建立当前页面与引用资源之间的关系（链接），而src则会替换当前标签。

原创 数组操作方法

原创 将二维数组转换为一维数组

【代码】将二维数组转换为一维数组。

原创 冒泡排序(将数字从大到小/从小到大 排序)

【代码】冒泡排序(将数字从大到小/从小到大 排序)

原创 将数组中重复的数字去除

【代码】将数组中重复的数字去除。