西风的第一个影子的博客

原创 开发中的一些代码成长

1.封装请求/** * 获取用户信息接口 * @param {*} success 成功后的fun ret===1 * @param {*} fail 失败的fun ret!=1 * @param {*} wait 获取数据后的fun * @param {*} token */getUserShareInfo(obj,success, fail,wait,token) {//判断有没有登录 if(cookie.get('userInfo')){

原创 简易的关于less的用法笔记

// 背景色 @bgc: #ededed; // padding @pad: 10rpx 30rpx; // contain_bgc @contain_bgc: #fff; // 间隔 @margin_B: 20rpx; // 弹性布局 .flex(@JC: center; @FW: nowrap; @AI: center; @FD: row) { display: flex; flex-wrap: @FW; flex-direction: @FD; justify-co

原创 uniapp通过vuex封装websocket

最近用uniapp做了一个h5和app的即时通讯软件，在vuex中封装的websocket，这个是store中index.js的代码import Vue from 'vue'import Vuex from 'vuex'import getters from './getters'Vue.use(Vuex)let heartBeatInterval = nullexport default new Vuex.Store({ state: { socketTask: null

原创 图片单张下载

//前提：this.pictureData是通过接口获取的照片信息 代码肯定不是cv下来就能run的，理解最重要 // 用户单张下载 userChosen(index) { // 下载开始，调用的element组件，可以不用 let loadingInstance = Loading.service({ fullscreen: true }); //imgDown是图片地址 拼接下载图片地址 this.imgDown =this.pi

原创 2021.12.21 查漏补缺（Array.concat,a标签中target的属性,isNaN（）,闭包）

原创 查漏补缺加深印象的笔记

2021.12.03 1.vue watch 中的三个属性：handler，deep和immediate（需要再理解） handler 默认的当监听的值发生变化时执行的方法； deep 深度监听（监听一个对象时，不能知道对象里面的值是否改变，用deep就可以）； immediate 当immediate为true时，handler里面的函数会在绑定时就处罚一次，而不是等到改变再触发。2.获取动态路由中id的值 {path:'/name/:id'}this.$route.params.id解

原创 复习jQuery学习笔记（随时更新）

一次记不住的问题：原生JS会等到DOM元素加载完成，并且图片也加载完成再执行jQuery会等到DOM元素加载完成，但不会等到图片也加载完成再执行原生JS中编写了多个和入口函数，后面编写的会覆盖前面编写的jQuery中编写了多个入口函数，后面的不会覆盖前面的jQuery中四种入口函数的写法on$(document).ready(function(){ })twojQuery(document).ready(function(){ })three(推荐用这个

原创 uniapp开发小程序实现页面分享

页面button<button open-type="share" > xxx </button>js部分onShareAppMessage(res) { if (res.from === 'button') { // 来自页面内分享按钮 console.log(res.target) } return { title: '标题自拟', path: '页面路径' } }*onShareAppMessag和o

原创 小程序真正实现多个文件上传，不通过循环调用uni.uploadFile

前言我们产品关于文件上传功能的开发还包括了用户上传照片成功后关联公众号的消息推送，当我通过循环调用uni.uploadFile的方法实现上传照片的时候，如果用户上传9张照片，那么用户就会收到来自公众号的9条推送，这样肯定是不符合我们需求的。于是我们另一个前端开发就提供了这样的代码去实现多个文件上传只调用一次后端接口。具体转换成form-data的方法也是github某大佬写的， 实现该功能的原理是手动封装multipart/form-data 记录下就行啦。很感谢我们的另一个前端，如果没有他的加

原创 uniapp关于本地缓存的小bug

最开始的时候我们代码是这样子写的wx.setStorage({ key: 'systemInfo', date: this.systemInfo }) try { wx.setStorageSync('systemInfo', this.systemInfo) } catch (e) { }这里分别用了异步存储和同步存储，这种写法在开发者工具上运行代码时并不会有问题，当小程序发布之后，在你需要用到该数据时，我们发现并不能取到该数据，这是我朋友在开发时，百度到

原创 关于uni.saveImageToPhotosAlbum随便说几句

首先还是把这个api官方文档的链接放在这里[官方文档]。今天下午接触到uni.saveImageToPhotosAlbum这个api，我看了官方的文档，觉得这个功能也太简单了，然后运行就开始报错，而且是我从来没有见过的报错。我百度到了解决方法，但也不是很能解决，主要他只是有一些代码，并没有讲解。我出现这个报错的原因是小程序没有获取到用户保存图片到本地相册的权限（需要这个uni.getSettingAPI去获取用户现在当前设置官方文档，然后再用uni.openSetting官方文档去要求用户开启这个权

原创 关于uni.uploadFile小程序开发踩坑

首先我先把官方的文档连接放在这里uni.uploadFile官方文档问题描述：请求发送成功，但是data返回空值。我主要是想讲一下这两个属性，其他的东西大部分都可以百度到。解决方案：无论是你看官方文档还是因为各种报错去面向百度编程，他一大部分都是这么写的：uni.chooseImage({ success: (chooseImageRes) => { const tempFilePaths = chooseImageRes.tempFilePaths;

原创 JS部分学习笔记（常见API）

常用API提示：以下是本篇文章正文内容，下面案例可供参考Number对象：1.toFixed(x)取小数点后x位2.toString()/String()数字转字符串3.valueOf()返回一个Number对象的基本数字值字符串对象：1.indexOf()返回某个指定字符串在字符串中首次出现的位置eg：xxx.indexOf(‘abc’)，abc在xxx中首次出现的位置，返回值是数字**也可以用于数组2.includes()查找字符串中是否包含指定的字符串值eg：xxx.i

原创 系统、认真学习前端第三周学习笔记（margin击穿，改变select下拉框三角的样式，生成百度地图）

文章目录前言一、margin击穿二、改变select下拉框的图标三、其他问题四、突然想起来还有一个地图生成的网页要分享，大家可以在自己的网页中添加地图！总结前言这周没有讲课，而是让我们做了六个网页，我也针对这周做的六个网页记录一下自己遇到的没有记牢的知识点，还有一些没有遇到过的问题。一、margin击穿margin击穿问题应该是每个初学者都会遇到的问题，然而解决margin击穿问题也很简单。什么是margin击穿：当父元素盒子与子元素盒子上边框重合时，添加子元素盒子的margin-top时候

原创 认真学习前端第二周学习笔记（浮动，定位，精灵图，布局）

文章目录前言一、关于浮动二.关于定位三.关于精灵图四.关于布局总结前言提示：这是我在专业培训机构学习的第二周，感觉学习进度好像有一点点慢，不过也还好，能让我们更好的消化消化，今天也是先做完了作业来整理一下一周过去发现自己在之前学习中没有记牢的知识，如果个人理解有错误，还希望各位指出。提示：以下是本篇文章正文内容，下面案例可供参考一、关于浮动浮动最开始出现的意义是为了让文字可以围绕图片，而不被图片遮挡。而且浮动元素永远都会排在同一水平行，我们看到的换行是因为这一水平行是有宽度的，如果没有宽度，浮

原创 认真学习前端第一周学习笔记

文章目录前言一、HTML的标签二、表格标签三、css中一些忘记的东西（现在已经想起来了）总结前言之前在学校也有学习过一点前端的知识，当时觉得自己已经学的不错了，后面也是发现自己还差很多没有学习，经过这一周的认真学习后发现前面自己学的也不是很好。在老师的建议下准备每周记录一下自己的学习历程，希望会对以后的学习有帮助。本文主要意在把自己之前没有记牢的知识点总结下来，供以后重温。如果文中有错误，还希望看到的朋友多多指点。一、HTML的标签自己对行内元素和块级元素的理解：行内元素如果没有换行就会一直在