I_Do_Well的博客

原创 uniapp 小程序自定义导航栏完美适配

当小程序小程序项目在浏览器上运行的时候，uni.getSystemInfoSync()中的高度为0，所以做一个简单是浏览器和小程序编译器的适配。顶部右边有胶囊，如果需要再右边添加icon，记得在左边加一个空盒子或者paddingRight等于paddingLeft加上icon的宽度。因为小程序胶囊的top和导航栏的高度不一样，所以胶囊top减去导航栏高度，得出中间差的值给到我们自定义导航栏的top。top保证盒子和胶囊齐平，height保证盒子和胶囊一样大。第二步，全局挂载，再main.js中做全局挂载。

原创 vue 修改当前路由的名称

【代码】vue 修改当前路由的名称。

原创 Vue2数据请求封装

归纳两种Vue2的常见封装形式（包含uniapp）前提：安装axios。

原创 原生JS使用递归制作树形结构和相关知识点

最近要做一个只用原生js递归制作一个树形结构的小dom记录一下写dom的过程。

原创 js小甜点----数组最后一个元素的获取

slice方法是从数组中返回特定的元素，并作为一个新数组的元素，方法选择从给定开始的索引到结束索引中间的元素，但不包括结束索引的元素，slice()方法不会修改原数组，索引值允许为赋值，为负值就从数组的尾部计算索引。当slice()中索引值只有-1时，所返回的新数组中的元素就是原数组最后一个元素。pop()方法是从数组中删除数组的最后一个元素，并且讲此元素返回，而且此方法会改变原数组。如果数组为空数组，则返回undefined，并且不会改变空数组。2.通过slice 方法获取。3.通过pop方法获取。

原创 uniapp学习记录#2——安卓端手机权限管理和审核踩坑

--但是在开发过程中遇到一个很烦人的问题，这个框是必须加的，但是代码的逻辑又不是按照这个框所说的设定，在未同意协议，没有进入应用之前，app内部就开始调用手机权限，也就是说打开app的一瞬间就开始在调用手机的权限，这种做法肯定是不能通过审核的，所以还需要进行下一步配置--uniapp安卓端手机权限管理，在上线的时候，第一次安装app时需要app弹窗让用户同意app利用各种权限-------在manufest.json文件中，选择源码视图，在‘app-plus’ 中添加。

原创 uniapp学习记录#1——条件编译(平台差异)

条件编译APP-PLUS包含APP-NVUE和APP-VUE，APP-PLUS-NVUE和APP-NVUE没什么区别，为了简写后面出了APP-NVUE；文件的语法正确性，即要保障无论条件编译是否生效都能通过语法校验。条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。在 H5 平台或微信小程序平台存在的代码（这里只有||，不可能出现&&，因为没有交集）条件编译是利用注释实现的，在不同语法里注释写法不一样，js使用。除了 H5 平台，其它平台均存在的代码。

原创 vue中监听键盘按下

2.然后在methods中直接写入事件即可在整个页面监听。1.在mounted中创建键盘监听。

原创 vue中监听localStorage中的值

重写localStorage.setItem事件当使用setItem的时候触发 window.dispatchEvent派发事件。

原创 js基础 =＞ 数组方法

原创 小程序接口踩坑记录

本地开发可勾选 ‘不效验合法域名’ + 预览时打开小程序调试。添加合法域名(否则手机端,不管是调试还是预览都不会请求成功)域名要获得中间证书！

原创 溢出文本省略号

溢出显示省略号

原创 小程序选项卡（01初步）+边框border-radius 和 border-image冲突

方法:在选择边框外面加一个盒子，用怪异盒子padding把中间的盒子固定在中间然后加背景色。border-radius 和 border-image冲突。思路： 用background-image解决。这样padding的范围就等于内部盒子的边框。

原创 小程序点击复制文本wx.setClipboardData(Object object)

小程序中会用到wx.setClipboardData({})组件。如下，且复制成功之后会自动弹出复制成功提示框。复制文本/复制手机号等功能。