- 博客(145)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 实用的 BOM 属性对象方法
1、什么是 Bom?Bom 是浏览器对象。2、有哪些常用的 Bom 属性呢？（1）location对象location.href —— 返回或设置当前文档的URLlocation.search —— 返回URL中的查询字符串部分。例如http://www.dreamdu.com/dreamdu.php?id=5&name=dreamdu返回包括？后面的内容：?id=5&name=dreamdulocation.hash —— 返回URL#后面的内容，如果没有#返回空locat
2021-08-02 14:36:54
388
原创 Vue中computed&method&watch的区别
computed属性和methods区别computed是响应式的，methods并非响应式。调用方式不一样，computed定义的成员像属性一样访问，methods定义的成员必须以函数形式调用。computed是带缓存的，只有其引用的响应式属性发生改变时才会重新计算，而methods里的函数在每次调用时都要执行。computed中的成员可以只定义一个函数作为只读属性，也可以定义get/set变成可读写属性，这点是methods中的成员做不到的比如：我们想去时刻监控数据的变化，在视图上显示不同
2021-05-17 14:59:41
231
原创 vue中检测断网处理
在router中添加错误页面的路由{ path: '/networkError', component: require('@/public-component/no-network.vue').default, name: 'networkError', meta: { title: '网络异常' } }这里面需要注意，不能使用路由懒加载在APP.vue中添加监听网络在app.vue中定义一个变量，来记录是否显示断网data(
2020-11-17 16:24:46
3227
原创 wepy小程序踩坑-未发现相关 sass/less 编译器配置，请检查wepy.config.js文件
一、未发现相关less 编译器配置解决：npm install less 后再 npm install wepy-compiler-less --save-dev二、未发现相关sass 编译器配置npm install node-sass 后再 npm install wepy-compiler-sass --save-dev亲测有效哦。...
2020-02-21 18:09:36
1037
原创 数组去重
// 最简单数组去重法/*新建一新数组，遍历传入数组，值不在新数组就push进该新数组中IE8以下不支持数组的indexOf方法*/function uniq(array){var temp = []; //一个新的临时数组for(var i = 0; i < array.length; i++){if(temp.indexOf(array[i]) == -1){temp...
2020-01-09 21:33:11
254
原创 手机号正则
//验证手机号function mobile(phone, tip) { // var reg = phoneReg; var reg='^(((13[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[3-8]{1})|(18[0-9]{1})|(19[0-9]{1})|(14[5-7]{1}))+\d{8})$'; if (/^(((13[0-9]{1...
2019-12-24 19:47:11
472
原创 input复选框改变样式
今天有人问我input复选框要怎么改变样式，查了一下，特整理下来：<input type="checkbox">input[type="checkbox"] { width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align:...
2019-12-14 18:32:43
1841
原创 wepy小程序分包的版本
卸载之前已经下载过的版本npm uninstall -g wepy-cli安装特定版本 @1.7.2npm install -g wepy-cli@1.7.2
2019-12-03 10:24:26
583
原创 解决 git pull/push 每次都要输入用户名密码的问题
Windows解决首先明确一点：出现这种问题的原因都是因为使用 http 的方式拉取代码才出现的，如下图所示：出现上面这种情况 先按提示输入用户名和密码，接着执行 git config --global credential.helper store这句命令的意义是在本地生成包含 git 账号和密码的文件，具体操作如下图：检验方式：C:\Users\你的电脑名; 这个文件夹(如下)下面...
2019-11-23 10:56:04
2472
原创 Vue自定义属性的设置及获取
写多了小程序，再写vue，在写方法传值的时候就自然而然的就想要去使用自定义属性，既简单又方便。小程序中设置自定义属性及获取那么在小程序中的标签自定义属性的写法及获取如下：小程序：①.标签设置自定义属性<image catchtap="guanbiFn" data-which="look" src="../images/guanbia.png" class="guanbiImg"/&...
2019-08-23 15:12:23
7933
原创 Vue动态类名的实现
写了一年半小程序的我，近两天接手了一个H5的小项目，出于对vue的向往（啊，呸），决定捡一下vue的具体使用，那可真真是坑死我了。标签不一样、命令不一样、绑定数据不一样……总之用惯了小程序的语法，vue的啥啥都别扭，好嘞闲话不多说，今天我们来看一下vue的动态类名的绑定，记录一下方便日后查看。Tips：vue设置动态属性是要用命令v-modal的哦，为了方便直接用半角冒号也可以啦，所以动态类名是...
2019-08-23 14:52:45
1594
原创 微信小程序保存图片拒绝授权后的操作
这个地方还是有些困惑人的，拒绝了保存图片的授权，处理不好再次保存图片的时候就没有反应了，还是很急人的，那么我们来记录一下这个地方。大家都知道，微信小程序保存图片等都需要获取相对应的权限才可以进行接下来的操作可行，那么如果我们一开始就拒绝了授权，再次想要保存的时候也还是要打开权限才行，所以我们来认识两个跟小程序授权相关的api。获取用户当前的设置要使用保存图片权限之前我们首先要看看设备有没有这...
2019-07-08 14:51:19
6200
原创 微信小程序canvas保存绘制图片
上篇文章大概写了一下canvas绘制图片的问题，那么接下来记录一下canvas保存图片的问题~wx.canvasToTempFilePath()//把当前画布指定区域的内容导出生成指定大小的图片那么我们首先来了解一下这个api的参数们：除了起始位置及绘制图片的大小，那么需要注意的我已经标记出来了，其中很多其实也不能设置直接用默认值即可。其中api的成功的回调中会返回生成文件的临时路径...
2019-07-08 14:26:51
2768
2
原创 微信小程序canvas绘制图片的注意事项---不能是网络图片
上周五做了个需求，用canvas画图并保存到本地，没在手机上测试，今天看的时候突然发现：drawImage(imageResource, dx, dy, dWidth, dHeight)其中imageResource真机不支持网络图片的绘制所以就是明明在开发者工具上都是好的，但是在真机上测试的时候图片是绘制不出来的，想保存的地方也保存为空。那么既然只能绘制本地的图片，而我们使用的图片又大...
2019-07-08 14:03:50
3126
1
原创 常用的日期时间函数
// 时间格式化function format_date(timeStamp) { let date = new Date(timeStamp); return date.getFullYear() + "年" + prefix_zero(date.getMonth() + 1) + "月" + prefix_zero(date.getDate()...
2019-07-02 13:44:15
442
原创 常用的正则校验
// 匹配邮箱let reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$// (新)匹配手机号let reg = /^1[0-9]{10}$/;// (旧)匹配手机号let reg = /^1[3|4|5|7|8][0-9]{9}$/;// 匹配8-16位数字和字母密码的正则表达式let reg = /...
2019-07-02 13:42:36
410
原创 小程序分包---组件化开发框架wepyjs的分包
今天来记录一下小程序组件化开发框架wepyjs的分包的用法，之前刚开始入手小程序的时候，并不是多么了解分包的应用，原生的都不太了解，更别说wepy框架的分包了，那么废话不多说，直接上干货。那么前提是你也了解wepy的小程序开发哦，以下是wepy的项目结构，那么我们一般操作的是src文件夹内的内容，dist文件夹是经过命令行编译所生成的内容，一般我们不会直接去修改dist里的文件，因为就算你去修改...
2019-06-17 17:26:20
1244
原创 调用wx.relaunch报错:fail can not invoke relaunch in background
微信官网的回复实际暂时的解决方法：
2019-04-29 19:49:48
1628
1
转载 Vue PC端框架
查看微信社区的时候发现的一篇文章，现拿过来惠及小伙伴们，也为了自己以后看方便，在此谢谢博主的整理链接地址：Vue PC端框架
2019-04-09 13:55:47
1122
转载 Vue 移动端框架
查看微信社区的时候发现的一篇文章，现拿过来惠及小伙伴们，也为了自己以后看方便，在此谢谢博主的整理。链接地址：Vue移动端框架
2019-04-09 13:35:00
1585
转载 微信小程序--图片等比例缩放 获取屏幕尺寸图片尺寸 自适应
<!--index.wxml--><!--图片宽大于屏幕宽--><image style="width: {{imagewidth}}px; height: {{imageheight}}px;" src="{{imagefirstsrc}}" bindload="imageLoad"></image><!--图片高大于屏幕高-->...
2019-03-26 11:50:18
2345
原创 删除本地分支和删除远程分支
删除本地分支：git branch -d 分支名（remotes/origin/分支名）强制删本地：git branch -D 分支名删除远程分支：git push origin --delete 分支名（remotes/origin/分支名）...
2018-12-17 15:48:46
33437
转载 微信小程序相关项目实例集合
大家下午好，上午逛博客的时候发现了一片有关于小程序的项目实例合集，我大致看了一下挺好的，特此拿过来希望可以帮到小伙伴们。如下：wx-gesture-lock 微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo：百度小说搜索shitoujiandaobu 小程序：石头剪刀布（附代码说明）audi...
2018-12-17 14:09:34
5139
原创 小程序日历插件的使用
大家下午好，萍子又来了，今天来分享一个常用的需求，那就是日历的插件的使用。大家都知道，在平时开发的过程中，使用前人写好的一些插件可以有效的提高开发效率，也给自己省了很多事，确实有些功能自己去写也稍稍麻烦了一下。最近我们产品给我提的需求就有那么一条，让我在小程序中写一个日历出来，还要求需要在点击对应的某一天的时候，日历下方展示出对应的数据等。然后根绝产品需求的催动，我就去查了一下怎么实现，果然就又学...
2018-12-11 16:53:03
6534
2
原创 小程序服务器图片的使用
Hello，小伙伴们下午好，最近手头上比较忙，呼呼，还接了别的组的一个小项目，自己手里的小程序还一分为二个版本，忙的都有点抓不过来了，导致最近发布小程序正式版的时候总是存在一点问题，惭愧惭愧~也总算是告一段落了，现在我来更一片有关使用小程序服务器图片的博文咯。众所周知，小程序的大小限制在2M，我手头上这个项目目前已经不小了，因此时常出现超过2M上传不了代码的情况，为了解决这个问题，我曾经把项目的...
2018-11-27 14:10:51
4202
1
原创 wepyjs小程序组件调用pages页面的方法
大家下午好，转眼一个星期又要过去了，每天都在对手头的项目进行修修改改时间也是过的很快，那么就有了接下要说的‘小程序组件去调用pages页面的方法’是怎么调用的问题，之前一直都没在意这个方法，也可能是痴呆症提前了，昨天用的时候竟然一时没想起来，还想着用‘凡间’的方法去搞定的，结果真真的碰了一鼻子灰，唉~好吧，那今天萍子就来总结一下，为了惠及猿友们，也为了防止本猿以后还会忘。。。我不想讲太多的理论，...
2018-11-02 15:42:09
4652
原创 小程序坑集【日常总结，持续更新(11.08更新)】
大家好，上班的日子总是过的那么快，夹杂着一个多请了四天假的国庆节，转眼距离上篇博文又过去一个多月了，惭愧啊。之前萍子写过一篇【小程序跳H5页面】的博文，说来也是无心在结尾的时候，回想那些被小程序折磨的不成人样的日子，就写了句‘那天想不开了，就总结一篇小程序坑集’，可是码字者无心，看文者有意，有猿留言让我总结一下，要知道作为程序猿这种本身天生带有‘自负’情结，觉得自己天下第一牛X的生物，能给别人留言...
2018-10-26 11:38:10
533
4
原创 微信小程序official-account组件的使用及样式设置
大家下午好，作为一只写了好几个月的小程序的猿，微信关注了‘微信公众平台’的公众号是必然的，所以头天晚上就收到了这厮推送的消息，说是扫码打开小程序新增公众号关注组件。讲真的，我真的没打开看，困成狗的我心想：反正现在也不用，就先这样吧，用的时候再说，然后就碎了。然而今天早上到了公司，正在认真码字，我们产品经理一个消息发过来了，打开一看，简单明了，于是就有了以下的对话……唉~心痛的无法呼吸，没办法，...
2018-09-21 17:17:11
46597
18
转载 微信小程序Wepy框架的三个事件交互($broadcast，$emit，$invoke)
$broadcast：broadcast事件是由父组件发起，所有子组件都会收到此广播事件，除非事件被手动取消。事件广播的顺序为广度优先搜索顺序，如上图，如果页面PageIndex发起一个broadcast事件是由父组件发起，所有子组件都会收到此广播事件，除非事件被手动取消。事件广播的顺序为广度优先搜索顺序，如上图，如果页面Page_Index发起一个broadcast事件是由父组件发起，所有子组...
2018-09-19 10:05:27
2048
原创 new Date(date).getTime()的兼容问题
今天在写一个倒计时的时候，本来在电脑上都是好的，但是发布之后，在Android和IOS上测试的时候，突然发现安卓手机上是好的，显示正确的时分秒信息；但是这次偏偏苹果有问题了，就一直显示undefined，一开始我还以为是不是我的变量定义的晚了，我还特意把变量在最前面声明，试了一下还是不行，真是愁死了。 Android： IOS： 然后没办法，还是得问度娘啊，才发现原来new Date...
2018-09-07 18:18:24
6432
1
原创 H5实现拍照及相册图片上传
最近在做一个H5的小型电商项目，其中有一个是现金刷卡之后需要上传凭证图片的，因此也就需要在H5中实现可以上传图片。 我们都知道，input标签的type为file是可以上传图片的，本来想着这么简单，有啥难的，可是到后来这样写完，看效果的时候，缺发现这个东西它是有兼容问题的，IOS和Android是不一样的，所以特写此博文记录下来，也希望能帮到大家。One最开始的时候，是没做区分，以为这样...
2018-09-07 11:33:50
9670
1
原创 小程序跳转到的H5页面，再跳转回跳小程序
哈喽，大家上午好，萍子又来啦，本人最近一段时间一直在做小程序的项目，大大小小的坑真的是踩了不小，无奈本人啊还老是忘记自己究竟踩过那些坑，但是不得不说虽然小程序尚还有很多不完善的地方，但是还是蛮强大的啦，也是引得众公司纷纷引用小程序项目啊。 之前萍子写过一篇从小程序跳转到H5页面的博文小程序跳H5页面，那么今天我们一起来看看如何跳回来，我们要有始有终哇，O(∩_∩)O哈哈~H5跳转到小程序的方...
2018-08-21 10:00:14
83695
41
转载 多页面之间传递数据的方法
传统的前端开发中，页面之间是少有参数交互的，甚至没有，而在如今的前端环境下， 一个稍微正式点的项目都不可能少了页面间传参，页面的跨越、服务器后台进行数据请求等，都需要一个或多个传参的方法。 那么参数在不同的页面间进行传递，一个页面的参数被另一页面使用，如何才能做到不同页面间进行参数传递？ 在JS中有多种页面传递参数的方法：一、把参数值附在url后面传递到其他页面 如： ...
2018-08-07 16:14:25
8189
转载 http和https的区别与联系
超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。为了解决HTTP协议的这一缺陷，需要使用另一种协议：安全套接字层超文本传输协议HTTPS，为了数据传输的安全，...
2018-08-07 15:49:59
564
原创 小程序跳H5页面
小程序现在日渐成熟，功能也越来越强大，我们今天来一起看看小程序跳转H5页面的问题。 小程序组件中有一个web-view，是一个可以用来承载网页的容器，会自动铺满整个小程序页面。 注意：个人类型与海外类型的小程序暂不支持使用。 好的，我们直接上代码，然后再进行讲解。wxml1：&amp;amp;lt;view class=&amp;quot;tiaoH51&amp;quot;&amp;amp;gt; &amp;a
2018-07-13 14:21:16
26284
14
原创 小程序点击显示隐藏（点击标题，内容显示，再次点击隐藏，同时切换箭头的状态，且默认第一组的内容显示）
哈喽，大家下午好，时间过的真快，转眼啊又好长时间没写博客啦，嘿嘿最近公司比较忙，手上一直有项目需要处理，现在终于空闲了一点，赶快来一篇呀，嘿嘿~ 最近我一直在做小程序的项目，其中值得一提的是项目中有一个显示隐藏的效果，听起来是很简单吧，好哒，那就是很简单吧，下面我们一起来看一下。 要实现的效果是：点击标题内容显示，再次点击隐藏，同时切换箭头的状态，且默认第一组的内容显示。 好的，那我先给大家...
2018-06-14 15:35:22
11977
13
原创 对小程序框架WePY的精简总结
大家下午好，萍子最近一直都在写小程序的项目，其中也涉及到了小程序的框架——WePY，讲真的，一开始对这个框架并没有很熟悉，所以也是看了多次它的对应文档，然后特此整理下来，写成博文保存一下，方便日后查看呀~ 一、注意点关闭ES6转ES5关闭上传代码时样式自动补全关闭代码压缩上传本地开发选择dist目录，dist目录也用在开发者工具上实时预览和调试WePY框架对应的开发目录为src...
2018-05-08 16:38:56
4587
2
《锋利的jQuery》高清扫描版
2017-10-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人