- 博客(48)
- 收藏
- 关注
原创 uniapp如何判断是哪个(微信、百度)平台的小程序
其实大家在开发uniapp项目的时候长长会遇到这样一个问题,就是针对某些小程序,没发去适配相关的功能,所以要针对不同的平台,进行不同的处理,所以我也是在实战中发现了这个问题,特意查了很多地方才找到相关的内容,特此在该平台进行记录。
2023-02-22 10:52:25
951
1
原创 微信小程序摇一摇功能实现
有过一次摇一摇的经验,本来记得小程序后台里面明明有一个 摇一摇的组件,当自己真的准备开发的时候,竟然没有了。 所以微信摇一摇 只能网上各种找资源拼凑起来。但是每个都不太符合自己的使用。所以通过网上的线索与微信api咱们就各种的拼,没想到后来还真是拼出来个基础的需求,也特此记录下。 我是觉得 网上的标题起的不够直接,所以直接用我想搜索的词语 创建个标题 来使用吧。就叫“微信小程序摇一摇功能实现”,如此的干净直接。那么不多说。 上基础代码。 wx.startAccelerometer({
2021-03-19 09:32:27
4720
原创 img图片禁止拖拽
img图片禁止拖拽draggable="false"<img class="mtitimg" src="images/m1titimg3.png" draggable="false">方便快捷
2020-12-27 17:43:56
996
原创 网页上如何显示数学题特殊符号与公式前台展现方法
先上个图,这个图是利用程序给的数据代码编译成数学公式。使用,MathJax 是一个开源的基于 Ajax 的数学公式显示的解决方案,结合多种先进的Web技术,支持主流的浏览器。具体的涉及到的伙伴可以研究下这个。...
2020-11-24 09:46:50
478
原创 小程序不用用户收取获取用户头像与昵称的方法
现在很多小程序因为要收集用户信息多种让用户授权才能拿到用户信息,手机号不多说,必须要用户触发允许才可以,用户的基本信息咱们就可以直接拿来去显示。利用open-data上图即可,可以看着用。...
2020-11-13 15:13:44
475
原创 小程序长按图片识别功能
微信官方 2.9.0 版本 添加show-menu-by-longpress="true"在 img标签上添加上这个 即可;https://developers.weixin.qq.com/miniprogram/dev/component/image.html可参考 详细 api
2020-10-23 11:37:11
1275
原创 开启小程序学习之旅–笔记一
从工作中会涉及到这一方面的工作,但是自己只能做到表层的制作工作,所以就准备陆续的进行一下学习,来不断的提高自己在这方面的能力。当然也是从每次的学习中挖掘一些简单的知识点。也希望在自己实际用到的时候,这些笔记可以起到一些作用。一、首先是wxml层<template></template>页面中肯定不缺模板,这个也是为了复用才弄的那么如何将这个模板引入所要展示的页面呢?代码如下<import src='post-item/post-item-template.w
2020-10-09 18:44:50
131
原创 域名类型gTLD、New gTLD、ccTLD
想必建过站的小伙伴们都会遇到这个情况,看着域名类型那块会显示gTLD、New gTLDccTLD这几个表示。最开始我很懵,同样是域名为什么会有这些呢。接下来就根据这些分配表述一下进行记录:gTLD:国际顶级域名(generic top-level domains,gTLD),例如:.com/.net/.org等都属于gTLD;New gTLD:新顶级域名(New gTLD),例如:.xyz/.top/.red/.help等新顶级域名。ccTLD:国家和地区顶级域名(country code
2020-10-09 18:42:02
874
原创 小程序:Page is not constructed because it is not found.
练习小程序的时候,刚开始就卡壳。新建一个目录的时候爆出这个错误类似上图。那么对于这个问题尝试了一个方法,就解决了。所以记录下。这个也许就是你新建这个文件的时候,有可能没有自动生成默认代码。添加上就好了Page({ })也就是上面所贴上的一小段。就不会报这个问题啦...
2020-10-09 18:41:10
126
原创 移动端rem完美适配
随着移动时代的来临,面对移动端的制作也越来越多,那么接下来推荐一段代码。来让你完美的兼容各种设备。当然,在完美的东西,也有瑕疵的地方,所以还是要根据具体的情况来进行调整。那么下面就开始上代码<script> function pgScale(){ var deviceWidth = document.documentElement.clientWidth; if(deviceWidth > 720) deviceWi
2020-10-09 18:40:08
270
原创 iframe中元素控制父级页面的操作
在制作红包雨的过程中,因为想让红包雨复用,所以就用了iframe进行制作,但是中间出现了一些小的问题,比如在iframe中关闭了按钮,他之关闭了当前框架里面的页面,在父级页面中还是显示着这个iframe。相比也有很多小伙伴遇到了这个问题。那么接下来就上代码,帮助解决这个问题,亲测var closeBtn = document.getElementById('closeBtn'); closeBtn.onclick = function (ev) { parent.windo
2020-10-09 18:37:47
921
原创 js随机数函数
在做红包雨的时候,想让抽到的红包随机展示,其中发现了一个封装好的函数,拿过来推荐一下。吼吼。。。。希望可以帮助想随机的朋友们。function random(lower, upper) { return Math.floor(Math.random() * (upper - lower)) + lower; }random(0,arrLen) // 将随机区间传进去即可...
2020-10-09 18:37:03
233
原创 针对iframe底部留白问题解决方案
先来聊一下。之前做的专题因为有过改底部公司名称的问题,一下让小伙伴刷了好几百个专题的底部,后来决定将以后的所有专题底部都搞为公共的,所以启用了好久不用的iframe,一切正常的之后,隐约发现了一个小bug,就是底部出现了一条横线,那么针对这一个问题有了一个简单的解决办法。先上一段代码<iframe src="http://www.yc-wr.com" style="width: 100%;border: none;height: 218px;vertical-align:bo
2020-10-09 18:35:47
1143
2
原创 小程序制作中遇到的坎,记录下~
一、修改微信小程序组件swiper的点点样式之前也是从往上找到了一些方法,但是没有改过来,然后测试修改,才发现级别不够,所以给整个轮播前加上page 就可以修改他的样式了,可以看控制台里面,page是顶级的标签。page .homeB1D2-swiper .wx-swiper-dot{width: 8rpx;height: 4rpx;border-radius: 2rpx;}page .homeB1D2-swiper .wx-swiper-dot-active{width: 28rpx;}pa
2020-10-09 18:33:35
109
原创 如何判断是否有class名(属性名)——is()方法
is() 方法<p id="ceshi">测试is方法</p>复制代码判断一下上述结构中 是否含有class 名为 ceshi 的元素<style> .ceshi{color: #C91114;} </style> <p id="ceshi">测试is方法</p> <script> let isCeshi = $('#ceshi').is('class','ceshi')
2020-10-09 18:14:20
541
原创 解决iframe引入视频黑屏但有声音的问题
解决iframe引入视频黑屏但有声音的问题<script> window.onload = function () { document.getElementsByTagName('body')[0].style.zoom=0.999; }</script>
2020-10-09 18:13:08
873
2
原创 js实现分享功能带自动生成二维码
有些时候我们不一定用百度分享或者其他分享来做分享功能,那么就需要我们自己去整理一套分享的机制,来匹配需求方给予的需求。不多说,将找到的代码传上来<div class="fl">分享到:</div><div onclick="shareTo('qzone')"> <img src="http://zixuephp.net/static/images/qqzoneshare.png" width="30"></div><div
2020-09-16 20:44:46
696
原创 网站PC端与wap端适配
废话不多说,直接上代码 function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.mat
2020-09-16 20:42:53
1101
原创 微信小程序显示消息提示框
一、wx.showToast(Object object)onCatchTap:function(event){ var postsCollected = wx.getStorageSync('posts_ollected'); var postCollected = postsCollected[this.data.currentPostId]; // 收藏变成未收藏,为收藏变成收藏 postCollected = !postCollected; postsC
2020-09-16 20:42:01
713
原创 整理常用git命令
1、拉取远程文件克隆到本地: git clone + 远程版本库连接2、拉取版本库中最新文件:git pull3、添加新文件或修改文件到本地缓存中: git add .4、记录本次修改说明:git commit -m ‘本次改版说明’5、将本地版本提交到 远程版本库:git push 提交版本6、创建分支: git branch youngc7、切换分支:git checkout youngc–创建并切换 :git checkout -b youngc...
2020-09-16 20:40:49
64
原创 重学前端之javascript 字符串方法
重学前端之javascript 字符串方法 <!-------------------------- charAt() begin ----------------------------> <p id="str1">我是字符串一</p> <script> //charAt():返回指定索引位置的字符 // 使用方法: str.charAt(index) //解释:根
2020-09-16 20:40:18
64
原创 重学前端之数组方法
重学前端之数组方法。<!-------------------------- concat() begin ----------------------------------><script> //concat():连接两个或更多的数组,并返回结果。 //使用方法:array1.concat(array2,array3,...,arrayX) //解释:将数组连接起来组成一个新的数组 let arr1
2020-09-16 20:39:44
92
原创 alert()折行方法
很多时候我们都用alert去弹出一些提示信息,但是折行的提示信息要用一种方法才去实现。下述就来做一个相关的记录。alert("再打个招呼。这里演示了" + "\n" + "如何在消息框中添加折行。")可以从上述看书,利用 \n 就可以做到文本换行。如果想居中的画,为了兼容各种浏览器,可以用空格来调整居中位置。...
2020-09-16 20:39:10
241
原创 解决iphone 无法播放mp4的问题
很多时候我用用 video标签去在网站上去做视频的功能,但是在手机端播放的时候,安卓是没有问题,但是在iphone的时候就会加载失败,或者说播放不了。其实是视频解码的问题,所以不用担心是自己的代码写的有问题。最简单的方法就是用 格式工厂这个软件 去将视频做一个小处理,很快的就完成。之后在查看 就已经很顺利的完成了。...
2020-09-16 20:38:19
6474
原创 重学前端之判断
判断是js逻辑判断中最常见的一个方法,自己也是在空余的时间,将最基础的判断,进行了一下测试,来巩固自己的技能。接下来就将测试的一些代码简单的进行一下记录。 方便日后复习。<body> <!--=============== If begin ====================--> <p>如果时间早于 20:00,会获得问候 "Good day"。</p> <button id="btn1"&g
2020-09-16 20:36:49
174
原创 微信小程序单位转换
有些设计在设计的时候,也许整体的宽度不是以750 来进行制作的,那么在制作的时候尽量要去精细的去转换,所以今天记录下这个转换的一个流程。比如你的设计稿是 1080 px 的,那么就用1080除以750 = 1.44px然后在用你实际量出来的像素去除以1.44比如你测量一个宽度为200px,那么你就用200 除以1.44 = 138.8888888888889 得出来的是这个,然后四舍五入,得到 139rpx 。这样就是计算转换出来的 rpx 要设置的宽度。...
2020-09-15 16:42:03
798
原创 小程序引入模板
有些时候我们制作小程序的时候要复用很多模块,这个时候我们就会用模板形式来体现,那么今天就来记录下创建模板与引入模板。首先先把引入模板添加上来,在页面头部添加一个这个标签,注意的是,要有最后的 / 才可以正常的显示<import src='/common/template/list.wxml' />当你在页面引入这个模板的时候,那么插入到页面上,你还需要用模板标签去将结构插入到页面中去。<template is='list' />也就是上述的方法,将你整理好的l
2020-09-15 16:39:23
467
原创 git commit提示Your branch is up-to-date with ‘origin/master’.
今天提交git仓库的时候,遇到了如截图所示的问题,提示Your branch is up-to-date with ‘origin/master’.查了些资料后,发现其根本原因是版本分支的问题查了些资料后,发现其根本原因是版本分支的问题这时候我们就需要新建一个分支$ git branch newbranch 然后检查分支是否创建成功然后切换到你的新分支$ git checkout newbranch如果不放心,还可以 $ git branch确认下然后将你的改动提交
2020-09-15 16:38:13
138
原创 利用cookies控制弹框每天只显示一次
网页弹窗对于推广广告来说是很有效果的,但是同时也对网站的用户体验造成了很不好的影响,所以利用cookies来控制他的显示是很有必要的,每一个用户当前的浏览器记录,让显示过的用户不在显示,过一天在打开的时候在显示。具体代码如下<div id='mask' style="display: none">mask</div> <Script> function setCookie(name, value, expire)
2020-09-15 16:35:50
932
1
原创 微信小程序页面跳转
每一个列表对应着都有一个详情页面,那么这个详情页面可以通过一个标签去跳转,<navigator url= '/pages/shopdetails/shopdetails'> </ navigator >也就是用上述的标签就可以数显跳转那么对应列表里面的详情页我们还需要在这个链接上进行一个操作。<navigator url= '/pages/shopdetails/shopdetails?id={{item.id}}'>也就是在链接后面 添加一个对应
2020-09-15 16:35:01
207
原创 正则表达式校验url必须以http或https开头
/(http|https):\/\/([\w.]+\/?)\S*/ /http[s]{0,1}:\/\/([\w.]+\/?)\S*/
2020-09-15 16:33:32
3992
原创 解决iframe不能全屏的问题
<iframe style="width:98%;height: 450px;" src='{$vo.url}' frameborder=0 allowfullscreen="true" webkitallowfullscreen="true"mozallowfullscreen="true"></iframe>allowfullscreen=”true” webkitallowfullscreen=”true” mozallowfullscreen=”tru.
2020-09-15 16:33:01
1830
原创 如何将本地项目与码云关联?
git的配置方法就不说了,因为写这篇文章也是为了做笔记。不知道git的配置,百度一下一大堆,我这里就说说我在关联码云的时候遇到的一些小问题。如果你的本机是安装成功第一次使用,先配置一下一些基本的信息$ git config–global user.name “Your Name”$ git config –global user.email”email@example.com”这些都是码云的账号相关信息。要让本地的项目和远程项目关联起来。首先得创建一个远程项目的仓库,用于存放项目。
2020-09-15 16:32:02
438
原创 后台给予时间戳转成年月入时分秒
后台给予时间戳转成年月入时分秒function add0(m) { return m < 10 ? '0' + m : m;}function formatDate(timeStamp) { let time = new Date(timeStamp), y = time.getFullYear(), m = time.getMonth() + 1, d = time.getDate(), h = time.getHours(),
2020-09-15 16:29:30
101
转载 微信小程序获取元素的高度
在制作小程序中,因为涉及到想用总的高度减去页面中的两个元素的高度。所以特此记录。let query = wx.createSelectorQuery();query.select(‘.listXxk’).boundingClientRect(rect => {let listXxkHeight = rect.height;wx.getSystemInfo({success: (res) => {that.setData({height: res.windowHeight –
2020-09-14 20:28:16
990
转载 css限制标题显示几行后变为省略号
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
2020-09-14 20:27:20
106
转载 input 禁止自动填入
autocomplete=”off” input 关闭自动填充。。。<input autocomplete=”off”>
2020-09-14 20:26:20
254
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人