- 博客(27)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 【小程序】uview-ui(uni-app)+微信小程序根据权限动态的更改底部tabbar
背景公司要求开发一个小程序，要求三种不同权限的人群都可以使用，使用时根据不同的权限，获取不同的tabbar，以及展示不同的内容。思路一开始考虑的是小程序本身的动态设置tabbar方法wx.setTabBarItem，之后百度发现，使用这个方法刷新切换时会短暂白屏，再之后才考虑了使用uview-ui的Tabbar底部导航栏组件。当然，主要功能是百度上寻找的其他人的代码，自己再润色了一番。最终选择了uni-app的uview-ui（UI框架）+vuex来完成这个功能。其中，vuex主要是用来存储当前的t
2021-05-19 16:44:41
3502
28
原创 【nodejs】使用express搭建一个RESTful API（三）：文章的增删查改
因为这个是为了我自己的博客搭建的，所以里面有个最重要的内容。文章的增删查改。新建文章
2020-04-29 16:59:47
574
原创 利用原生js完成一个todoList
因为在接口，时间有些充足。想着自己屎一般的js，打算重新来学学一些和js有关的技能据说学习js，十个有九个都是从todoList开始的，那当然，我也是要从众的。新建一个html文件，随意署名。todo内容主要保存在localstorage里面，不涉及到数据库什么的，比较简单。很随意的写了几个框，又很随意的写了css。大概长这样框框部分的html如下。<div class="m...
2020-04-23 16:33:57
989
原创 【vuejs】用vue写一个自己的博客管理系统（五）：文章管理
文章管理主要分为以下三个模块新建文章文章列表分类管理1. 新建文章一篇文章，有标题，有作者，有内容，有时间。可能也会有介绍，有图片，有标签或者分类。标题文章标题和介绍都使用element中的input，其中还限制了字数。此时，长度加上maxlength和minlength分别代表的字符的最多和最少。show-word-limit则是显示当前字数多少的属性。<el-inpu...
2020-04-15 22:52:08
1786
原创 【vuejs】用vue写一个自己的博客管理系统（四）：登录和登录后的状态管理
对，我的个人网站，没有注册功能。我直接把用户名和密码还有个人信息写在了数据库里。简单又方便。登录其实很简单，一个form，里面写两个input，和一个button就行，连样式都可以不用写。但是为了美观，还是建议大家写一个样式。我就写了个很是复杂，现在没有做优化，导致每次打开都慢的一比。...
2020-04-15 22:48:33
518
2
原创 【vuejs】用vue写一个自己的博客管理系统（三）：axios封装和api管理
根据百度所说，axios是一个基于Promise的Http库，其实就是和ajax功能是一样的。不过比ajax好用的多。首先，安装axios//安装npm install axios axios常用的请求和ajax都差不多。比如：//get请求axios.get('/api/getInfo').then(res=>{ console.log(res)}).catch(err=...
2019-11-18 22:38:00
386
1
原创 【nodejs】vue+node.js上传图片至新浪云储存
在写管理系统时，里面有一个上传图片的功能。一开始我觉得这对于我一个前端好像有点太难了，因为我不知道图片这类资源一般是存在什么地方的，后来百度了一下，发现可以存在新浪云上，恰好，我新浪云也有账号。在新浪云官网上，注册登录。当然，有微博账号的可以直接登录进去。在控制台中，选择云储存SCS。创建一个新的bucket。（p.s 话说在一定空间内的使用好像是免费的，多划算啊…）然后在获取自己的...
2019-09-08 16:09:10
401
原创 【vuejs】用vue写一个自己的博客管理系统（二）：基础布局
安装并使用element-ui，vue add element //vue-cli3.x安装方式npm install element-ui --save //vue-cli2.x的安装方式安装成功以后，新建一个登录页面login.vue，然后在把页面添加进路由里。export default new Router({ mode: "history", base: pro...
2019-08-11 18:11:29
552
原创 【小程序】QQ小程序的入门与开发
最近QQ小程序也开放了注册，于是公司就注册了小程序，打算把原本微信端的也copy一个到QQ端。打开文档后发现，其实还挺简单的。QQ小程序大概就是微信小程序的翻版。把微信小程序api中的绝大部分或者视图层中，所有的wx两个字母，换成qq就行了，甚至可以不换。我试过，微信小程序的代码在QQ小程序里，也是可以通用的，完全不用改。不过微信小程序和QQ小程序还是有几个不同点：1. QQ小程序无法生成二...
2019-07-30 22:57:06
2567
4
原创 【nodejs】使用express搭建一个RESTful API（二）：用户注册和登录
我们首先要在数据库中创建一个数据库，然后创建一张user表，表中有uid,username,password三个字段。其中，uid是自增字段。npm中安装mysql并配置npm install mysql --save在文件根目录下，新建一个文件夹叫config，这里面放一些配置文件。我们新建一个db.js。// 数据库配置文件module.exports = { mysql:...
2019-06-30 16:24:25
1190
原创 【nodejs】使用express搭建一个RESTful API（一）：安装准备
vue学习的时候，感觉使用mock.js来mock数据很麻烦，不能灵活的用一些例如增删查改的功能，所以就想到了自己来写一写api接口，就，把自己学习过程给记录一下。安装准备node.js在之前学习vue的时候就已经安装好了，这里需要再安装express。运行以下两个命令 npm install -g express npm install -g express-generator...
2019-06-30 14:47:13
880
原创 【小程序】小程序录音功能的开发
最近做了一个新年贺卡项目，项目除了平常的选择贺卡和祝福语以外，还多了一项：录下自己的祝福语音。这就有一丢丢为难我了，毕竟没写过，想着前同事写的时候好像踩了不少坑，我也担心我会踩坑。不过，真上手写了，发现好像还不难。首先，我们在官网文档中找到与录音有关的api，其中，RecorderManager是全局唯一的录音管理器，比如我们要录音，首先要全局环境中创建一个管理器。 let RM =...
2018-12-23 15:26:29
4101
1
原创 【小程序】微信小程序翻牌小功能
微信小程序翻牌小功能页面<view id="container"> <view wx:for="{{newArr}}" class='cards'> <view class="card card_a" style='display:{{item.showA}}' bindtap='change' data-id='{{item.id}}'&..
2018-10-31 13:24:48
2074
2
原创 【小程序】微信小程序使用腾讯云IM（三）：历史消息展示
类似微信聊天向上滚动逐渐显示历史消息功能1.第一步：得到历史消息。得到历史消息在值钱的博客里写着有，就不再写一次了。这里我可以写一下聊天界面。就类似于微信或者QQ聊天的这种大众化审美的样式。 左边是本人，右边是对方。 聊天界面样式代码下载进入正题当我获取了当前的10条消息后，将消息setData进当前页数据。然后将能够获得下次聊天记录的两个重要数据存在storage里面...
2018-07-27 23:58:26
5352
3
原创 【vuejs】有关UI框架“ydui”中的tabbar底部导航的应用以及tabbar切换激活状态的现实
在做移动端应用的时候，底部导航tabbar是必不可少的。 在这里，我用的是vue移动端的ui框架：ydui。长得想当的好看，我很喜欢。文档中是这么写的：&lt;template&gt; &lt;yd-tabbar&gt; &lt;yd-tabbar-item title="首页" link="#"&gt;
2018-07-25 22:53:53
2345
5
原创 【vuejs】vuejs中使用处理时间格式（更新）
在上一篇文中，我写到我需要得到当前时间到第二天指定时间的秒数。一开始不知道怎样简单的计算，只会使用比较笨的办法。后来在群里问了大神，他告诉我可以使用moment.js，一个专门处理时间的类库。vue的话，在moment.js的官网里，是给了安装方法的npm install moment --save 然后再入口文件 main.js中导入并使用import moment fr...
2018-07-17 22:52:30
16373
2
原创 【vuejs】有关UI框架“ydui”中的倒计时组件的使用
第二种使用方法：当time设置为时间戳的时候&lt;template&gt; &lt;yd-countdown :time="countDown" timetype="second" :callback="afterCountDown"&gt;&lt;/yd-countdown&gt;&a
2018-07-13 22:59:31
1378
原创 【vuejs】有关vue的一些小技巧
1.刚进入页面时候的默认界面在路由文件下面的index.js或者router.js中，添加{path:’/’,redirect:’/join’}; export default new Router({ routes:[{ path:'/' redirect:'/join'// 这里就是首页展示的文件 }] })2.去掉地址栏中的...
2018-07-09 22:00:27
653
原创 【小程序】一些小程序开发的小技巧，不定时更
跳转到tabbar只能用wx.switch。但是有时候跳转至tabbar又需要带参数，这个时候，可以选择将参数设置为全局变量，然后携带。小程序图片组件有个mode功能，可以截图的 ，根据所需要显示的样式来选择。图片组件还有一个binderror方法。这里是图片出错时候会调用的方法如果不想让ios实现滚动回弹效果，可以在当前页面的json文件中关掉;disableScroll和enableP...
2018-06-30 09:55:00
535
原创 【小程序】微信小程序使用腾讯云IM（一）：登录
微信小程序使用腾讯云IM新项目已经完成很久啦，久的我都想放弃啦。 这个项目里主要的难点其实是1v1聊天。他们对比了好几家的即时通讯，最后选择了腾讯云通信。我猜，可能是因为腾讯云上说日活低于10w可以不付费吧。省钱嘛~踩坑踩了大概一周多两周了，就把一些步骤写下来，万一以后也会用到呢。不过，腾讯云的demo和sdk真的是万年不更新了，真的是好难用啊….坑都是自己一个一个踩一个一个填的。1...
2018-06-29 21:35:56
15954
57
原创 【小程序】在当前页面刷新上一页
在小程序中，有时候想要在返回上一页时得到新数据，但是，普通的返回并刷新页面，可能会造成页面闪烁。这时候，可以利用小程序的页面栈来完成这个操作 var pages = getCurrentPages();//得到当前所有的页面 if(pages.length > 1){ var prePage = pages[pages.length - 2];//-1的话就...
2018-06-29 20:35:26
1602
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人