自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

张新丁

WEB前端工程师/PHP工程师-技术笔记

  • 博客(216)
  • 资源 (8)

原创 Node.js- MongoDB操作-文档查询

11.文档查询1.查询 (1)方法Db.collName.find() --查询所有文档(数据) Db.collName.findOne() --查询满足条件的第一个文档(数据) Db.collName.find().pretty() --返回易读的格式 Db.collName.find().count() --集合中文档(数据)的数量 Db.collName.cou...

2019-03-14 12:35:19 479

原创 Node.js- MongoDB操作-文档删除

10. 删除文档(1)方法Db.collName.deleteOne() Db.collName.deleteMany() Db.collName.remove()(2)语法db.collName.remove( <query>, { justOne: <boolean>, writeConcern: &l...

2019-03-14 12:14:52 302

原创 Node.js-MongoDB操作-文档更新

9.文档的更新(1)方法 Db.collName.updateOne() Db.collName.updateMany() Db.collName.update() Db.collName.relpaceOne()(2)语法db.collName.update( <query>, <...

2019-03-14 12:09:46 1162

原创 Node.js- MongoDB操作-添加文档

8. 添加文档(1)方法 Db.collName.insertOne() Db.collName.insertMany() Db.collName.insert() 若指定ID,只能添加,不能修改 Db.collName.save() --可以修改和添加数据(2)语法Db.collectio...

2019-03-14 11:55:07 163

原创 Node.js- MongoDB操作-集合操作

7. 集合操作(1)创建集合 Db.createCollection(‘collName’,options); options是对象,指定集合特性,可以省略(2)查看帮助 Db.collName.help(); --db.collName是对象,查看该对象下的方法(3)集合状态 db.printCollectio...

2019-03-14 11:50:42 223

原创 Node.js-MongoDB操作-数据库操作

6. 数据库操作(1)帮助 Help --查看帮助 Db.和help() --db对象的方法 属性(2)切换/创建 数据库 Use dbname 当创建一个集合(collection)的时候会自动创建当前数据库(3)查看所有数据库 Show dbs; Db.getCol...

2019-03-14 11:47:40 71

原创 Node.js-MogoDB操作-连接

5. 连接MongDB服务(1) 连接 mongo host:port/database -u user -p password Host MongDB服务器的主机名(地址),默认localhost Port MongDB服务器端口,默认27017 Database连接后打开的数据库,默认test首先,连接上:命令mongo(...

2019-03-14 11:40:51 70

原创 Node.js-MongoDB客户端工具和基本概念

4. MongoDB客户端工具和基本概念(1)GUI客户端工具 Robo3T:https://robomongo.org/ Nosqlclient:https://github.com/nosqlclient/nosqlclient/ NoSQL Manager for MongoDB:https://www.mongodbmanager.com...

2019-03-14 11:36:10 133

原创 Node.js- MongoDB在MacOS中安装

3.MacOS下安装(1)安装brew 打开终端,执行 /usr/bin/ruby -e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)" brew官网: https://brew.s(2)安装MongoDB...

2019-03-14 11:02:41 47

原创 微信小程序---左右滑动(图片列表)

index.wxml:<view class="scroll_box" > <scroll-view class="scroll-view_x" scroll-x style="width: auto;overflow:hidden;"> <view class="item_list"> &a

2019-03-13 15:29:25 3483 1

原创 微信小程序---多项选中(单选)

index.wxml <view class='list'> <view class='colorList' bindtap='toggleBtn' id='1'> <view class='white'> <view class="{{idx==1?'show':'hidden'}}"> ...

2019-03-13 15:21:24 1788

原创 微信小程序---弹框渐变动画(wx.createAnimation)

index.wxml<view class='bottom' bindtap='showModal'>选择颜色</view><!--弹框--><view animation="{{animationData}}" class='maskLayer' wx:if="{{showModalStatus}}"> <view class=

2019-03-13 15:15:48 4508 1

原创 微信小程序-Tab标签

index.wxml <view class='itemContent'> <!--标签--> <view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap=

2019-03-13 15:01:39 218

原创 微信小程序--解析富文本编辑器HTML

1. index.wxss 中引入wxParse.wxss文件@import "../wxParse/wxParse.wxss";2. index.wxml页面 中引入wxParse.wxml文件<import src="../wxParse/wxParse.wxml" />3. index.js页面 中引入wxParse.js文件var WxParse = ...

2019-03-13 14:48:06 600

原创 微信小程序---支付功能(签名失败)

wx.requestPayment({ 'appId': res2.data.result.result.appid, 'timeStamp': res2.data.result.result.timestamp + '', 'nonceStr': res2.data.result.result.noncestr, 'package': 'prepay_id=' ...

2019-03-13 14:22:05 1398 1

原创 微信小程序---单张图片上传到七牛

单张图上传到七牛:const qiniuUploader = require("../../../utils/qiniuUploader"); // 路径要自己搞定Page({ didPressChooseImage: function() { var that = this; // 选择图片 wx.chooseImage({ count: 1,...

2019-03-13 14:08:20 422

原创 微信小程序---多图上传到七牛,并从七牛传到服务器(多图上传和重命名)

实现本地图片上传--->七牛---->服务器1.调取图片上传wx.chooseImage({})2.将上传的图片拼接成数组,并重命名3. 上传至七牛,成功后返回key值,拼接成字符串后 在 SDK 目录下找到 qiniuUploader.js 文件,在需要使用上传功能的页面引用 qiniuUploader.js 文件, 该方法四个参数,上传成功的回调函数返回了成功...

2019-03-13 11:47:32 1127

原创 微信小程序---手机照片上传和删除

wxml: <view class="gallery"> <!--显示图片--> <view class="item" wx:for="{{images}}" wx:key="index"> <image src="{{item}}" data-src="{{item

2019-03-12 16:46:01 494

原创 微信小程序--截取时间年月日

主要是:let dataList = res.data.result.data; //获取到的数据 dataList.forEach((item) => { item.date = item.date.substring(0, 10); //要截取字段的字符串})例子:wx.request({ url: 'https://xxx', ...

2019-03-11 18:12:52 1702

原创 微信小程序--打电话

wxml:<view class='tel' bindtap='tel'>客服</view>js: // 客服 tel: function() { wx.makePhoneCall({ phoneNumber: '123456', }) }

2019-03-11 18:09:23 135

原创 微信小程序-点击按钮内容显示和隐藏,并且文字改变

wxml:<!--按钮--><view class="more" bindtap="showedit">{{editText}}</view><!--内容--><view class="delete {{editTrue?'isRuleShow':'isRuleHide'}}"> &amp

2019-03-11 17:56:22 14415

原创 微信小程序--open-data获取用户头像实现头像圆角

index.wxml:<view class="userinfo-avatar"> <open-data type="userAvatarUrl"></open-data></view>wxss:.userinfo-avatar { text-align: center; margin: 0 auto; overf...

2019-03-11 17:46:36 1214

原创 微信小程序--wx:for循环多个嵌套数组

读取数据,数组下有多个数组:wxml页面上显示:wx:for="{{photo}}" wx:for-item="dayItem" wx:key="{{dayItem.id}}"wx:for="{{dayItem.color}}" wx:key="{{item.colorId}}"例子: <view class="scroll_box" wx:f

2019-03-11 17:36:44 11273 1

原创 微信小程序--防止页面多次点击,多次跳转,多次执行函数

解决办法:就是函数节流(throttle):函数在一段时间内多次触发只会执行第一次,在这段时间结束前,不管触发多少次也不会执行函数。util.js:function throttle(fn, gapTime) { if (gapTime == null || gapTime == undefined) { gapTime = 1500 } ...

2019-03-11 16:01:35 1958 3

原创 微信小程序-wx.showToast自定义显示图片

提示错误,自定义图片wx.showToast({ title: '保存失败', image: '../image/error.png', duration: 1000})提示完成之后进行的操作wx.showToast({ title: '正在打印中', icon: 'success', duration: 3000, succ...

2019-03-07 16:01:29 6841

原创 小程序-转发分享功能

点击又上角--转发或者button按钮分享<button class='share' open-type="share" hover-class="none"> <image src="https://data.bphotos.cn/share.png" mode="widthFix"></image>

2019-03-07 15:59:37 612 1

原创 微信小程序-自定义头部导航

先展示效果:步骤一:app.json:中添加"window": { "navigationStyle":"custom" }步骤二:app.js:获取手机系统信息及导航高度App({ onLaunch: function (options) { // 获取手机系统信息 wx.getSystemInfo({ success...

2019-03-07 14:39:14 8348 2

原创 微信小程序-获取swiper-item中image的值(item-id)

滑过一个图片获取该图片的id,或者打印其他的item值只需要加:item-id="{{item.id}}" <swiper bindchange="swiperchange"> <block wx:for="{{photos}}" wx:key='{{item.id}}'> <swiper-item item-id="{{item.i.

2019-03-01 15:37:59 4841

原创 微信小程序-下载照片到本地

xml:<view class='btn download' bindtap="downloadphoto"> <image src='../../image/btn_1.png' mode="widthFix"></image> <text>下载照片</text> </view

2019-03-01 15:22:22 932

原创 微信小程序-截取时间字符串(显示年月日)

主要用到:substring(0, 10)js:var that = this wx.request({ url: 'https://xxxxx', headers: { 'Content-Type': 'application/json' }, method: 'GET', ...

2019-03-01 15:19:42 5058

原创 小程序-swiper高度自适应,改变默认高度

swiper高度问题一直困扰我。今天终于有时间来解决一下。因为他的高度不能固定死,写死其他数据展示不完全,不写或者100%,auto都不行。翻了一堆资料也查了很多,最后总结一下。1.很多人都说用一种方法。就是高度*数量,也就是所说的获取数据数组长度,根据数据长度来动态改变每页的长度,因为字号啊什么的在各个手机显示不一定都相同,总感觉不是解决问题的最佳方法。2.使用Swiper+scroll-v...

2019-02-28 11:21:03 16185 14

转载 小程序font-family字体设置

适用于HTML,CSS,font-family:中文字体的英文名称宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋_GB2312 FangSong_GB2312楷...

2019-02-15 11:10:23 8566

原创 微信小程序-设置本地缓存和读取

 设置:wx.setStorage({ key: 'number', data: res.data.result.number})读取: wx.getStorage({ key: 'number', success: function(res) { that.setData({ ...

2019-02-12 17:12:57 5066

原创 微信小程序-其他page中js读取app.js中的变量

const app = getApp();Page({ data: { userInfo: app.globalData.userInfo }}) 

2019-02-12 17:06:29 3281

原创 微信小程序---点赞(图片和点赞数更改)

index.wxml<view class='btn_01'> <image src="{{favor_img}}" bindtap="dianzan" wx:if="{{liked==1}}" mode="widthFix"></image> <image src="{{favor_img2}}&

2019-02-12 17:01:27 5709 2

原创 微信小程序---评论功能实现

index.wxml:提交评论: <!-- 评论 --> <!--textarea--> <view class="message"> <form bindsubmit="formSubmit" class='form'> <input type="text" na

2019-02-12 16:48:37 7018

原创 微信小程序---搜索功能并跳转搜索结果页面

搜索页面:search.wxml页面: <view class="form"> <input class="searchInput" value='{{keyWord}}' bindconfirm='goSearch' placeholder="请输入搜索关键字" type="text" /> </view>

2019-02-12 16:20:58 8656

原创 微信小程序---强制用户授权登录

wxml页面:<!--index.wxml--><view class="login" wx:if="{{!hasUserInfo && canIUse}}"> <view wx:if="{{canIUse}}" class='login'> <view class='header'>

2019-02-12 16:06:08 4655

原创 Node.js-MongoDB安装

2. MongoDB安装(1) Windows下安装第一步:下载         官网下载列表:https://www.mongodb.org/dl/win32         注意下载合适版本,大部分版本是X64,x86请下载win32-i386版本         下载*-signed.msi版本,可双击安装         第二步:安装       双击安装,...

2018-12-29 18:28:18 60

原创 Node.js-MongoDB简介

简介           (1) 数据库                 数据库(Database)是按照数据结构来组织、存储和管理数据的仓库。            分类:                  关系型数据库(SQL结构化查询语言,数据的增删改查)                 非关系型数据库(noSQL)          常见数据库:         ...

2018-12-26 17:31:50 64

alert和confirm弹出框样式美化2

alert和confirm弹出框样式美化,可以自定义编辑弹框样式

2018-12-21

alert和confirm弹出框样式美化

alert和confirm弹出框样式美化,可自定义颜色和样式,无须调用浏览器自带弹框。

2018-12-21

纯CSS3炫酷元素边框线条动画特效

纯CSS3炫酷元素边框线条动画特效 ,自 动 循 环运动。

2018-12-21

鼠标滑过图片-多种边框效果

当鼠标滑过图片,图片的边框展示效果,该页面分为多个不同效果。

2018-12-21

超绚丽的HTML5地图分布动画

超绚丽的HTML5地图分布动画,每个区域展示不同的效果。

2018-12-21

超炫CSS3六边形菜单动画特效

鼠标滑过六边形,一个点围着六边形转一圈,鼠标离开回到原点。

2018-12-21

ES6-基础学习笔记

ES6基础学习笔记,记录基础知识和小demo,与大家分享,欢迎指点。

2018-08-24

微信分享接口

调用微信公众平台分享朋友圈、分享好友、分享QQ等接口。

2018-08-24

空空如也

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