全靠一口仙气吊着i-CSDN博客

原创 axios数据封装

安装axiosnpm i axios -Saxios官方github仓库地址：https://github.com/axios/axio创建个http文件夹创建个request.js用来创建axios实例，默认接口域名url’，默认超时时间在main.js引入http再创建个api.js业务逻辑封装最后在也页面调用即可...

2020-07-02 21:24:33 306

思路：1.先对input框绑定个search方法进行搜索2.在js中写sarch方法，利用wx.request查找数据，success成功之后开始查找自己要的数据.3.根据input框的输入值且利用filter进行过滤，然后再利用indexof方法查找对应的数据（indexOf方法获取到指定的字符在字bai符串中第一次出现的位置，从0开始。如果一开始就是e则返回0，如果第二个位置是e则返回1，如果搜完整个字符串都没有e则返回-1 。反证法如果该方法不返回-1 就证明该字符串中含有e字符。）4.

2020-06-27 12:07:38 7901 2

原创微信小程序如何实现登陆功能

之前的博客写到了微信小程序如何封装api博客地址：https://blog.csdn.net/dd602350527/article/details/106103112api中代码（举例）： /** * 登录接口 */ login: (code) => { return request('/user/wxapp/login', 'POST', { code: code }, true); }, /** * 注册接口 */ enroll: (

2020-06-23 23:25:07 3267 1

原创小程序中的双向绑定和vue中的双向绑定有什么区别

小程序中的双向绑定在vue中进行数据绑定后,当数据修改了会直接更新到视图上但是在小程序中呢,data数据修改是不会直接同步到,必须调用this.setData()这个方法例：data:{ arr:[{name:"小李"},{name:"小王八"}], list:[{name:"小明"},{name:"小红"}]},setMsg(){ //该方法可以绑定到事件上也可以在onLoad里面调用 this.data.arr = this.data.list this.setData(

2020-06-22 21:06:04 1714

原创 Vue中配置本地、线上环境自动切换

1、安装cross-env包实现跨平台环境变量配置命令： npm install cross-env -D2、在package.json中添加cross-env运行环境脚本 "scripts": { "serve": "cross-env BUILD_ENV=dev vue-cli-service serve", // 这是开发环境 "build": "cross-env BUILD_ENV=prod vue-cli-service build", // 这是线上环境

2020-06-22 07:32:08 4771

原创小程序中在底部tabbar上显示购物的数量（如：购物车）

onShow: function() { if (this.data.num == '') { //如果还未添加商品时候，可使用这个wx.removeTabBarBadge来移除 wx.removeTabBarBadge({//移除tabbar右上角的文本 index: 2,//tabbar下标 }) } else { //添加商品后通过wx.setTabBarBadge来进行设置 wx.setTabBarBadge({//tabbar右上角添加

2020-06-19 22:53:01 2791 1

原创 ECharts超简单使用方法~

简介首先简单介绍一下，ECharts是一个纯JavaScript图表库，底层依赖于轻量级的Canvas类库ZRender，基于BSD开原协议，是一款非常优秀的可视化前端框架。官网地址：http://echarts.baidu.com/1、在官网选择合适的版本下载http://echarts.baidu.com/download.html或从 npm 安装npm install echarts --save2、引入 ECharts通过标签方式直接引入构建好的 echarts 文件

2020-06-18 15:58:35 534

原创用Array实现数组的去重，再进行排序。

Array.prototype.extraChar = function (testArrs) { //可快速实现数组去重 // let arr =[...new Set(testArrs)] let arr = [] let arr2 = [] testArrs.forEach((v, i) => { if (arr.indexOf(v) == -1

2020-06-17 20:52:38 321

原创 vant ui与rem适配问题

1、安装插件指令：npm i postcss-plugin-px2rem --save添加之后需要在vue.config.js文件中加一段该插件的配置。参考博客链接：https://www.cnblogs.com/taohuaya/p/10274993.htm使用默认配置即可，minPixelValuen设置为3。表示3px以上才转换，有些像素值太小时没必要转换。 css: { loaderOptions: { postcss: {

2020-06-16 17:49:37 1684

原创 Vue项目中用户登录及token验证及流程图

在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下：1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面5、每次调后端接口，都要在请求头中加token6、后端判断请求头中有无token

2020-06-15 09:27:07 2778 2

原创搜索功能实现思路及流程图

搜索功能实现思路1、获取输入框的值（关键字）实现模糊搜索或精确搜索2、通过事件触发将获取的值通过ajax请求搜索接口传递给后台3、后台服务器通过服务端语言（node，PHP，Java）实现接收浏览器请求4、后端语言查询数据库（Mysql，mongodb）5、将查询的结果根据搜索接口约定好的json格式返回给浏览器6、通过前端JS将返回的结果渲染展示到页面上7、性能优化：可以利用防抖或节流，可以减少服务器压力例如：import _ from 'lodash'template:&lt

2020-06-13 00:13:40 11580

原创用css来实现一个三角形或扇形

css实现一个扇形或三角形1.css实现一个三角形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head> &l

2020-06-12 23:04:06 524

原创 npm install 报错踩坑路、npm报错以及卸载node、npm和node版本不符合问题

npm install 报错踩坑路先出现的是超过最大调用栈问题：npm ERR! Maximum call stack size exceeded 百度说给npm降级或者升级降级： npm install -g [email protected]升级： npm install -g npm 升级到最新版npm报错以及卸载nodeC:\Users\Administrator\Desktop\vue>npm installWARNING: You are likely using a version

2020-06-11 18:29:36 5954

原创微信小程序如何封装api（详解~）

首先创建一个http文件1.创建一个文件例：env.js//设置公共访问的url.即环境地址//commonJS规范--node.js采用的就是该规范引入：requiremodule.exports={ dev:{ baseUrl:'http://localhost:3000' }, test:{ baseUrl:'http://www.test.com' }, prod:{ baseUrl:'https://api.it120.cc' }}//ES6 module

2020-05-13 18:00:03 1718

原创 Promise的理解以及ajax封装

Promise【无论做项目，还是面试都是很常见的】面试官可能会问：Promise你怎么理解的，在项目中用过没有 1.Promise是一种为了避免回调地狱的异步解决方案 2.Promise是一种状态机： pending（进行中）、fulfilled（已成功）和rejected（已失败）只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。 3.Promise暴露的API.then(函数1，函数2)函数1：表示成功返回函

2020-05-13 17:22:00 287

原创使用Webpack如何创建一个Vue项目（详解~）

webpack 集成vue1.创建一个文件夹例：webpack_vue2.创建一个package.json文件指令：npm init -y内容例：{"name": "webpack_vue", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "webpack", "dev": "webpack-dev-server" } "keywords": [], "a

2020-05-13 17:09:35 694

原创 H5新增标签及CSS3新增属性

一、新增标签video 表示一段视频并提供播放的用户界面audio 表示音频canvas 表示位图区域source 为video和audio提供数据源track 为video和audio指定字母svg 定义矢量图code 代码段figure 和文档有关的图例figcaptio...

2020-05-08 22:53:25 210

原创什么是webpack？以及其使用方法

什么是WebpackWebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。为什么要使用Webpack现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法。*模块化，让我们可以把复杂的程序细化为小的文件。*类似于TypeScript这种在

2020-05-08 22:46:25 312

dd602350527的博客