- 博客(63)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 【小程序】自定义导航栏
这个需求要不是UI和我讲有其他小程序实现了，我都还以为小程序还不能做到自定义导航。还好是在设计阶段给出的需求，不然。。。先看看效果吧微信小程序自定义导航栏开始接介绍用法：1：配置app.json扫码都别管，先查看文档window配置然后在app.json设置navigationStyle为custom（自定义导航栏）注意!: 如果这里设置为自定义导航，那么所有页面都会变成自定...
2018-11-02 15:47:13
12183
22
原创 【Vue】Vue微信授权（系列一）
最近算是吧微信的主要的难点，全是接触了一边了，所以准备写一个系列；微信授权微信SDK的使用，例如分享小程序授权小程序微信支付小程序模板消息不要问我为什么后面是小程序微信支付，小程序模板消息，因为普通微信公众号项目的更本不需要前端去操作太多，直接调取后台接口就可以完成。Vue微信授权这里我们用的是Vue全家桶开发先上一张微信授权流程图片吧： 你可以尝试着跟着这个流程...
2018-09-28 17:39:22
34247
22
原创 【小程序】小程序swiper组件实现间距轮播
swiper组件实现出间距轮播先不急着看实现过程，先看看效果图，如果是你想要的效果那请看下面的过程，不是的话也不浪费大家的时间（就是这么体贴唉）。效果图一效果图二如果是你想要的效果，那就继续往下看，不是那就出门右（别）拐（走）吧。一开始想着如果和swiper.js一样，那就好了，看了下文档就放弃了。网上找了一下还是没找到具体实现方法，就开始自己倒腾，就想到css处理了。第一种效果...
2018-09-19 12:16:07
22863
17
原创 【兼容】浏览器、Ios、Android兼容问题（一直更新）
浏览器差异由于市场上浏览器种类众多，而不同浏览器其内核亦不尽相同，所以各个浏览器对网页的解析就有一定出入，这也是导致浏览器兼容问题出现的主要原因，我们的网页需要在主流浏览器上正常运行，就需要做好浏览器兼容。使用Trident内核的浏览器：IE、Maxthon、TT； 使用Gecko内核的浏览器：Netcape6及以上版本、FireFox； 使用Presto内核的浏览器：Opera7及...
2018-07-18 22:42:24
1756
原创 【Emmet】HTML速写之Emmet语法规则
Emmet—写HTML/CSS快到飞起在前端开发的过程中，最费时间的工作就是写 HTML、CSS 代码。一堆的标签、属性、括号等，头疼。这里推荐一个Emmet语法规则，让你写的时候爽到飞起，能大大提高代码书写，只需要敲一行代码就能生成你想要的完整HTML结构，下面会介绍如何使用。Emmet是一款插件，只要能安装他的编辑器都能使用，大部分编辑器都可以使用该语法规则,我们平时开发的Sublim...
2018-07-16 18:17:31
93062
30
原创 【小程序】小程序评论板块加入emoji表情
直接上稿： 图中的【笑脸.icon】功能就是类似手机输入法的表情功能，下方升起一个包含很多表情的区域，供选择。我说手机输入法有表情，为什么还需要表情功能呢？(苦笑.gif)，UI大佬：不行，这就是表情功能，你写不出来就算了！ me：行，我来搞定（不服）。 自己扛的需求，跪着也要写出来啊~ 网上一顿浪，大概了解了思路1：从网上下载好表情包文件 ———点击前往下载高清emoji表情包 ...
2018-05-16 12:58:19
19363
148
原创 linux命令 记录
history： 查看历史命令 history |grep mysql 查看匹配 ’mysql‘ 内容的命令。mv build public：将build包改名为public包（重命名）mv build /data/xx：将bulid移动到xxx目录下。zip -r build.zip build：压缩build文件夹。unzip xxxx.zip：解压xxxx.zip包。rm -rf build：删除build.文件夹。ps -A： 查看所有的进程。du -sh： 查看文件大小。
2022-09-08 09:46:40
506
1
原创 【小技巧】集合
金额转换amountChange(val) { return parseFloat(val).toFixed(2).replace(/\B(?=(\d{3})+\b)/g,',') // 零宽断言 },amountChange(8600) // 8,600.00amountChange(18600) // 18,600.00amountChange(1118600) // 1,118,600.00amountChange(val) { var num = val.to
2021-01-28 17:26:58
246
原创 【map】高德地图点聚合—按索引聚合
更具产品需求，需要做一个地图显示房源信息的功能先展示吧：一开始看文档怎么也找不到AMap的IndexCluster插件，只好直接从案例入手了,要想跑通那必须先找案例数据结构，看了下js原来是有2个JSON数据，一个是地区，一个是街道。然后更具需求修改数据结构与信息框内容、样式等等https://a.amap.com/jsapi_demos/static/data/community.jshttps://a.amap.com/jsapi_demos/static/data/district.j
2021-01-28 10:14:33
3486
9
原创 【小程序】分离上传图片、视频
上需求，上传图片视频时：1：让用户自行选择照片或者视频，更方便、更精确上传，如下图2：上传图片限制最多6张，视频最多一个3：上传了图片就隐藏掉选择视频的选项，上传了一个视频就不能继续上传其他图片或者视频4：图片预览、视频预览小程序UI用到的是colorUI，提取出来该部分代码如下WSML// firstType 为控制显示视频还是图片<view class="cu-bar bg-white margin-top"> <view class="action">
2021-01-28 10:05:17
489
原创 【PHP】php生成小程序二维码与内容分享图
php生成小程序二维码、合成图片本文是在laravel框架下实现首先查看小程序生成二维码的文档，拿到api,这里需要access_token，ok先拿token获取access_token在文档中拿到获取token的api后，配置好小程序appid、secret这里运用的是laravel微信扩展（查看文档EasyWeChat）,如下在根目录下.env文件中配置好appid、secretWX_APP_ID = wxxxxxxxxxxxxx5919WX_APP_SECRET = b2768f
2020-09-17 17:43:34
1131
原创 【微信JS-SDK分享】二次分享失效问题
补上微信分享上遇到的问题：二次分享失效问题首次分享没问题，当点击进去再次分享给别人的时候，这时候的分享就失效了问题原因：二次分享的时候，微信在url后面加上了2个参数 from=groupmessage&isappinstalled=0 参数意思应该是这个链接的分享来源微信这个拼接导致了SDK传url给后台的时候微信端报错误码63002导致分享失败解决：你加参数，我就删你参数第一种：不带参分享链接var url = location.href.split('?')[0];if (ur
2020-09-08 12:34:04
1365
原创 【Mysql】自动递增 初始化排序
初始化自增图中创建班级，发现班级创建的有点多，就删掉了3 3班 高一，就出现了下面自增断层了于是找到了下面的sql语句SET @i=0;UPDATE `class` SET `class_id`=(@i:=@i+1);ALTER TABLE `class` AUTO_INCREMENT=0一：SET @i=0;set @i=0; 或set @i:=1; 使用变量来保存数据，后面可直接使用@i变量二：UPDATE class SET class_id=(@i:=@i+1);这一步已
2020-08-26 15:34:40
1352
原创 【PHP】四、函数（积累）
函数积累(持续更新)empty():判断变量是否为空当一个变量或表达式并不存在，或者它的值等同于false,返回false“” 、0、“0”、NULL、false、array()、$a未赋值变量等等 这些empty()都为空$a = '0';var_dump(isset($a)); // true$a = 'aaaa';var_dump(isset($a)); // falseunset ($a);var_dump(isset($a)); // trueisset()
2020-08-07 15:43:35
110
原创 【PHP】二、php字符串（积累）
php字符串类型(选择性记录)引号单引号：定义一个字符串双引号：PHP 会对中间一些特殊的字符进行解析$a = 'red';echo '颜色：$a';echo "颜色：$a";双引号内部的有数组单元，键名不能加单引号会抛异常，只有在花括号情况下键名才能使用单引号$color= array("red", "orange", "blue","childColor" => "purple");echo "颜色：$color[childColor]".PHP_EOL;echo "颜色：$
2020-08-03 17:58:41
153
转载 小程序检测更新
// 更新小程序 checkUpdateVersion:function(){ if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager(); updateManager.onCheckForUpdate(function(res) { // console.log(res) if (res.hasUpdate) { .
2020-08-03 17:07:12
521
原创 【PHP】一、phpstudy快速搭建环境、服务器简单部署
迷茫了几个月一只没有更新文章了…今天开始记录php的学习以及遇到的问题。这几天在慢慢接触php，也算是第一个php的文章，不管什么语言，要想跑起来，那么必须得有承载他的环境。鉴于时间问题，我选择了phpstudy集成环境方便，快捷。下载地址：phpstudy官网：https://www.xp.cn我选择的版本是：phpStudy 2018版（Windows）后面部署在服务器（window server 2016）上的版本是：phpStudy v8.1版本（Windows）并且php版本我都是
2020-07-23 11:07:37
4067
翻译 【JS】转译后台传的时间戳
前端涉及道时间的时候，从后台拿数据的时候，不说格式的话，他们（不是所有后台的人都这样）永远给的是时间戳，只有前端自己转译了；下面的代码，可以转译成日期并且可以满足大部分人想要的时间格式 /** * 时间戳转日期 * 1：格式y-M-d h:m:s * 2：格式y-M-d * 3：格式y.M.d * 4：格式y.M.d h:m:s * 5：格式M-d h:m * 6：如果为今年格式...
2019-11-06 10:28:07
344
1
原创 【Ngrok】小米球实践-内网穿透【映射本地到外网访问】
Ngrokngrok 服务可以分配给你一个域名让你本地的web项目提供给外网访问，特别适合向别人展示你本机的web demo 以及调试一些远程的API (比如微信公众号，企业号的开发)小米球这里我使用的是国内免费的小米球（当然充钱更稳定）下载地址：http://ngrok.ciqiuwl.cn/解压目录：使用方法：（如果看不懂小米球官网的使用 我用大白话教你）官网：我的教程：下面...
2019-08-19 12:10:35
3245
原创 【小程序】小程序测试号解绑，重新申请appid空白问题
这几天我不小心在公众平台安全助手公众号里面把我的测试号给解绑了，后果自然是小程序一直无法创建；然后我就想着重新申请。微信小程序测试号申请地址：https://developers.weixin.qq.com/sandbox扫码登录【注意微信开放社区】登录成功你会发现页面中，一片空白，appid和密钥都是空白的，这我还玩个G儿啊，疯狂刷新一波，还是空白。刷新无果，我只好去微信社区准备发...
2019-05-29 11:04:45
7571
2
转载 【转】理清client-*,scroll-*,offset-*
offsetWidth offsetHeight offsetLeft offsetTopclientWidth clientHeight clientLeft clientTopscrollWidth scrollHeight scrollLeft scrollTop是时候谈谈它们之间的区别了，是不是已经混乱了？好吧，一步一步来搞清楚这些东西是啥。终于下决心来补上这个坑，俗话说的话：纸上...
2019-05-24 15:26:20
215
原创 【web】自定义浏览器鼠标右键菜单
我们电脑桌面，文件夹或者浏览器等等一些地方，鼠标左键功能都一样，鼠标右键各有各的功能，都对应各自功能需求而定制的菜单；所以我们也可以定制自己的个性右键菜单，让菜单更美观，更有个性。这里就写出浏览器如何自定义菜单（电脑桌面的呢，抱歉超出了我能力范围了）定制菜单如下：样式的话，因人而异，你们随意发挥了* { margin: 0; padding: 0; }...
2019-05-24 11:58:55
6678
原创 【正则】容易忽视的正则问题集合
这里将成为我所有正则问题“挖坑”“填坑”的大本营下面是正则表达式的常用方法，方便你们对应 正则方法 test() 检索字符串中指定的值。返回 true 或 false。这个是我们平时最常用的方法。 exec() 检索字符串中指定的值。匹配成功返回一个数组，匹配失败返回null。 compile() compile() 方法用于...
2019-05-10 17:01:31
484
原创 【小程序】小程序上传照片，拖拽，放大缩小
最近在做的一个关于照片上传打印成相册的小程序，功能主要在用户处理图片，放大缩小，拖拽，不同模板不同表现直至最后打印，过程中碰到很多坑。接下来我主要叙述的路线如下：用户操作 --------------上传图片用户操作 --------------选中图片初始化 -----------------模板 / 用户选择模板 (例如相框，背景模板)图片处理 --------------初...
2019-05-06 14:50:49
2923
8
原创 【JS】函数防抖与函数节流
JavaScript函数防抖（debounce）与函数节流（throttle），这两个词听起来高端大气上档次，但是其实在平时做项目的时候，我们都可能不经意用到这中处理方式。我用两种方式解释吧：专业点讲函数防抖：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。函数节流：规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发...
2019-04-17 18:02:50
667
原创 【小程序】构建npm失败，没有找到 node_modules 目录
小程序从基础库版本 2.2.1 以上就开始支持npm安装第三方包了，看了文档之后，我就吐槽（妈的写这么笼统，坑不死人）。文档:一般我们看了文档后，就会跟着文档走流程，果然就被文档带跑了。首先，如果你按文档走下去：1、执行命令安装npm install2、工具 -> 构建npm恭喜你，将会看到没有找到 node_modules 目录。问题原因：一直开发小程序，没怎么用过npm...
2019-02-21 15:24:30
6622
6
原创 【公众号】公众号网页跳转关注微信公众号
关注公众号是所有客户都需要的一个功能，所以如何实现网页中不扫二维码，直接通过点击按钮的形式去关注公众号呢？我们要通过获取一个uinID拼接地址实现跳转关注公众号，那么下面有2种获取他的办法。第一种1.登录微信公众平台，登录进入公众号后，点击查看源代码2.代码顶部就可以看到公众号的基础信息3.复制uin_base64这个ID（每个公众号都是唯一的），我们就是利用这个区直接关注公众号4...
2019-01-05 15:34:17
24142
5
转载 javascript 类属性、类方法、类实例、实例属性、实例方法、prototype、__proto__
&amp;lt;script&amp;gt;function Circle(radius) { this.r = radius; this.des = &quot;圆形&quot;; this.showInfo = function () { alert(&quot;这是一个&quot; + this.des); } } function Circle_area(r) {
2018-12-15 14:38:13
600
原创 【移动端】rem+sass适配所有移动端分辨率
众所周知，现在PC电脑和手机的分辨率是越来越多，适配也就成了需要前端这个职业一个原因，具体有那些主流的可以看下面这这篇文章：PC-移动适配CSS单位说到适配，我们就想到CSS的单位：px,em,rem,vw,vh,vmin,vmax以及不常用到的ex,ch等px : 我们最基础的单位（像素）em : 相对于当前父节点字体的大小 ---- 1em = 父节点字体大小rem: 相...
2018-12-14 18:18:34
3008
原创 【JS】JavaScript作用域总结
一：在JavaScript中变量的作用域分为： 全局作用域 和 局部作用域（函数作用域）1：所有window的属性和方法都属于全局作用域2：只有函数有局部作用域，对象等其他是没有作用域的例如：var x = 11; var obj = { x: 22, methods: { x: 33, say: func...
2018-10-27 17:27:32
1252
3
原创 【web】PC与移动端媒体查询配置
PC端按屏幕宽度大小排序（主流的用橙色标明）分辨率 比例 | 设备尺寸1024*500 （8.9寸）1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ）1280*800（16：10 |15.4寸）1280*1024(比例：5：4 | 14.1寸、15.0寸)1280*854(比例：15：10 | 15.2）1366*768 (比例：16：9 | ...
2018-10-11 11:52:51
5626
原创 【小程序】未来七天日期，30分钟时间段
时间上的处理有段时间没弄小程序了，现在又来堆点低级问题处理，需求如下，预定类型小程序的一个页面，之前很少会计算time，应为都是后台返回，但是这次有点特殊，后台不好弄，我就全权接下呗，不怕需求难，就怕需求多啊。 - 状态的简单管理，可选，不可选，选中 - 上面是更具当天得出未来七天日期 - 下面是固定时间段，选中后增加半小时，取消后恢复给看客老爷上图一：选择状态的处理...
2018-08-24 14:35:58
4240
10
原创 【Vue】vue中img的src属性绑定问题
问题：img的src属性填写的图片地址，可以正常渲染，但是一旦利用绑定:src属性的时候，图片就加载失败了 需求：鼠标移入切换图片 上一位前端小哥哥，没做这个交互，我接手后加上去，很简答的交互，我替换图片的时候准备三元判断，src需要属性绑定，于是发现同样的地址，我放上去图片就是加载不出来，图片加载不出来，那肯定是地址问题了（插一句：上一位大佬文件结构可能不规范），一般都是static存放...
2018-07-31 19:52:55
129424
23
原创 【小程序】小程序评论审核后发送弹幕
小程序弹幕需求：小程序实现弹幕功能，然后评论的内容需要审核（需要时间），所以不是及时的出现在弹幕（对我有利）。小程序实现弹幕并不难，主要这次我们的需求并不是用户点击发送就马上出现在视频上，而是审核后才能出现。 先看看小程序的video组件和APIVIdeo组件 API 这里我们要用到danmu-list 下面为他的数据格式，包含了内容（text）,颜色（colo...
2018-07-16 20:04:10
2373
1
转载 常用正则表达式大全
很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。给自己留个底，也给朋友们做个参考。一、校验数字的表达式1 数字：^[0-9]*$2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$4 m-n位的数字：^\d{m,n}$5 零和非零开头的数字...
2018-07-02 17:39:34
222
原创 【部署IIS】服务器（windows）配置域名与代码部署
如何将写好的代码部署到服务器最初的时候，干的事很杂很杂，所以连域名解析，代码部署，服务器配置域名到需要直接来操作，我是个前端（苦笑.png），和我一样的肯定大有人在。这里先介绍下吧：我们用的都是马爸爸（阿里云）的 服务器 和 域名：云服务器ECS - 实例： 1 核 2GB系列 II通用型 n1 - I/O 优化实例： I/O 优化实例 - 系统盘： /dev/xvd...
2018-06-29 15:31:41
12752
6
原创 【Vue】vuecli mock模拟数据+json-server
如果我们的项目利用的是前后端分离的话，前端后台是同时开发的，但是后台接口往往是落后于页面开发的，所以我前端就需要用到模拟的数据来替代后台的接口。现在有很多的mock数据工具，这里我们讲的是json-server，相对于简单,容易上手。开始前提你们肯定应该安装了node了，然后在全局安装json-servernpm install json-server -glinux/ma...
2018-06-23 18:34:09
1629
2
转载 【Vue】vue生命周期
vue里的生命周期是什么？vue实例从创建到销毁的过程称之为vue的生命周期vue的生命周期各阶段都做了什么？beforeCreate: 实例创建前：这个阶段实例的data、methods是读不到的created: 实例创建后：这个阶段已经完成了数据观测(data observer)，属性和方法的运算， watch/event 事件回调。mount挂载阶段还没开始，$e...
2018-06-14 17:10:44
1641
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人