自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

祈澈菇凉

90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。

  • 博客(35)
  • 论坛 (3)
  • 收藏
  • 关注

原创 小程序云开发实战四:调用豆瓣API获取具体的数据

在网上找了一下,找到了一个可以用的豆瓣API:https://api.douban.com/v2/book/isbn/:97871111280691:打开云函数文件夹,index.js里面编写代码,引用request promise。var rp = require('request-promise')2:自定义的isbn,使用一个+号来连接...

2018-12-31 12:11:00 711

原创 小程序云开发实战三:编写云函数代码

1:在云函数之中,拿到小程序端扫一扫获取到的传的编码,该如何传参?云函数API:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-client-api/functions/callFunction.html通过看文档可以学会,在云函数里,我们可以通过传递一份dat...

2018-12-30 14:28:00 1219

原创 小程序云开发实战二:小程序云开发云函数安装依赖步骤

1:安装nodejs,准备好环境,这一步就不细说了,没有安装的可以自行百度,不知道有没有安装的可以输入 node -v 查看一下。2:新建一个云函数模板,在cloudfunctions目录底下,新建一个云函数的文件bookinfo。3:在新建文件上右击文件,选择在终端打开。这个时候会弹出一个cmd窗口。...

2018-12-29 18:39:00 5915

原创 小程序云开发实战一:小程序扫一扫获取到图书ISBN码(图书条形码)

接触到云函数已经有一段时间了,之前一直在看api,现在自己跟着网络上的资料和视频学习,做了一个小项目,类似于豆瓣读书系列。具体是这样的一个流程,后面会一步步的实现。小程序扫码实现读取isbn,获取图书的各种信息1:用户端小程序调用 wx.scanCode接口,获取到ISBN码2:使用ISBN码调用云函数,在请求云函数的时候,云函数会请求豆瓣的API...

2018-12-29 18:28:00 6605 2

原创 小程序动端组件库Vant Weapp的使用

Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用两大参考神兽:文档:https://youzan.github.io/vant-weapp/#/intro开源:https://github.com/youzan/vant-weapp1:桌面新建一个v...

2018-12-28 15:35:00 2969

原创 小程序简单循环列表数据渲染实例

写一个最常见的小demo,小程序简单循环列表数据渲染实例。wxml<view class="item-box"> <view class="items"> <view wx:for="{{list}}" wx:key="{{index}}" class="item">

2018-12-27 16:42:00 1629

原创 小程序云开发五:从云数据库读取数据

1:接着昨天的《小程序云开发四:向云数据库插入一条数据》,今天要写的是读取那条插入的数据。参考的api,请点击:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/read.html2:主要方法:点击请求数据按钮的时候向数据库请求,cont.doc("XCIGn...

2018-12-26 10:37:00 6679 1

原创 小程序云开发四:向云数据库插入一条数据

上一篇的文章里,有提到像数据库里面插入一条数据,今天主要是把《小程序云开发:向云数据库插入一条数据》单独拉出来写个小的demo,方便记忆和理解。参考文档:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/add.html1:方法在小程序的api里面说的很清楚...

2018-12-25 18:46:00 1070

原创 小程序云开发教程三:创建第一个界面

前面说到:微信小程序云开发 初学者入门教程一(云开发环境搭建)https://www.jianshu.com/p/5df4d51125e3,开通环境,部署环境之后,现在开始创建第一个界面。1:把小程序版本更新到最新,在桌面上创建一个文件夹,选择云开发模板,我们可以看到文件目录结构,默认的代码和架构。这些代码和目录结构不要删除,后面会用到...

2018-12-24 17:27:00 977 4

原创 小程序点击按钮弹出可填写框

这是项目里面一个简单的效果,小程序点击按钮弹出可填写框,摘下代码,方便之后遇到的时候可以直接拿来使用。效果如下:wxml<!-- 功能列表 --><view wx:for="{{list}}" wx:key="{{index}}" class="item"> <view data-index="{{.

2018-12-23 21:18:00 5090

原创 jquery实现下拉框选中对应的div

这是一个很简单的功能,jquery实现下拉框选中对应的div。虽然简单但是会在项目之中经常会用到,尤其是统计的时候,按照不同类型或者不同的年月日来选择相对应的内容。<!DOCTYPE html><html> <head> <meta charset="UTF...

2018-12-22 23:03:00 402

原创 小程序鼠标点击按钮(改变背景颜色字体)

目标需求:实现下图,给点击的view增加类,每次只能选择一个。主要思路:给点击的view增加类,依靠点击的index对state进行赋值。如果相同时,给该view增加类。效果演示:wxml<view class="iconusecont-div {{state==index?'active-tag':''}}" bindtap...

2018-12-21 23:44:00 2101

原创 房子是租来的,但生活不是

IMG20180924134737.jpg

2018-12-20 14:10:59 90

原创 人民广场的一个下午

在小伙伴们的指导下,一组照片新鲜出炉这是我啦时间:2018年9月8日 ...

2018-12-20 11:17:22 76

原创 小程序底部动画弹框

接上一篇的举一反三:微信小程序商品筛选,侧方弹出动画选择页面:https://www.jianshu.com/p/e76925d39c56;这个小程序底部动画弹框也是项目之中常见的功能之一,效果如下图所示。wxml<view class="modals modals-bottom-dialog" hidden="{{hideModa...

2018-12-20 11:14:00 1095

原创 微信小程序商品筛选,侧方弹出动画选择页面

微信小程序商品筛选,侧方弹出动画选择页面,在一点点的零碎的时间里面写出来的代码,和前两篇效果结合出来的。点击按钮的同时,要实现这两个功能的叠加。小程序动画animation向左移动效果:https://www.jianshu.com/p/1cdf36070205小程序点击按钮出现和隐藏遮罩层:https://www.jianshu.com/p/1193...

2018-12-19 10:51:00 3128 1

原创 小程序点击按钮出现和隐藏遮罩层

最近在实现一个小功能,点击按钮的时候,会从右侧滑动弹出一个信息层,与此同时,信息层会和遮罩层一起出现,于是小程序的动画功能和小程序点击按钮出现和隐藏遮罩层分开写成了demo了。这篇主要是实现点击按钮出现和隐藏遮罩层,在很多实际应用之中也会经常用到的。主要就是一个float浮层。wxml:<text class='up' bindtap='sho...

2018-12-18 14:28:00 6540

原创 新功能:个人小程序直接打开公众号链接

在此之前,想要从小程序里面跳转一个链接,要使用web-view才可以,而且个人<web-view src="https://www.baidu.com/"></web-view>放心你没有看错就这么一行就行了但是有一定的局限性1:前段时间,微信正式宣布为方便开发者灵活配置小程序,小程序现开放内嵌 Web 页面能力,但这个开放的...

2018-12-17 15:49:00 17455 7

原创 小程序动画animation向左移动效果

今天在家做一个私活,效果类似于淘宝的筛选功能,微信小程序商品筛选,侧方弹出动画选择页面,研究了一下小程序的动画相关的文档,于是又get到了一个新的小程序技能,小程序动画animation向左移动效果。小程序官方参考文档:https://developers.weixin.qq.com/miniprogram/dev/api/wx.createAnimat...

2018-12-16 21:13:00 5471 1

原创 小程序登录按钮遮罩浮层效果

逻辑如下:1:第一次登陆的时候会有一个登录按钮遮罩浮层提示去授权登录2:在弹出的授权框里,拒绝授权按钮的时候,界面的数据没有办法加载出来,允许授权的时候,界面就能渲染从后端拿过来的数据3:判断是否授过权(判断是第一次登录还是第n次),如果用户第一次已经登录授权,后面继续登录的时候悬浮框就不会再出现效果如下:fDpAfv9qJw.gif...

2018-12-15 17:21:00 786

原创 小程序本地相册选择图片或相机拍照底部弹框功能

今天一位粉丝问了一个问题,关于小程序本地相册选择图片或相机拍照底部弹框功能,小程序根据文档来写,为什么没有底部弹框,点击按钮就直接打开了手机相册了。看了一下不是他代码的原因,也不是什么bug,而是只写了部分功能。今天把这两个功能连起来说一说。老规矩,放上小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/wx.chooseI...

2018-12-14 13:00:00 2272 2

原创 小程序JS动态修改样式

先写一个不怎么好看的demo,通过点击事件来控制view的元素属性,把背景改变成蓝色。是这样的效果:上一份小代码index.wxml<view > <view class="cont" style="background:{{background}};">属性改变</view> <bu...

2018-12-14 10:41:00 3263 1

原创 微信公众号对话框回复消息链接跳转小程序

在项目过程之中,可能会遇到这样的需求,点击微信公众平台开发的界面里的某个图标或者文字,跳转到小程序,这样更加有利于用户去访问小程序,如果是把小程序的卡片直接插入文章,这个功能在文章编辑一栏已经有现成的了。现在是这样的,关注公众号回复的消息或者关键词自动回复的消息里面,可以直接跳转到小程序哦。图片.png依靠腾讯的强大支持,看完文档和网上的...

2018-12-13 15:05:00 9135 1

原创 小程序常见简单界面功能属性记录

1:微信小程序隐藏右侧滚动条当页面元素列表过多的时候,右侧会默认出现一个很难看的滚动条,这个时候就需要写代码将这个滚动条隐藏起来了。其实方法很简单;只需要在wxss里面添加这样的一段代码即可::-webkit-scrollbar{width: 0;height: 0;color: transparent;}2:微信小程序(...

2018-12-12 14:08:00 573

原创 小程序扫码成功后带着参数跳转到指定页面

要扫的二维码,通过草料二维码生成的,这个网站挺好的,用起来比较简单方便,可以直接输入文字生成二维码,也可以放入链接生成二维码。草料二维码:https://cli.im/index.wxml<view class="container"> <button bindtap='getScancode'>绑定车辆</butt...

2018-12-11 20:43:00 12074 2

原创 微信小程序 页面跳转 传递参数

微信小程序 页面跳转 传递参数的这个知识点我们在开发过程之中会经常遇到,记录一下,虽然很简单,但是对于刚刚接触的人来说,看文档不如看demo来的快和方便。先看一下官方给出的文档:https://developers.weixin.qq.com/miniprogram/dev/api/wx.navigateTo.html?search-key=wx.na...

2018-12-11 18:35:00 785

原创 做专业的前端技术交流群

说明:加入时请说明是CSDN的用户,谢谢。在技术探索的这一条路上,我们总会遇到很多难以解决的问题,这个时候就需要朋友的帮助了,但是大家有时候都很忙,怎么办?其实我觉得程序员这个群体还是蛮可爱的,愿意帮助他人,也乐于分享,在一些社群里面,见到的除掉划水之外,还有很多人会帮助你来解决所遇到的问题,探讨一些技术上的难点,还有就是整个前端圈子里面发生的一些大小事件。其实前端交流群很多很多,但有一些...

2018-12-10 13:19:47 946

原创 小程序最新标准授权登录流程+逻辑

小程序自上线以来,官方一直在调整API,因此也出现了一批被废弃的接口,作为程序员的我们,此时此刻千万不能为这不断的变化而感到头疼,应当与时俱进,不断的更新自己的知识储备和应用技能。新旧对比:旧的方法:旧方法wx.getUserInfo按照用户登录时,弹出需要授权的弹窗,用户点击授权后才能使用。新方法:Open-data的灵活使用方法,...

2018-12-10 09:19:00 1451

原创 小程序绑定事件跳转的三种方法

1:wx.navigateTo ;保留当前页面(有返回按钮)效果:demo示例:wxml:<view bindtap="bindViewTap" class="up"> 我要绑定事件来跳转了</view>js:Page({ data: { }, //事件处理函数 bindVie...

2018-12-09 22:05:00 4041

原创 将本地小程序demo上传至github的五个命令

1:git init进入到上传的文件的目录下,使用命令初始化本地仓库git init2:git add .把本地文件添加到本地仓库暂存区,.的意思是把当前目录下所有的文件及子目录都添加管理,也可以把.换成相应的文件名git add .或git add [filename]3:git commit -m 'ting'...

2018-12-08 22:16:00 423

原创 微信小程序向左滑动删除操作(类仿微信、QQ)

上一个小程序的项目里面做过这个功能,当时没有记录下来,今天特意做了一个小的demo放在了github上面,下次在开发中遇到的话就可以直接拿下来代码复用了。效果很简单,类似于微信扣扣删除聊天栏的效果,想左滑动,出现删除按钮,点击即可删除。github地址:https://github.com/wangxiaoting666/swipeleft-delete...

2018-12-07 14:50:00 885

原创 前端工作那些年,怎么避免被温水煮青蛙?

工作稳定时候,就渐渐的失去了一开始对工作之中的热情和打满鸡血的状态,慢慢的越来越将就,像生活妥协,每天重复机械一般的操作这相同的工作内容,这个过程消磨着耐心和决心,但还是要始终都记得一句话。每天离开办公室打卡回家之前,告诉自己,今天我已经做到了全力以赴。——祈澈菇凉认真苦干的态度最基本的态度,不多说,每个职场人都应该做到的。老板招聘...

2018-12-06 14:20:00 381 1

原创 微信小程序扫一扫的功能实现

突然接到了个小程序的项目,手上的管理后台终于可以放下一段时间了 ,算了一下,今年几乎都在写管理后台的几个项目,真心没有什么特别的进步,基本都是靠着组传代码,不断的重构,复用。接下来又可以回归到不断的去挑战新技术和新功能的阶段了,其实还蛮开心的。今天写一个关于微信小程序扫一扫的功能。小程序开发其实还是比较简单的,有完善的api文档和大多数前辈的网络博客助...

2018-12-05 10:45:00 10227

原创 javascript正则姓名加密,保留姓,名用*号代替

大家都知道javascript诞生最初的目的是为了处理表单验证操作的。javascript发展到现在,已经从一个简单的表单验证器功能发展成为一门强大而复杂的语言。前两天在群里看到一个群友提问的,今天突然想起来,写了个小的demo,记得之前也写过一个正则验证手机号码的demo,其实都差不多。想要的效果差不多如下所示:<!DOCTYPE...

2018-12-04 14:56:00 6881

原创 jQuery的ztree仿windows文件新建和拖拽效果

前面的话:zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是 树状菜单、树状数据。ztree官方文档:http://www.treejs.cn/v3/api.php想要实现的效果:需要的功能:1:首先实现一颗jQuery的ztree...

2018-12-03 17:25:00 494

空空如也

祈澈菇凉的留言板

发表于 2020-01-02 最后回复 2020-04-05

boostrap里面的tab页,如何每次打开的时候都默认为第一个按钮?

发表于 2017-07-19 最后回复 2019-05-30

如何去掉select中的搜索框?

发表于 2017-06-30 最后回复 2017-07-31

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除