- 博客(28)
- 收藏
- 关注
RSS订阅原创 小程序分页加载
长长的列表，需要进行分页加载，在小程序中分页特别简单，只需要调用onPullDownRefresh（监听用户下拉动作）和onReachBottom（页面上拉）两个方法就可以了；当然还需要在获取列表的时候进行一些操作，代码如下：data page: 0, pageSize: 4, list:[]js这是获取列表页和分页的流程；判断他每次请求时候还有没有值，如果没有值了就赋值原数组，有值的话就继续拼接显示； getList(){ // this指向 cons.
2020-06-11 13:40:07
435
原创 微信小程序购物车
列表详情购物车分为6个小模块：增加、减少、选择、全选、总价、删除；data // 购物车 priceNum:0, // 总价，初始为0 selectAll:true, // 全选状态，默认全选 // 购物车列表 id:商品id、img:商品图片、num:商品数量、price:商品价格、checked：是否选中商品、guige:商品规格 goods:[ {id:1,name:'多乐士[森呼吸]18L',img:'https://img
2020-06-11 10:03:37
360
原创 自己对开关门的理解
例如你和一群人去郊游,你离出发地比较远,那一群人离出发地比较近,当他们到地方之后,对司机说开车,这时车门关上了,把你自己落下了,所以应该是当你来了之后再关门,最后判断都来了之后再开车;实例： var bstop = true; //首先让门开开; for (var a = 1; a < 20; a++) { //设置进来的条件; if (a >=10) { //限制进来的条件 bstop = false; .
2020-06-10 17:03:48
156
原创 jq添加dom节点，值与值互不影响
用户点击按钮，可以添加多选框与input，新增的值与其他的值互不影响；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="demo"> <div id="wrap"> <!-- <inpu.
2020-06-10 16:42:22
177
原创 a标签下载
<a href="D:\Documents\WeChat Files\FileStorage\File\2020-04\job\pic\凑单.jpg" download="测试.png"><span id="down">下载</span></a>href是下载地址，download是下载文件名字；
2020-06-08 20:56:21
223
原创 微信小程序下载图片到本地相册
下载图片到本地downloadFiledownImg是绑定的一个点击事件； downImg(e) { var img_url = e.currentTarget.dataset.url; // 这个url是我点击的那个图片的链接； wx.showLoading({ title: '保存中,请稍等', }) // 一个loading显示 wx.downloadFile({ // 下载图片到本地 url: img_u
2020-06-08 20:40:49
746
1
原创 微信小程序复制文本到剪切板
把内容复制到剪切板copyText是绑定的一个事件名称；使用setClipboardData就可以做到这个功能 copyText(e) { console.log(e); var text = e.currentTarget.dataset.text; // text是点击的这一项的内容 wx.setClipboardData({ data: text, success (res) { wx.getClipboardData({
2020-06-08 20:35:13
728
原创 navigateTo拼在地址栏传值，如果需要传的值也有问号（？）的处理方法
传值需要跳转到下一个页面，在传值的时候，打算传递过去的值也有问号，如果不进行处理，在下一个页面只会取到问好前面的内容；var href="https://www.baidu.com?test=1" //测试名字href =encodeURIComponent(newAction.val); wx.navigateTo({ url: '../advertising/advertising?href='+href, }) 需要使用encodeURIComponent进行编码
2020-06-08 20:33:07
344
原创 小程序多张图片上传、删除、预览
小程序多张图片上传；主要运用promise的all，代码如下:本文中的basicURL 是我在app.js中配置的全局变量，即请求接口的域名地址；data中的数据：imageList:[],1、选择图片微信小程序自带chooseImage方法。选择图片，把图片路径保存到imageList数组中；chooseImage: function () { var _this = this; wx.chooseImage({ sizeType: ['original',.
2020-06-08 20:26:47
1130
1
原创 禁止浏览器返回上一页
webapp禁止浏览器返回上一页；这个功能可以用在，当一段程序走到末尾的时候，之前的操作不允许被修改，所以不能返回上一页，只能选择关闭这个程序，代码如下<script language="javascript"> //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, nu.
2020-05-15 13:14:17
1227
原创 navigateTo拼在地址栏传值，如果需要传的值也有问号（？）的处理方法
微信跳转页面的时候，需要用？利用地址栏进行传值，但是如果需要传的值也有问号的话（比如跳转到外部详情链接）。这样是传不过去的，所以我们一个解决办法；我们需要使用encodeURIComponent进行编码； var href =encodeURIComponent(newAction.val); wx.navigateTo({ url: '../advertising/advertising?href='+href, }) 然后在下一个页面需要进行解析，来获取到这个参数 o..
2020-05-15 13:11:59
461
1
原创 JSON.parse解析双引号嵌套单引号格式的数据
前端开发有时会遇到后端返回一个json字符串，但是他的json的内容是用单引号的，在使用JSON.parse进行转义的时候会报错，原因就是不能解析单引号的json格式，所以我们需要进行替换；var action = {'act':'href','val':'http://xxx'};// 后台传过来的json字符串；var newAction = action.replace(/'/g, '"');//把单引号替换成双引号//newAction:{act: "href", va..
2020-05-15 13:06:23
1610
原创 webstorm常用快捷键
1、注释Ctrl+/ 单行注释；Ctrl+Shift+/ 注释（// 或者/…/ ） 多行注释；2、重构-重命名Shift+F6 重命名3、删除行Ctrl+X4、复制行Ctrl+D5、查找行Ctrl+G6、代码移动（向上、下）Ctrl+Shift+上/下7、高亮错误或警告快速定位F28、打开光标处的类或方法Ctrl + 鼠标左键...
2020-03-31 12:54:47
1599
原创 uni-app配置微信小程序
1、首先需要下载HBuilderX软件（app开发版）;2、下载成功之后就可以开始创建项目；选择文件–>新建–>项目，选择uni-app选项；点击创建；3、然后选择运行–>运行到浏览器–>Chrome，查看项目是否可以正常运行；4、然后发现有两个运行地址，本地和网络地址，两个都可以运行就表示成功了；5、然后点击工具–>设置–>运行配置；6、然...
2019-12-23 11:45:13
4905
1
原创 after的使用
有时我们需要在tab切换的文字下方设置一个小边框，让人看着更清晰的知道跳转的是哪个tab页，也变的美观了一些；那这样的样式是怎么实现的呢？此时我们就需要用到after；首先需要给推荐资讯的dom元素加上position: relative;属性，然后就可以写你想要的样式，要有absolute定位；边框样式如下（根据个人需要）最后结果如下...
2019-12-18 17:23:57
307
原创 webstorm配置小程序
打开webstorm编辑器，然后打开设置File–>setting–>Editor–>File Types,选择html和css；1、配置html文件扩展名2、配置css文件扩展名微信代码网盘地址；3、然后选择File–>Import Settings,然后选择相应文件路径；最后点击确定即可...
2019-11-18 09:43:48
769
转载 让程序员崩溃的瞬间（非程序员勿入）
今天给大家带来点快乐，程序员才能看懂。 来源：https://zhuanlan.zhihu.com/p/47066521 1. 公司实习生找 Bug 2. 在调试时，将断点设置在错误的位置 3. 当...
2019-11-08 14:01:54
176
原创 vscode基本使用
前言： 现在使用Vscode编码的人越来越多，凭借着免费，开源，轻量，跨平台的特点收货了一大批忠实粉丝；下载：https://code.visualstudio.com/本人常用快捷键：F1 ----- 打开可以输入命令F2 -----重命名变量F5 -----运行和调试代码ctrl+g -----会让你输入数字，快速定位到指定行crtl+f -----...
2019-10-24 13:36:08
731
原创 jq回到顶部加完动画之后滚动条失效？
回到顶部这个功能完成的时候，回到顶部的动画效果好用了，但是在往下滑动滚动条的时候，发现滚动条不好用了， 只需要把点击事件写在外面就可以解决这个问题； 下面代码复制就可以查看效果；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...
2019-10-23 15:20:48
411
原创 jq 下拉框结合tab切换
select结合tab选项卡切换；复制代码就可以看到效果（没写样式，有需要可以自己写）；其实原理很简单，就是利用select的change事件，获取到select中的option的下标，来改变tab选项卡；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2019-10-22 12:58:32
691
1
原创 JS数组去重的六种方法
一、利用ES6 Set去重（ES6中最常用）方法：function unique (arr) { return Array.from(new Set(arr))}示例：var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0...
2019-09-28 17:32:42
109
原创 HTML输入框---数字/中文/字母/组合
只能输入中文:<input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">只能输入英文:<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')"> 只能输入...
2019-09-28 17:28:23
472
原创 对HTTP和TCP的理解
1、TCP连接手机能够使用联网功能是因为手机底层实现了TCP/IP协议，可以使手机终端通过无线网络建立TCP连接。TCP协议可以对上层网络提供接口，使上层网络数据的传输建立在“无差别”的网络之上。建立起一个TCP连接需要经过“三次握手”：第一次握手：客户端发送syn包(syn=j)到服务器，并进入SYN_SEND状态，等待服务器确认；第二次握手：服务器收到syn包，必须确认客户的SYN（a...
2019-09-28 16:27:24
283
1
原创 对TCP的三次握手的理解
PS.(里面的一些解释)1.Client/Server:Client/Server结构(C/S结构)是大家熟知的客户机和服务器结构.C/S又称Client/Server或客户/服务器模式.2.ACK:ACK (Acknowledgement）即是确认字符，在数据通信中，接收站发给发送站的一种传输类控制字符。表示发来的数据已确认接收无误。在TCP/IP协议中，如果接收方成功的接收到数据，那...
2019-09-28 16:26:54
73
原创 敲代码时，程序员戴耳机究竟在听什么？
知乎上有个提问：程序员上班时戴耳机是在听什么？高赞回答是：戴上耳机是告诉其他人不要打扰我，实际上并没有在放音乐。 1为什么总觉得自己的工作效率很低？ 在《深度工作》中作者提出一个公式：高质量工作产出=时间×专注度。高质量工作产出需要人进入深度工作状态，深...
2019-09-28 16:25:50
602
原创 vue结合element-ui做简单版todolist
结合element-ui首先需要npm安装element-uinpm i element-ui -S；然后在入口文件中引入；import ElementUI from ‘element-ui’; import ‘element-ui/lib/theme-chalk/index.css’; Vue.use(ElementUI);这样就可以使用element-ui了，如果不用可以忽...
2019-09-28 16:22:14
1617
原创 vue当图片加载失败时，用一个默认图片替换；
原理就是给img绑定error事件，替换原有的src地址。首先在data中创建一个defaultImg（随便起的），里面的值是该默认图片的地址； 在html页面的img标签上绑定该属性这样默认图片就设置好了；...
2019-09-28 16:18:27
2013
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人