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

原创 小程序踩坑:Setting data field "xxxx" to undefined is invalid.

在这篇文章里面:https://www.jianshu.com/p/4bca132c5ade,其实遇到遇到了一个小的bug。 Setting data field "showDialog" to undefined is invalid. 于是定位到错误的地方 ...

2019-01-31 09:13:00

阅读数 7123

评论数 3

原创 强烈推荐:绝对是好用的小程序开源框架

图片 想要开发出一套高质量的小程序,运用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小程序也渐渐更新,其中不乏一些优秀好用的框架/组件库。 1:WeUI 小程序–使用教程 https://weui.io/ 官方介绍:WeUI 是一套同微信原生视觉体验一致的基...

2019-01-30 08:48:00

阅读数 138

评论数 0

原创 小程序列表左滑效果在IOS呈上下滑动影响样式

在实际开发中,很多时候,苹果手机对小程序不够友好,类似上图,在实现小程序列表左滑效果的时候,安卓手机上测试都很正常,也很流畅,但是在苹果手机上却会出现这样的bug,滑动的时候,列表不但可以左滑,还可以上下左右滑动,这不是我想要的效果~ 有时候添加一张背景图片的时候,在ios系列的手机上也会出现这样...

2019-01-29 08:44:00

阅读数 151

评论数 0

原创 mongoDB从入门到实战最全小白教程

mongoDB入门教程一:下载安装和环境配置、连接运行 MongoDB 是一个基于分布式文件存储的数据库, 是一个介于关系数据库和非关系数据库之间的产品。很久之前就已经学习过这个知识点,现在终于在工作之中用到,又重温了一遍,有点感到小幸运,庆幸自己还记得入门的时候的一些操作,现在用起...

2019-01-28 10:10:00

阅读数 619

评论数 0

原创 如何运行github上的mpvue小程序开源项目

在安装好了node和vue脚手架之后,就可以找一个例子来本地运行一下了,如果环境还没有安装好,参考:基于mpvue的小程序项目搭建的步骤:https://blog.csdn.net/qq_36538012/article/details/80748367 以mpvue音乐小程序项目源码/mpvue...

2019-01-27 16:08:00

阅读数 145

评论数 0

原创 jQuery实现动态添加和删除(点击按钮添加在页面添加和删除元素)

1:点击添加按钮弹出弹框,form表单可以填写相关的信息 2:点击保存按钮,相关信息会显示在界面的列表里 3:鼠标滑动界面列表的标签,会出现删除按钮的图标,点击删除成功 4:代码如下,可以根据需要自行修改(可能会有多余的代码,但是不会影响效果) <!D...

2019-01-26 10:39:00

阅读数 584

评论数 0

原创 JavaScript实现input框获取系统默认年月日时分秒

这是对旧的已上线项目的维护之中优化的一个部分,要求是在input框里面默认当前系统的时间。实现如下图所示的效果。 我这里用的是一款日历插件:jedate-开始使用一款好用的时间插件:https://www.jianshu.com/p/961c...

2019-01-25 01:53:00

阅读数 1378

评论数 0

原创 如何运行查看github上的项目-以今日头条(移动端)为例

vue慢慢的成为前端的主流框架,虽然目前公司业务木有用到这一块的知识点,但小婷决定,每天花一两个小时的业余时间来学习知识点,以免被前端同行逐渐抛弃。 这是vue官方文档:https://cn.vuejs.org/,很简洁,但总归会遇到一些看不明白的问题,这...

2019-01-24 11:43:00

阅读数 754

评论数 0

原创 小程序云开发全套实战教程(最全)

前言: 在学习云开发的时候将自己的学习过程记录下来了,放在了网上,收获了一波好评,今天下午在办公室没有事情,也发现之前有人在博客里面评论,你这个教程还有一半哩,可能是csdn的自动搬运功能出来一点小问题,没有搬运成功吧,这里就手动复制粘贴成为一篇了,篇幅比...

2019-01-23 14:22:00

阅读数 5163

评论数 2

原创 Webstorm的安装和使用基础教程

说一下使用Webstorm的原因,在此之前,我一直使用的是HBuilder编辑器,最近使用小程序框架mpvue开发,由于微信开发者工具对vue不太友好,vue编写界面无法查看,大家就推荐了Webstorm。 于是,使用了大家推荐的这一款号称前端开发领域最好...

2019-01-23 11:21:00

阅读数 601

评论数 0

转载 知道这20个正则表达式,能让你少写1,000行代码

正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。 正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码: var re...

2019-01-22 14:00:00

阅读数 252

评论数 0

转载 可以免费自学编程的12个网站

编程学习 很多人包括一些企业家,和市场营销人员都认为学习编程对一个人走向成功十分有帮助。在过去的一年里,我一直在学习编程。它有助我成为一个更好的创业者,我甚至可以提供一些帮助,当我的团队需要解决一些bug的时候。 现在,如果你想学编程的话,这12个网站可以帮助你,它们都提供了免费的课程供你...

2019-01-22 13:59:16

阅读数 545

评论数 0

转载 【干货】让你薪资翻10倍的网站 大学生与职场人请收藏

作为一个过来人,真的想谈谈。不管你现在是学生,还是参加工作不久,希望这篇文章都可以帮到你。 重在实践 想要成为一个优秀的人,应该不管在什么样的情况下都停止抱怨。其实,这中间只差一个选择。你本可以让自己有个脱胎换骨的蜕变,可能就在抱怨中,会让自己变得平庸。如何让自己变得优秀,就是选择正确的方...

2019-01-22 13:58:37

阅读数 458

评论数 0

原创 适合初学者练手的vue小项目(附github源码)

vue慢慢的成为了前端最受欢迎的框架之一,在很多项目之中开发都能用得到,如今也已经发展到3.0了,可能是因为这个框架可以提高工作效率,因此受到大家的追捧,在之前的文章里面也说过,2019年,大前端学习小程序和vue是必备技能。 如果在平时的工作里,有些公司...

2019-01-22 10:04:00

阅读数 14823

评论数 1

原创 小程序读取几种不同格式json数据(小程序json解析)

小程序json解析第一种格式 that.setData({ goldData: res.data.result[0], //result里多了个{}所以要标个[0] }) 1:解析这个json:http://www.i...

2019-01-21 09:33:00

阅读数 1988

评论数 0

原创 小程序右上角的胶囊颜色怎么修改?

在群里看到这样的一个问题,小程序右上角的胶囊颜色怎么修改?给小程序设置了头部背景之后,右上角的胶囊颜色却是透明的,和别人的相比: 我的是这样的 别人的是这样的: 一开始是一脸懵,这个颜色还能修改吗,难道不是默认的,手动尴尬,以为是自定义的,后来才发现只需要修改app...

2019-01-20 01:17:25

阅读数 237

评论数 0

原创 小程序循环列表删除当前选中列表的方法

需求:点击解绑按钮的时候,会删除当前所点击的列表. 点击试驾按钮的时候,左侧的图标会变成按钮一样的颜色。 代码片段: 删除和试驾的方法 wxml: <view class="inner del"> <span class="dra...

2019-01-19 21:22:43

阅读数 11

评论数 0

原创 小程序wx.switchTab的跳转传参问题

这篇文章demo是为了一个粉丝(实力宠粉,手动微笑,哈哈)写的,正好今天周五,时间还是比较多的,不急着回家,因为回家也是玩游戏,留在办公室里面还可以多学习一些知识。和这篇文章类似,小程序扫码成功后带着参数跳转到指定页面,不同的地方是tab页的跳转。 但是,在小程序开发文档里面,我们发...

2019-01-18 20:14:12

阅读数 272

评论数 0

原创 微信小程序插入视频video标签

其实效果很简单,原理就是使用video标签,插入一段视频链接即可。 视频链接是在网站上找到的。 wxml &lt;video style="height:240px;width:320px;" src="...

2019-01-18 08:40:00

阅读数 1522

评论数 0

原创 小程序:下拉刷新的简单方法"enablePullDownRefresh": true

在小程序里面加上一个下拉刷新的原因是为了优化用户的体验,有时候会遇到这样的一种情况,用户的网络比较慢,那么该出现的内容就出现的很慢,如果有下拉刷新的功能,就会给人一种需要等待一下下一秒就会出现内容的感觉,而不是空白页或者这个小程序有bug之类的疑问。 参考API:下拉刷新 其实很简单...

2019-01-17 08:32:32

阅读数 93

评论数 0

原创 小程序顶部自定义导航栏添加背景图的实现

官方文档:navigationStyle 导航栏样式,仅支持 default/custom。custom 模式可自定义导航栏,只保留右上角胶囊状的按钮)。 参考API:自定义导航栏 1:打开app.json,添加属性"navigationStyle":"custom...

2019-01-16 08:14:40

阅读数 340

评论数 0

原创 微信小程序默认获取聚焦事件

在input里面设置focus &lt;input type="text" focus="{{inputShowed}}" /&gt; 左边的是input没有获取焦点事件,也没...

2019-01-15 11:07:00

阅读数 652

评论数 0

原创 小程序js控制图片属性隐藏

需求: 1:进入小程序的时候,如果没有绑定,没有授权等,就不展示后端的数据,展示一些类似于“空空如也”的图片或者提示 2:如果授权或者绑定数据,则战死具体的列表数据 部分代码: wxml <view class='back'> <im...

2019-01-14 10:13:14

阅读数 41

评论数 0

原创 小程序中点击子元素事件而不触发父元素的点击事件

在测试小程序的时候,发现了这样的一个bug,点击子元素事件d的时候触发父元素的点击事件,从而执行父级的点击事件,跳转到了父级的点击事件的页面了。 其实很简单,只需要把子级的bindtap改成catchtap,就可以了。 ...

2019-01-13 12:43:00

阅读数 3431

评论数 0

原创 小程序webview组件嵌H5页面,安卓手机没有问题,苹果有部分页面不显示

小程序上线之后的有一天,发现了一个bug,同事说点击列表的时候会进入一个状态界面,这个界面是H5页面,但是在苹果手机上却是空白的。这涉及到了小程序webview组件嵌H5页面,安卓手机没有问题,苹果有部分页面不显示 问题。 对webview以下的这些坑进行一一排查: 并...

2019-01-12 12:34:55

阅读数 96

评论数 0

原创 小程序搜索弹出搜索内容功能(模糊查询)

功能:在搜索界面,搜索输入的字符,如果有匹配,就会显示出来。 wxml <view class="page"> <view class="page__bd"> <view class="we...

2019-01-11 09:50:26

阅读数 412

评论数 0

原创 Node.js新手在哪儿找小项目练手?

话不多说,任何一门技术从入门到熟悉,找项目来练手,着手做项目是一个必不可少的过程,找了很多项目进行参考,各种类型的源码看下来,就没有什么难倒你的了。 1: cmswing/CmsWing 一款基于ThinkJS(Node.js MVC)和MySQL的功能强大的(PC端,手机端和微信公众平台)电子商...

2019-01-10 10:58:39

阅读数 50

评论数 0

原创 mpvue踩坑-未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译

在网上找了一个开源的项目,但是打开的时候没有显示文件,控制台报错 未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。 解决方法一: 改变根目录project.config.json文件的miniprogramRoot属性,改为dist/wx/,也就是build后的路径 ...

2019-01-10 09:25:09

阅读数 22

评论数 0

原创 mongoDB入门教程五:搭建一个简单的登陆注册界面

一:数据库开启开始连接连接MongoDB 1:打开一个cmd窗口(右键以管理员身份)来运行mongo.exe。同样打开bin文件,执行mongo.exe cd\ cd Program Files\MongoDB\Server\4.0\bin 2:输入连接命令 mongo ...

2019-01-09 10:23:27

阅读数 16

评论数 0

原创 mongoDB入门教程四:安装Node+express环境支撑

mongoDB搭建完成之后,可以做很多小的项目,常见的又搭建简易的登陆系统,搭建博客等等,最重要的支持就是要用到Node+express,所以顺便把这些也写一写,接下来要做的是一个基于mongoDB+Node+express搭建的登陆注册的后台管理系统流程示例。 官方教程:http://www....

2019-01-08 14:57:58

阅读数 6

评论数 0

原创 2018年工作年度总结(前端开发)

岁月不居,时节如流,2018年不经意又在指尖滑过,去年写的总结报告仿佛就在眼前,花了一个上午的时间,开始回想这一年来自己做过什么样的项目,做过什么样的努力,又从中获得了什么,结论是,总体情况,稳中有升,年初写下的那些计划也已经一一完成,对于过去的18年,没有什么遗憾了。 主要工作 项目一:嘉定看守...

2019-01-07 15:30:16

阅读数 1052

评论数 0

原创 mongoDB入门教程三:数据库的创建和删除(增删改查)基本命令

1:创建数据库 use student 打开可视化数据库工具,可以看到创建的student数据库 2:必须插入一个数据。 数据库中不能直接插入数据,只能往集合(collections)中插入数据。 db.student.insert({"name&quo...

2019-01-06 20:50:36

阅读数 9

评论数 0

原创 mongoDB入门教程二:推荐一款好用的mongoDB可视化工具Robo 3T

MongoDB的环境搭建完成之后,连接上了数据库之后,这个时候对数据库的一些操作是枯燥无味的,需要一款辅助的工具,也就是可视化的工具,对于每一步操作都可以看见实际的操作效果。 继续来看mongoDB可视化工具 1:下载安装和使用Robo 3T:https://robomongo.org/downl...

2019-01-05 20:41:50

阅读数 13

评论数 0

原创 mongoDB入门教程一:下载安装和环境配置、连接运行

MongoDB 是一个基于分布式文件存储的数据库, 是一个介于关系数据库和非关系数据库之间的产品。很久之前就已经学习过这个知识点,现在终于在工作之中用到,又重温了一遍,有点感到小幸运,庆幸自己还记得入门的时候的一些操作,现在用起来才不至于生疏...

2019-01-04 09:40:00

阅读数 109

评论数 0

原创 小程序云开发实战七:云开发首页列表跳转详情页

1:实战六之中,列表页已经完成,现在新建一个详情页,打开app.json,"pages/details/details",,自动生成了一个详情页 2:打开首页列表页代码,绑定详情按钮跳转事件 wxml: &a...

2019-01-03 08:34:00

阅读数 312

评论数 1

原创 小程序云开发实战六:云数据库读取的数据显示在小程序端列表里

读取数据在之前也有详细的写过案例了,现在用在项目里面,很容易就能理解了。 参考的读取api,请点击:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/read.html 1:初始化 实例和book方法 ...

2019-01-02 09:40:27

阅读数 155

评论数 0

原创 小程序云开发实战五:如何将获取到的API数据存入云数据库里面

之前的文章里面已经详细写过像云数据库里面插入数据的方法,现在用在实际项目里面再写一遍。 1:使用数据库的时候,首先要进行初始化 云开发数据库文档: https://developers.weixin.qq.com/miniprogram/de...

2019-01-01 11:19:00

阅读数 1341

评论数 3

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