自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(160)
  • 资源 (6)
  • 收藏
  • 关注

原创 免费 前端开发常用网站

话不多说,直接进入主题:首先百度更百度翻译是必备的在开发的过程中遇到问题是避免不了的,如果不会就可以百度一下就算么有原封不动的答案,至少也有解决的思路:1.百度2.百度翻译其次便是给中开发文档,文档中的内容不一定要都记下来,但一定要记得大概有些什么,用到的时候直上文档中查询:3.W3 school的 html54.JavaScript菜鸟5.ECMAScript 6...

2019-11-20 23:33:18 139

转载 git常用命令大全

1.强制推送(慎用,除非你认为其他冲突等可以丢弃 或者不是很重要)git push -- force2.创建文件等小命令 touch a // 创建一个a文件 echo 1234 >> a // 把1234这个内容放入a文件 cat a // 打开a文件 读取出a文件中的内容 mkdir test // 创建test文件夹 rm 文件名 // 删除文件 pwd // 打印当前工作路径 3.安装git的时候 都会安装g.

2020-11-20 13:49:32 17

原创 uniapp 公共方法封装 公共请求封装

一般我都习惯把公共js封装到util这个文件夹下常见的的方法,手机号验证,邮箱验证等方法我都会写到util下的util.js里目录:util.js代码-------------------------完整的验证封装代码--------------------------//校验邮箱格式function checkEmail(email) { return RegExp(/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_

2020-11-17 16:49:58 89

原创 js缓存三种方法

1.使用sessionStorage、localStorage存储数组与对象localStorage对象是HTML5的客户端存储持久化数据的方案。为了能访问到同一个localStorage对象,页面必须来自同一个域名(子域名无效),使用同一种协议,在同一个端口上。过期策略:localstorage永久存储,不过期,除非手动删除,sessionstorage在重启浏览器、关闭页面或新开页面时失效。localStorage是Storage类型的实例。有以下的几种方法:①clear():删除所有值

2020-10-24 21:50:36 77

原创 微信小程序锚点

<view> <view class="flexRow tab_bo {{top>550 ? 'topnav' : ''}}"> <view class="tab" bindtap="jumpTo" data-tab_index="item0"> <view class="text" style="color:{{toView=='item0'?'#000':''}}">商品详情</view> ...

2020-10-16 11:34:55 39

原创 微信小程序,修改按钮Button尺寸(宽度或高度)

当前版本的微信小程序,在.wxss文件里设置Button宽度无效,例如:button { width:48rpx; height: 48rpx; padding:0;}无论如何调整width,Button的宽度都不会有变化,有博主提出,要把 app.json里的 style: v2语句删掉。这样虽然也可以解决问题,但会导致全局的样式变化。我在测试中发现了另一种较好的解决方法,即在<button>标签中直接写 style,例如:<button style...

2020-10-12 10:43:59 455

原创 微信小程序活动倒计时

示例效果图:案列效果图代码引用页:{ "usingComponents": { "dataTime": "../../../component/dataTime/index" }}<block wx:for="{{body}}"><countDown bind:onEnd="getPageList" format="{{formatTime}}" target="{{item.createDateNum}}" />&l.

2020-09-22 14:39:51 40

原创 微信小程序下拉刷新配置

在页面的app.json文件中配置 :enablePullDownRefreshfalse:禁用刷新 true:开启刷新{"enablePullDownRefresh":false}每一个小程序页面都可以使用.json文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖app.json的window中相同的配置项。...

2020-09-15 16:58:50 29

原创 获取component组件的参数

获取界面代码{ "usingComponents": { "data_soso":"/component/hexiao/data_soso/index" },} onMyEvent: function(e){ aa:'aa' // 自定义组件触发事件时提供的detail对象 }, <data_soso bindmyevent="onMyEvent" /> component组件代码<view class="to...

2020-08-20 15:04:51 176

原创 微信小程序2D canvas绘制分享海报

效果图:wxml<view> <canvas type="2d" id="canvas_box" style="width:260px;height:430px "></canvas> <button class='bottom' catchtap="bc" canvas-id="mycanvas"> 保存到相册 </button></view>type:指定 canvas 类型id:canvas ...

2020-08-05 17:10:17 420 2

转载 小程序云开发获取手机号完整代码

小程序云开发获取手机号完整代码效果图:小程序代码<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">登录</button> getPhoneNumber: function (e) { var that = this; if (!e.detail.errMsg || e.detail.errMsg != "getPhoneNumber:ok") .

2020-07-29 11:03:31 111

原创 微信小程序template与component的使用方法

a页面引用b页面的模板b页面的代码<template name="a"> <view>AAAAAAAA</view></template><template name="b"> <view> BBBBBBBBBB </view></template><template name="c"> <view> CCCCCCC </view></

2020-07-28 17:39:11 61

原创 微信小程序定位的input与textarea输入框placeholder随屏幕滚动bug

input的把input输入框改为textarea然后加上属性 fixed="true"就可以了<textarea class="textarea" placeholder="不超过12个字" fixed="true" bindinput="qt_text" value="{{sr_text}}"></textarea>

2020-07-13 14:41:07 460

原创 颜色渐变

公用代码<view class="flex_w"> <view class="bgrc"> </view></view>.flex_w view {height: 80rpx;color: #fff;margin:100rpx;text-align: center;}一.线性渐变1.上下渐变.bgrc{ background: linear-gradient( rgb(252, 165, 209), rg...

2020-06-19 15:00:17 69

原创 canvas字体加粗

效果图: ctx.font = 'normal bload 36px Arial,sans-serif '

2020-06-18 15:47:57 866 3

原创 微信小程序--分类选择区域滚动到顶部时固定

实现思路:根据小程序自带的组件scroll-view自带有属性bindscroll(滚动时触发)。通过这个属性获取浏览器滚动条距离顶部的位置,通过这个位置判断class类的显示就可以了效果: <scroll-view style="width:100%;height: 100%;" scroll-y="true" bindscroll="scrollTopFun"> <view class="top_tab_bo"> <scroll-v...

2020-06-17 10:37:32 249

原创 微信小程序时间戳转时间,时间转时间戳,活动倒计时,清除定时器

1.时间转时间戳 dataTime(){ //获取当前时间戳 var timestamp = Date.parse(new Date()); timestamp = timestamp / 1000; console.log("当前时间戳为:" + timestamp); //获取当前时间 var n = timestamp * 1000; var date = new Date(n); //年 var Y = date.get

2020-06-09 10:36:11 276

原创 微信小程序富文本解析

<import src="../../wxParse/wxParse.wxml"/> <view class="wxParse"> <template is="wxParse" data="{{wxParseData:article.nodes}}"/></view><view style="padding: 20px 10px; background-color:#eee;"> <block wx:for="...

2020-06-05 11:25:28 103

转载 微信小程序聊天室 前后端源码附效果图和数据库结构图

出售聊天室完整源码,也可定制开发微信小程序。扫码加微信详聊微信小程序开发交流qq群 173683895 、526474645 、581478349;正文:<!-- <button bindtap='close'>关闭</button><button bindtap='open'>打开</button> --&g...

2020-05-13 18:34:03 3814 4

原创 微信小程序分享功能,保存图片分享朋友圈功能,canvas基础

效果图具体步骤都注释到代码里面了 如有疑问请加q群:581478349 进行咨询<view class="show_bg" wx:if="{{share_show=='show'}}"> <view class='share'> <canvas canvas-id="shareCanvas" style="width:300px;height:330px"></canvas> <button class='bot...

2020-05-13 18:17:43 226

原创 微信小程序上拉加载更多,下拉刷新,禁止下拉刷新

一.1.在app.josn中配置 "enablePullDownRefresh": true,2. // 上拉 onReachBottom: function() { console.log('上拉加载更多') }, // 下拉 onPageScroll: function(e) { console.log('下拉刷新') },二.禁止下拉刷新1.在需要禁止的josn中配置"enablePullDownRefresh": false2.

2020-05-13 17:47:35 198

原创 微信小程序header

1.POST请求头 header: { "content-type": "application/x-www-form-urlencoded" },wx.request({ url: '', data: '', header: { "content-typ...

2020-05-06 12:13:36 243

原创 正则匹配手机号

let phon = this.data.phon var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/; if (phon.length == 0) { wx.showToast({ title: '输入的手机号为空', ic...

2020-04-22 16:30:51 201

原创 存取缓存

1.存缓存var a = '1'wx.setStorageSync('a', a)2.取缓存var b = wx.getStorageSync('a')console.log('输出为:b =' b)

2020-04-22 15:44:58 69

原创 div盒子水平垂直居中的方法

<div class="wrapper"> 我不知道我的宽度和高是多少,我要实现水平垂直居中。</div>一、盒子没有固定的宽和高1.Transforms 变形这是最简单的方法,不仅能实现绝对居中同样的效果,也支持联合可变高度方式使用。内容块定义transform: translate(-50%,-50%) 必须加上top: 50...

2020-04-21 17:33:38 97

原创 微信小程序禁止轮播手动滑动

<swiper current="{{tab_text}}" > <swiper-item catchtouchmove="stopTouchMove"> </swiper-item> </swiper>// 禁止轮播手动滑动stopTouchMove: function () {re...

2020-04-14 17:56:17 282

原创 微信小程序云开发智能人机聊天室(可以语音转文字 文字转语音的)

jsconst app = getApp();//引入插件:微信同声传译const plugin = requirePlugin('WechatSI');//获取全局唯一的语音识别管理器recordRecoManagerconst manager = plugin.getRecordRecognitionManager();const db = wx.cloud....

2020-03-20 10:52:48 213

原创 php对象转化为字符串

php对象变为字符串: json_encode()字符串变为php中的对象: json_decode()

2020-03-08 06:35:08 436

原创 微信小程序云开发模糊匹配

db.collection("rjNews").where({ title: { $regex: '.*' + a + '.*', $options: '1' }rjNews 表名title 字段名a 匹配是文字options 1为不分大小写...

2020-03-04 15:13:06 228

原创 文本缩进、换行、单行文本溢出显示省略号、多行文本的最后一行溢出显示省略号

1. text-indent: 40rpx;文本缩进 .title { width: 550rpx; text-indent: 40rpx;}2. word-wrap: break-word; 文本超出换行.title { width: 550rpx; word-wrap: break-word;}3. 单行文本溢出显示省略号...

2020-02-22 18:12:26 230

原创 微信小程序聊天室(云开发)

在写聊天是之前我们可以先看一需要建四个云数据表,user(用户列表),qunList (群列表),qunUserList(群用户列表),news(消息列表)接下来就是页面布局,这个布局看个人其需求我这里就讲讲大概逻辑,数据的增删改查我上篇文章已经讲过了,今天我就不详细写了一.登录1.必须有个授权按钮,授权之后将用户基本信息跟opinId存入缓...

2020-02-19 21:38:55 2090 4

原创 HTML 颜色

RGBA 的意思是(Red-Green-Blue-Alpha)它是在 RGB 上扩展包括了“alpha”通道,运行对颜色值设置透明度。div {background:rgba(255,0,0,0.5);}相对于使用 rgb(255,255,0),使用 rgba(255,255,0,0.5) 可以实现设置颜色透明度的功能,这里的 0.5 表示透明度,范围 0~1,0 表示全透明...

2020-02-19 17:22:24 100

原创 微信小程序云开发数据库增删改查

一.初始化const db = wx.cloud.database()二.插入数据1.todos 数据库表的名称2.data 字段表示需新增的 JSON 数据页面写法:db.collection('todos').add({ data: { due: new Date("2018-09-01"), }, success: funct...

2020-02-19 16:20:47 409

原创 微信小程序云开发 调用云函数,云函数接收参数并返回

一.调用云函数 1.name:'云函数的名称' 2.data 传给云函数的参数 3.success(){}, 成功回调4.fail(){}, 失败回调 wx.cloud.callFunction({ name: "openId", data:{ ...

2020-02-18 03:02:12 4419

原创 forEach循环

let list = [] list.forEach((value, i) => { console.log('i:', i, 'value:', value) });

2020-02-14 21:26:27 71

原创 jQuery 选择器

1.基本选择器$("#id") //ID选择器$("div") //元素选择器$(".classname") //类选择器$(".classname,.classname1,#id1") //组合选择器2.层次选择器$("#id>.classname ") //子元素选择器$("#id .clas...

2020-01-19 15:23:19 51

原创 uni-app components组件传参

传参组件页面<button style="margin-bottom: 20px;" @click="fx"><cover-image src="/static/img/shared.png"></cover-image></button>fx(){ console.log(1) this.$emit("fz","tru...

2020-01-17 22:23:24 1515

原创 uni-app点击预览图片

<image :src="info.shopLogoUrl" @tap="_previewImage(info.shopLogoUrl)" mode="widthFix" > _previewImage(image) { var imgArr = []; imgArr.push(image); //预览图片 uni.previewImage({...

2020-01-13 21:57:46 7031

原创 jQuery 效果

首先引入jquery<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">1.隐藏和显示<p>如果你点击“隐藏” 按钮,我将会消失。</p><button id="hide">隐藏</button><button id="show...

2020-01-12 22:56:48 64

原创 jQuery - AJAX get() 和 post() 方法

一.两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。GET- 从指定的资源请求数据 POST- 向指定的资源提交要处理的数据 GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。 POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。二.使用方法1.引入jquery...

2020-01-11 12:39:30 63

2Dcanvas.zip

2Dcanvas示例,2Dcanvas基础用法,2Dcanvas绘制海报,保存相册

2020-08-05

云开发聊天室(2).zip

微信小程序云开发的群聊聊天室,自己建群建群分享群聊聊天室,授权加入聊天室,支持发送文字,发送图片,发送语音

2020-04-22

微信小程序云开发人机聊天室语音识别.zip

微信小程序云开发人机聊天室语音识别,跟人机聊天,可输入文字可语音,人机从云数据库匹配答案转语音播放

2020-03-20

完整音频小程序,在进程播放音频

完整音频小程序,在进程播放音频,代码没整理过有点乱,但是可以用,有备注,很容易看懂

2019-07-03

微信小程序仿全屏滚动切换动画.rar

微信小程序仿全屏滚动切换动画

2019-06-21

仿美团外卖小程序

自己写·的,仿美团外卖源码,比他们给的的源码都全。

2019-03-11

空空如也

空空如也

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

TA关注的人 TA的粉丝

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