自定义博客皮肤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后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。

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

原创 微信小程序云开发数据库操作更新记录

官方文档解读:<!-- 更新记录 --> <view class="guide" wx:if="{{step === 5}}"> <text class="headline">更新记录</text> <text class="p"&g

2018-10-27 08:27:00 18545 2

原创 border-radius属性失效问题的解决办法

今天调试项目的时候突然发现,设置的border-radius竟然失效了,打开f12,眼看着浏览器把这个属性也给划掉了,不是一般的郁闷,按照道理来说,不应该会出现这样神奇的bug。图片.pngcss代码:#photo{width: 80px;height:80px;border-radius:10px ;}解决办法:万能的!im...

2018-10-23 09:49:00 24577 5

原创 推荐一个好用的截屏动态图制作工具

在这篇文章之前,每次写博客的时候,想要展示一下实现的效果,截图展示,不方便理解,一直想着去做成gif动态图片,但以为是一件很麻烦的事情,所以就撂下了,今天研究了一下,原来只需要借助一款工具就可以完成了,在网上找了一圈,试用了几个工具之后,发现这款用起来比较简单方便,值得推荐。http://recordit.co/recordit.gif使用:点击上面链接 下载Mac或Windo...

2018-10-09 15:43:00 17254 1

原创 小程序模拟请求服务器json数据

上一篇小程序模拟调用本地json接口数据https://www.jianshu.com/p/20ecc78a1a3f那么,怎么请求服务器json数据?如果你是一枚前端,不会写后端接口的话又想测试数据,看自己写的效果的时候不要慌那么,把你的json放在服务器底下模拟请求服务器json数据即可步骤:1:先写好json数据放在桌面备用...

2018-10-31 14:49:00 1720

原创 小程序踩坑-http://xxx.com 不在以下 request 合法域名列表中

写了一串json数据,把json数据放在了阿里云服务器中,用 wx.request({ })方法来请求json数据的时候,遇到了一点小坑,http://xxx.com 不在以下 request 合法域名列表中。 wx.request({ url: 'http://pig.xxx.com/index.json', h...

2018-10-31 11:37:00 5046 2

原创 小程序模拟调用本地json接口数据

把准备好的json数据渲染到前端界面,模拟在这里加载本地json数据。效果如下,能看到界面渲染的数据。1:新建一个data文件夹,在文件夹底下新建一个js文件,写好准备的json格式的数据:并且定义数据出口module.exports = { dataList: json}json:// 本地模拟json数据...

2018-10-30 17:05:00 1257

原创 SourceTree安装(小白特别详细教程)

首先,下载SourceTree,谷歌搜索SourceTree,第一第二个就是下载网址。附上网站链接:https://www.sourcetreeapp.com/https://cn.atlassian.com/software/sourcetree官网下载,点击Download for Windows,我是Windows10所以我...

2018-10-30 15:28:00 637

原创 小程序open-data的圆形用户头像实现

wxml<view class="page-body-info "><open-data type='userAvatarUrl' class="userinfo" mode="cover"></open-data><open-data type="userNickName&qu

2018-10-29 16:49:00 722

原创 小程序新方法 open-type获取头像昵称

小程序自上线以来,官方一直在调整API,因此也出现了一批被废弃的接口,作为程序员的我们,此时此刻千万不能为这不断的变化而感到头疼,应当与时俱进,不断的更新自己的知识储备和应用技能。参考文档:https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html以下是原公告:为优化用户体验,使用 wx.get...

2018-10-29 16:38:00 7415 1

原创 微信web开发者工具无法打开的六种解决方法

上周微信开发者工具一直没有办法打开页面,本来打算写一篇关于小程序的文章,结果等了半天试了好几次都是这样的界面,临近下班就没有在意了,今天来打开电脑还是如此,怎么也打不开编辑界面。到最后,使用了一个奇葩的方法(见方法5)于是卸载了重新下载安装了一次,还是如此,在网上看了几篇教程,全部试了一遍,结果,像是踩了一地的坑,可得劲了,看来大家都遇到了...

2018-10-29 11:36:00 8784 1

原创 香山红叶

早听说香山红叶是北京最浓最浓的秋色,能去看看,自然乐意。我去的那日,天也作美,明净高爽,好得不能再好了 图片发自简书App 图片发自简书App ...

2018-10-28 17:10:49 247

原创 微信小程序云开发数据库操作删除记录

官方文档解读: <!-- 删除记录 --> <view class="guide" wx:if="{{step === 6}}"> <text class="headline">删除记录</text> <text class="p"&amp

2018-10-28 17:09:00 8216

原创 微信小程序云开发数据库操作二查询记录

数据库操作参考API:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-client-api/database/index.html官方文档解读:<!-- 查询记录 --> <view class="guide" wx:if="{{step === 4}}"> <...

2018-10-25 11:38:00 13058

原创 微信小程序云开发数据库操作一添加记录

微信小程序云开发 初学者入门教程二-前端操作数据库模块:https://www.jianshu.com/p/fb5be2e7f507中有写到对数据库的一些简单的操作处理,这篇主要是添加记录的一个小demo:数据库操作API:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/referenc...

2018-10-24 17:09:00 12569

原创 雁荡山秋游记

秋高气爽,十一大长假刚过,是一个秋游的好时机,小伙伴们怀揣着一颗颗悸动的心,无比期待。公司本着公开、公平、公证的原则,旅游的目的地最终以投票的形式确定了下来——雁荡山。这“东南第一山”,山顶汇水蕴湖,茂盛的芦苇结草为荡,南归秋雁多宿于此,故名“雁荡。雁荡山形成于一亿二千万年以前,是环太平洋大陆边缘火山带中,一座日至纪流纹质破火地。北京时间下午1点,从是艳阳高照的...

2018-10-24 16:58:32 78

原创 小程序中点击按钮跳转另外一个小程序

有很多时候,推广业务需要,会在一个小程序之中绑定另外一个小程序,形成小程序内部之间的生态系统,不但可以满足用户更多需求,增强小程序用户粘性,还可以有利于小程序大量引流。好了话不多说,从小程序A内跳转到小程序B内有一个前提条件:A和B必须被同一个公众号关联,打开同一公众号下关联的另一个小程序。(注:必须是同一公众号下,而非同个 open 账号下)两种方法...

2018-10-24 16:38:00 6824

原创 微信小程序云开发 初学者入门教程二

微信小程序云开发 初学者入门教程二-前端操作数据库模块如何操作数据库,作为一名前端,如果对数据的知识不够熟悉也没关系,从现在开始好好学习就行,数据库的操作内容差不多涉及增删改查四大模块,花一些业余的时间在上面,也必有所得。数据库操作大多数需要用户openid,需要先配置好吧login云函数,如果已经配置好了,获取用户的openid之后,开始步骤:步骤...

2018-10-23 21:36:00 1760

原创 微信小程序云开发 初学者入门教程一

微信小程序云开发 初学者入门教程一(云开发环境搭建)本教程适合刚刚入门的小白,云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。官方文档:https://developers.weixin.qq.com/miniprogram/dev/wxclo...

2018-10-23 20:56:00 5293 3

原创 微信小程序云开发数据导入(json格式)

上篇写道:小程序云开发的开通流程及添加集合数据:https://www.jianshu.com/p/17097e5c9ae4其中云开发选择数据库模块,添加集合里面有个一键导入json格式的功能,以下就是如何准备导入json格式,其实步骤很简单,适合初学者参考:1:新建一个json文件,将以下代码复制黏贴进去,放在桌面备用{ "_id": "xxxxxx", "age"...

2018-10-22 09:15:00 11053 4

原创 小程序云开发的开通流程及添加集合数据

随着小程序云开发的逐渐流行,一个工程师全栈小程序的能力也逐步变得越来越强大,作为一个前端工程师,现在也可以逐步脱离后台的帮助了,自己可以按照自己的想法来开发一款小程序比什么都重要。开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。云开发文档:https://developers.weixin.qq.com/miniprogr...

2018-10-20 23:20:00 1904

原创 使用bootstrap的栅栏实现五列布局

我们知道,在使用Bootstrap栅格的时候,我们可以对网页方便的进行模块分割。Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统,可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类,也包含了用于生成更多语义布局的功能强大的混合类。如果要2等分,使用col-md-6即可;要3等分,使用col-...

2018-10-19 11:35:00 7406 1

原创 jQuery+Datatables实现表格批量删除功能

祖传代码的存在,这个项目自我进公司以来,就一直在改写加上维护,没有什么太厉害的技术,据说在我进公司之前,是经过两个Java后台来编写遗留下来的代码,公司觉得若是重新搭建框架过于费力,于是一直沿用至今,随着功能的越来越多,维护起来也是相当的费脑,每次修改的时候,我都会将某个部分的功能记录下来,写在自己的技术博客里面,以防混淆。主要功能有:jQuery+Da...

2018-10-18 15:49:00 1671 1

原创 jQuery点击checkbox选择标签到指定的位置

写在前面的话祖传代码的存在,这个项目自我进公司以来,就一直在改写加上维护,没有什么太厉害的技术,据说在我进公司之前,是经过两个Java后台来编写遗留下来的代码,公司觉得若是重新搭建框架过于费力,于是一直沿用至今,随着功能的越来越多,维护起来也是相当的费脑,每次修改的时候,我都会将某个部分的功能记录下来,写在自己的技术博客里面,以防混淆。实现效果:...

2018-10-17 16:45:00 490

原创 微信小程序模仿分类导航实现多个tab 页

微信小程序模仿分类导航实现多个tab 页功能:如图l5PsXOTCzU.gif话不多说,也不知道说啥,直接上代码:wxml:&lt;view class="swiper-tab"&gt; &lt;view class="swiper-tab-item {{currentTab==0?'active':''}}" data-curr...

2018-10-16 15:26:00 2051

原创 Bootstrap+jQuery实现卡片标签样式的分页

前言很多人问我为什么要写这么多的博客,其实回想起从前,刚刚工作的那会,我也是什么都不会,每天遇到难题的时候只能打开百度,搜索关键词,看看网上的前辈有没有遇到和我一样的难题,又是怎么解决的,好在有很多热心的程序员们有所记录,我也能够顺利的解决问题,工作才会慢慢变得顺心,如今只是想出一己之力,哪怕是某一句代码能够给那些正在被困扰的带来突破口,那便是值得的。...

2018-10-12 15:33:00 3228

原创 js仿通知栏新消息实时推送更新效果

在最近的项目里面,用到websocket做消息推送,其中有这样的一个效果,在消息列表的模块,接收到很多条信息,展示在界面的是最近的十条接受到的消息,实时更新模块,每次接受一条消息,都会展示在最顶部,旧的消息排列在地下,大致效果如下所示。用js仿写了一个简单的,关于通知栏新消息实时推送更新效果,代码如下:&lt;!DOCTYPE html ...

2018-10-11 19:17:00 3917 1

原创 小程序点击轮播图跳转到tab导航界面

需求:小程序点击轮播图跳转到tab导航界面,效果如下所示点击轮播图的图片,跳转到我的界面上先实现以下的代码,在以下的基础上,开始实现需求微信小程序底部导航栏https://www.jianshu.com/p/89a63dc99839微信小程序轮播图https://www.jianshu.com/p/bc3261557031...

2018-10-09 15:36:00 3247 3

原创 阳朔

人人都说,桂林山水甲天下,阳朔山水甲桂林 图片发自简书App 图片发自简书App 图片发自简书App 图片发自简书App ...

2018-10-07 21:26:21 56

原创 桂林七日游

2018.10.1国庆节 去桂林看一看这山水,是多年前的愿望,不知从何而起,也许是这座城市里,有自己牵挂的人吧,多年以后,如愿以偿,还是那些人,还是那些景色,兜兜转转,来来回回,你想要的一切,终究还是会实现。 桂林的象鼻山,离市区很近,离张小丽姐 图片发自简书App ...

2018-10-07 21:26:11 124

原创 clientX和clientY 事件属性的使用

需求:做项目中遇到一个这样的需求,点击属性菜单节点,出现显示框,显示框的位置随着鼠标点击的位置距离而改变。教程:clientX 事件属性http://www.runoob.com/jsref/event-clientx.htmlclientY 事件属性http://www.runoob.com/jsref/event-clienty.html...

2018-10-01 06:37:00 825

空空如也

祈澈菇凉的留言板

发表于 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的粉丝

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