豆i浆-优快云博客

原创微信小程序 --- 小程序优化相关

1. 减少this.setData的操作, 尽量将多次操作合并为一次（避免频繁操作引起CPU占用过高导致卡顿）this.setData({ a: 1 })this.setData({ b: 2 })// 可优化为this.setData({ a: 1, b: 2 })2. 减少this.setData中的数据量（无关的数据量，在数据过大时会引起内存溢出）// 接口返回数据let ...

2020-04-02 22:40:21 1162

方法一：Array.oflet arr = '1,2,3,4,5'// Array.of 等于 Array.prototype.oflet array = Array.of(1,2,3,4,5);console.log(array);// [1,2,3,4,5]方法二：new Arraylet array = new Array(5);array[0] = 1;array[1] = 2;array[2] = 3;array[3] = 4;array[4] = 5;console

2020-10-04 19:38:21 1565

原创 javaScript --- 循环语句

while说明：只要指定条件为 true，循环就可以一直执行代码块。使用场景：while循环常用于那种不知道循环次数是多少的情况，比如让用户循环输入一个整数，直到输入某个特殊的字符为止，你根本没法直到这个循环会进行的次数。示例：while (条件) 语句; // 或者 while (条件) 语句; //举例：var i = 0; while (i < 100) { console.log('i 当前为：' + i); i = i + 1; }适用范围：普通条件循

2020-10-03 17:03:43 685

原创微信小程序 ---制作一个类似头条的滑动tab导航栏

效果图：使用页面wxml<slideNav navList="{{ navList }}" fontSize="{{ 28 }}" padding="{{ 20 }}" bindtabFun="tabFun"></slideNav>使用页面json{ "usingComponents": { "sli...

2020-04-02 23:34:41 815

原创微信小程序 ---制作一个像APP一样的授权列表方式

效果图：实现效果后即可实现第一次打开微信小程序弹出授权列表（登录授权，获取手机号码等特殊授权不支持）wxml文件import { allGetauthorization } from '../../tool/wx_correlation.js'Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页...

2020-04-02 23:04:59 413

原创微信小程序 --- 实现大富翁小游戏（DEMO 半成品）

半成品半成品注意是半成品只是写了扔色子根据色子行走其他的没心情写了哈哈哈本来要实现的效果：然后想到的思路：后面因为懒，对后面的没兴趣了就写一半变成这样：然后文件在这里...

2019-07-02 14:55:17 11410

原创微信小程序 --- wx.getBackgroundAudioManager()播放音频安卓几秒后断开解决方法

原本丝滑般流畅的音频为嘛播放几秒就断了 IOS与开发工具为何安然无恙开发人员为何屡屡被坑代码控制台为何毫无报错真机测试居然发现希望究竟是代码的问题还是腾讯埋下的坑这背后究竟有隐藏着什么是小程序开发者人性的扭曲还是道德的沦丧?是加班加到想删库跑路但却办不到还是想埋下坑万人前端仔这一切的真相就请看下面我的遭遇昨天，满心欢喜的我开始写音频播放器，因为业务需要。就用...

2019-05-31 11:30:33 3277

原创微信小程序 - wx.navigateBack() 携带参数返回

wx.navigateBack()文档传送门首先文档中并没说明如何通过wx.navigateBack() 传递参数，而其他路由方式可以直接URL拼接传递，但在说明中提及了getCurrentPages，getCurrentPages是能够获取页面栈中所有相关信息的一个方法，而在里面通过打印可以看到这些:在实践发现可以通过利用getCurrentPages去传递参数 let pag...

2019-04-17 15:37:32 12892

原创 PHP --- wampserver3.1.7 配置 Apache 多站点配置

第一步：修改hosts文件（文件无法直接在当前C盘下修改，可拖动至桌面修改后剪切回来，复制一个出去修改，之后覆盖也行）我的路径是C:\Windows\System32\drivers\etc 找到文件后新增一个配置//127.0.0.1 自定义访问域名127.0.0.1 www.tp5.com示例：第二步：修改 httpd-vhosts.conf 文件以前用wampserver2...

2019-02-05 09:43:26 2855 2

原创微信小程序 --- mpvue 自定义导航栏适配方案

在正文开始之前首先得了解一下我们设计稿的1px在手机中是怎样显示出来的，首先看下图从上图得知了各个安卓和IOS常规屏幕的宽高以及像素比，在日常设计稿常以iPhone6 750px(375 * 2 = 750) 为标准设计，从以上信息得知我们设计稿中的1px 在iPhone6中是占据了2px下面将以10px为单位在每一个型号进行单位换算型号宽度高度设计稿单位像素比转换单...

2019-01-03 16:21:10 5303

原创 Node.js --- 使用koa2编写入门级数据爬虫

在阅读本文前请先确保已安装好node.js(点击此处下载node.js)配置好环境变量相关(点击此处跳转安装配置教程)，本文编辑器为vscode(点击此处下载vscode)IDE可根据个人喜好使用，那么下载好运行环境和编辑的IDE之后，就开始了。node.j + koa2爬虫需要中间件列表cheerio: 爬虫数据抓取的中间件superagent-charset：解决爬虫数据中文乱码问...

2018-09-21 11:15:50 3339

转载 javaScript --- Error 对象的详解

Error：一个一般性的异常。Error 的构造：new Error();new Error(message);参数： message：一条可选的错误消息，用于提供关于该异常的细节。返回：一个新构建的 Error 对象。如果指定 message 参数，则该 Error 对象将它用做它的 message 属性值。其他情况下，它将使用一个预定于的默认字符串作为该...

2018-09-06 14:14:32 2949

原创微信小程序 --- 自定义组件之滑动验证组件

先看效果图：目录结构：点击这里，浏览器打开弹窗，点击打开微信这开发工具，导入微信开发者工具中，就可以在微信开发者工具观看所有代码，无需复制黏贴调用组件的index文件//index.jsconst app = getApp()Page({ data: { }, myEventListener: function(e) { //获取到...

2018-08-15 11:04:15 6253

原创微信小程序 --- 封装小程序get&&post请求成全局函数（最简单可以一行代码完成post,get请求，超简洁~~~）

首先在app.js里面复制这段代码 /** * methods：请求方式 * url: 请求地址 * data：要传递的参数 * callback：请求成功回调函数 * errFun：请求失败回调函数 */ appRequest(methods, url, data, callback, errFun) { wx.request({...

2018-08-11 13:54:41 3834 2

原创微信小程序 --- 从A页面传参到B页面设置web-view标签src属性传参异常处理方法

一般情况页面跳转参数都是以下几种姿势参数传递过去接收的处理方法，可以看我的另一篇博文，点击这里跳转第一种: let parameter = 1; wx.navigateTo({ url: '/page/a/a?parameter=' + parameter, })第二种: let parameter = { propertyA: 1, ...

2018-08-11 11:35:50 5880

原创微信小程序 --- 使用wx.redirectTo(OBJECT)跳转页面安卓返回按钮异常问题（监听安卓返回键操作，监听小程序左上角返回按钮）

先看看官方文档对wx.navigateBack的使用解释wx.navigateBack(OBJECT) 关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。OBJECT 参数说明：参数类型默认值说明 delta Number 1 返回的页面数，如果 delta 大于现有页面数，则返回到首...

2018-08-11 10:34:30 11725

原创 jQuery --- 解决蒙层/遮罩层下面内容可以滚动问题

出现蒙层/遮罩层的时候加入这段代码页面就不能滚动了$('body).css('overflow-y','hidden'); 蒙层/遮罩层消失需要回复页面滚动加入这段代码即可$('body).css('overflow-y','scroll');...

2018-08-03 11:29:28 2303 2

原创 javaScript --- 解决（webview/微信浏览器/页面刷新/页面后退/URL重置页面刷新）AJAX页数重置问题

效果如下：代码如下：&lt;!DOCTYPE html&gt;&lt;html lang="zh"&gt;&lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta name="viewport&am

2018-08-03 10:55:08 1639

转载 Node.js --- path.resolve浅析

1、path.resolve()作用：path.resolve() 该方法将一些的路径/路径段解析为绝对路径。语法：path.resolve( [from…],to )说明：将参数to位置的字符解析到一个绝对路径里，[from … ]为选填项，路径源；用法：var path = require("path") //引入node的path模块path.reso...

2018-07-25 14:14:42 6303 1

原创 jQuery --- ios微信内置浏览器的 on()事件有问题

问题原因是事件冒泡导致找不到或者找到多个事件导致的，你要这样写$(“#div1").on("click",".k1",function(){ alert(11);})不要用$(document).on("click","#div1 > .k1",function(){ alert(11);})...

2018-07-21 17:40:51 1439

转载微信小程序 --- invokeWebviewMethod 数据传输长度为 1227297 已经超过最大长度 104857

invokeWebviewMethod 数据传输长度为 1227297 已经超过最大长度 1048576 接触小程序也有半年了，也没真正总结工作过程中遇到的问题，今天自己的项目突然报了如下的错误，看图：我打印的是我初始化定义的lists值，前面80条都没有报错，说明是这个lists数据传输过长导致，然后我看了下从后台返回的数据结构，如下：* 乍一看，这个...

2018-07-10 14:33:02 2485

原创 vue2.5.x --- 监听路由变化

代码如下：export default { data () { return { } }, methods: { //路由地址发生变化，导航栏对应位置高亮 fetchDate () { console.log('路由发生变化了') } }, watch: ...

2018-06-12 16:22:56 1120

原创 Vue2.5.x --- 点击路由跳转后刷新页面仍然停留在之前的路由页面解决方法

处理前的情况，页面刷新也会停留在之前跳转的路由页面：处理后的情况，页面刷新后页面会跳转至默认页面（默认页面为热映）：本文使用的是mint ui框架需要下载并引用才能与博文中样式一致代码部分：&lt;template&gt; &lt;div id="app"&gt; &lt;router-view/&gt; &l

2018-06-12 16:19:01 14935

原创 Vue2.5.x --- 星级评分显示（评分为10分制，带小数点）

效果预览：所需素材：满星和未满星各一张因为考虑到复用问题，所以将其写成组件，子组件代码如下<template> <ul> <li v-for="(item, index) in starArr" :key="index"> <img :src="[ item == 0 ? star...

2018-06-12 09:33:14 5956

原创 Mint Ul --- 制作A-Z字母排序的城市选择列表

效果图如下：项目文件存放路径图： pinying.js 和 city.json文件下载传送门所有代码如下：&amp;lt;template&amp;gt; &amp;lt;mt-index-list&amp;gt; &amp;lt;mt-index-section v-for=&quot;letter in citySortArr&quot;

2018-06-08 15:29:30 5729

原创 Vue2.5.x --- 获取元素文本内容

比方需要拿到这个H2标签的文本内容&lt;h2&gt;Ecosystem&lt;/h2&gt;那么先给这个元素加个触发事件&lt;h2 v-on:click="greet"&gt;Ecosystem&lt;/h2&gt;然后在methods中添加事件函数methods: { greet: function (even

2018-05-30 17:33:45 5056 1

原创 Vue2.5.x --- 使用axios解决跨域问题

若未安装axios请先安装：(推荐使用npm进行安装)npm i axios --save第一步：在main.js文件中配置相关在这当中，Vue.prototype.xx都是全局变量是可以自定义的第二步：在config文件夹中index.js配置相关找到proxyTable: {}，然后在里面配置相关proxyTable: { '/api': ...

2018-05-30 15:17:44 5581 7

原创 Vue.js或Nuxt.js报错Module build failed: Error: No parser and no file path given, couldn't infer a parse

npm run dev 时报错解决方法命令行输入：npm i prettier@~1.12.0然后在npm run dev

2018-05-28 17:56:34 1179

原创 JS --- 获取距离当前时间的 (天数/小时数/分钟数)

效果图如下：JS代码部分：var timesData = '2018-05-17 16:58:00';function timesFun (timesData) { //如果时间格式是正确的，那下面这一步转化时间格式就可以不用了 var dateBegin = new Date(timesData.replace(/-/g, "/"));//将-转化为/，使用new...

2018-05-17 17:29:01 9460

原创微信小程序 --- 路由跳转时传递多个参数

在微信小程序中一般情况给跳转的目标URL传递的参数数量远不止一个，以下提供两种方式实现路由跳转时传递多个参数的方法第一种：//实现跳转的A页面jump: function () { let a = 1; let b = 2; wx.navigateTo({ url: '/page/vipOrder/vipOrder?data=' +...

2018-04-26 09:40:36 13706

原创 MongoDB学习日记 --- 认识基础命令

在学习 mongo shell之前先了解一下ngoDB的存储结构以前我们的关系型数据库的数据结构都是顶层是数据库，数据库下面是数据库表，数据库表下面是数据记录行。但是MongoDB有所不同，mongodb中基本的概念是文档、集合、数据库他们之间的对应关系可以看下面这个图理解他们之间的对应关系后后面的内容就好理解多了一、基础Shell命令：show db...

2018-04-07 16:41:13 317

原创 MongoDB学习日记 --- 认识和安装MongoDB

MongoDB简介： MongoDB 是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。 MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。他支持的数据结构非常松散，是类似json的bson格式，因此可以存储比较复杂的数据类型。Mongo最大的特点是他支持的查询语言非...

2018-04-07 10:50:51 390

原创微信小程序 --- 星级评价效果

效果预览： wxml代码部分：<view class='topMaxBox'> <view class='topLeft' style='width: {{ imgW }}px; height: {{ imgW }}px; flex: {{ imgW }}px 0 0;'> <image src='http://img02.tooopen.com/images/20150928/to

2018-03-20 15:35:22 1842

原创微信小程序 --- 日历效果

效果预览: wxml部分:<view class='box1' style='width: {{ sysW * 7 }}px'> <view class='dateBox'>{{ year }} - {{ month}}</view> <block wx:for='{{ weekArr }}'> <view style...

2018-02-27 13:50:02 19698 4

原创 jQuery --- 利用input标签flie属性实现图片上传（单文件选取/可删除已选图片）

效果预览：每一行都有注释，宛如妈妈的唠叨，再也不怕看不懂代码了~~~~想了解input的其他属性点这里想知道URL.createObjectURL()详细内容点这里js部分：<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"...

2018-02-11 14:39:09 2384

原创 JS --- 动态显示目标数字（排名，金额等数字动态化显示可适用）

效果预览： js部分：$(function(){ //最终需要显示的数字 var count = 10000000; //获取数字的长度 var countLen = count.toString().length //根据数字长度设置对应的初始值 switch(countLen) { case countLen &...

2018-02-09 16:32:02 2626

转载 ES6 --- 安装express后,无法命令行执行

最后查找原因，原来,最新express版本中将命令工具分家出来了(项目地址:https://github.com/expressjs/generator),所以我们还需要安装一个命令工具,命令如下:npm install -g express-generator

2018-01-25 20:30:23 537

原创微信小程序 --- textarea、input的文本框标签，遮罩层无法覆盖文字问题

在微信小程序中使用textarea、input时，有时候会需要用到遮罩层覆盖文本域的操作。那么一般情况下想覆盖别的元素优先显示指定元素时，会用z-index提高优先显示的元素级别，但在小程序中是行不通的，不管调到999999999999还是更多，都是不行的，下面还有几个失败的情况1.使用透明度（ps:编辑器可行，但真机测试还是显示）2.文字颜色透明（想利用光标随文字颜色变化的也不行

2018-01-24 11:37:41 11019 7

原创微信小程序 --- CSS实现仿网易云音乐播放界面效果（黑胶唱片与唱针纯CSS实现）

下面代码的效果是网易云音乐唱针和黑胶唱片的CSS效果实现方式，播放等并没贴出来实现效果的范围动态图效果预览： stylusW,panW是获取系统宽度计算后的参数wxml部分: view class='stylusBox' style='top: {{ -stylusW*0.5 }}px'> view class='stylus_1' style

2018-01-17 12:25:23 12684 9

原创微信小程序 --- 10行代码实现滑动tab切换

效果预览: js部分：Page({ data: { arr: [1,2,3,4,5,6,7,8], index: 1 }, onLoad: function (options) { this.setData({ childW: this.data.arr.length * 80 }); }, tabOn: funct

2018-01-17 00:37:47 476

空空如也

空空如也