- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 随笔集：简单实现接口下发
在每次调用接口的时候都会走到request方法内，先判断当前调用的接口域名在vuex内是否存在，如果不存在则请求接口获取然后把获取到的域名组和当前请求的域名进行匹配替换。这里有一个优化点，如果请求接口的域名在请求的域名组里面不存在会造成重复请求，可以在请求参数里加一个当前请求的域名名称，没有的时候后端自动添加进去一个空的。在开发的时候我们可能会碰到域名多但又可能会进行频繁改动和切换的时候，可能会出现改错或者漏改的时候，这个时候如果能让后端去控制的话，可以避免一些风险。
2023-06-25 16:07:35
115
原创 随笔集：vue的组件及其传参
vue的组件及其传参在前端有三个非常重要的概念：’组件化‘，’‘模块化’，‘工程化’。本文主要讲的是‘组件化’在vue里面所具备的一些表现和属性。组件化：顾名思义，就是将一些可以复用的单个功能封装成一个共用组件，当我们需要时在页面直接引用封装组件也比较简单，要实现它的复用性，我们就必须得在封装的组件里配置我们可以更改的参数(如：高度，颜色，大小等)，在之前我们得知道他们如何进行传递参数。组件之前的参数传递方式有三种：父传子，子传父以及非父子之间传值。父组件：引入公共组件的vue页面子组件
2021-01-09 00:53:50
239
原创 随笔集：H5如何对接原生app的方法
H5如何对接原生app的方法原生APP内部嵌入H5页面的场景对于web前端来说可能并不陌生，既然是嵌入在APP内部肯定也少不了会涉及到APP和H5的一些交互。比如传参、H5调用APP方法、APP调用H5方法等。判断IOS还是Androidvar u = navigator.userAgent, app = navigator.appVersion;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -
2021-01-08 22:17:22
1792
原创 随笔集：vue Router的动态路由路径配置及路由守卫
vue Router的动态路由路径配置及路由守卫vue Router 是 vue官方提供的路由管理器，就是你在地址栏输入什么地址就跳到相对应的页面里去。动态路由路径下面是刚新建的router.js内容：import Vue from 'vue' //引入的vue对象import Router from 'vue-router' //引入router对象import HelloWorld from '@/components/HelloWorld' //引入页面Vue.use(Router
2021-01-08 02:05:53
885
原创 随笔集：微信小程序的微信支付
微信小程序的微信支付简单来说一下微信支付的开发流程：大概来说就是两步：1.客户端请求后端生成订单，后端生成商户订单后调用统一下单API,微信方会生成一个预付单，并返回预付单信息(prepay_id),后端接收到后生成JSAPI页面调用的支付参数并签名，后传给客户端(prepay_id、paySign等)2.客户端调用api使用返回过来的参数主动调起支付，微信方检查参数合法性，返回验证结果给客户端并要求支付授权，授权后输入密码，微信方验证成功后将结果异步发送给后端，后端在接收到微信方的结果后发送通知
2021-01-08 00:39:24
351
原创 随笔集：uniapp和vue刷新后防止vuex数据清空
uniapp和vue刷新后防止vuex数据清空了解过vuex的都知道 vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，它是用来存放一些页面公用的变量以便可以用来解决一些无关系页面传值困难的情况，但他有一个很大的缺点。当你刷新页面后你会发现里面的值打印不到了。因为store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数据就会被重新赋值。解决方案就是通过localStorage、sessionStorage、cookie这些方法在刷新之前将值存入进去
2021-01-06 23:53:19
2073
2
原创 随笔集：uniapp小程序生成名片海报
uniapp小程序生成名片海报<template> <view class="view"> <view class="post" @click.stop.prevent="change"> <view class="canvas" v-show="hasPost"> <canvas id="firstCanvas" :style="{ 'margin-top':cansHeight/10 + 'px',width: cansWidt
2021-01-06 22:57:21
1336
原创 随笔集：本地环境和线上环境
实现的功能：自动区分本地环境、测试环境、线上环境的域名自动区分本地环境、测试环境、线上环境的静态资源路径本地环境、测试环境、线上环境打包到不同的文件目录1.修改config/index.js文件（现在的index.js中只包含了dev和build部分，我们需要复制一份build,然后将名字改为test，并修改对应的index、assetsRoot、assetsSubDirectory、assetsPublicPath）config/index.js.pngindex:编译后index.html文
2021-01-06 00:21:36
306
原创 随笔集：简单认识vue中axios的请求拦截和响应拦截
简单认识vue中axios的请求拦截和响应拦截只要是一个正常的vue项目一定会涉及到后端的数据请求和返回。但每次请求和返回都不一定是一样的，所以我们得在发送请求之前或者接受数据之后进行一些初步性的判断和操作。下方罗列出一些基本常用的axios功能//请求超时时间axios.defaults.timeout = 30000 // 返回的状态码范围axios.defaults.validateStatus = function (status) { return status >
2021-01-04 23:55:55
940
原创 随笔集：uniapp的分包
uniapp的分包由于微信小程序的代码体积打包压缩后不能超过2M，但就一般小程序而言其实就相当于一个阉割版的app，功能上哪怕阉割再多，只要形成一定的玩法规则体系，非常容易就超过这个限制。因此官方提出了分包的概念。就是将一个大的代码包分成若干个更小的小代码包。但是每个分包和主包也不能单个超过2M的限制且整个小程序所有分包大小不超过 8M。分包的实现也十分简单，这边我以uniapp为例。{ "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud
2021-01-04 23:16:41
337
原创 改正版win10安装nodejs
改正版win10安装nodejs及vue脚手架步骤1.node官网下载node包，我这下载的是64位https://nodejs.org/en/download/（node官网下载地址）2.一路安装下去就行接受协议这里改了路径放在D盘的nodejs文件里这里不知道是不是一定要点击Add to PATH（上次我忽视了这步一直在后面的-v不成功）一直到出现这个页面按下finish就完成node的安装了再打开cmd输入node -v出来版本号就说明安装成功了，npm -v是检验npm
2021-01-04 00:23:09
211
原创 面试查漏补缺记录
面试查漏补缺记录1、一个网页从开始请求到最终显示的完整过程一个网页从请求到最终显示的完整过程一般可分为如下7个步骤：在浏览器中输入网址；发送至DNS服务器并获得域名对应的WEB服务器的IP地址；与WEB服务器建立TCP连接；浏览器向WEB服务器的IP地址发送相应的HTTP请求；WEB服务器响应请求并返回指定URL的数据，或错误信息，如果设定重定向，则重定向到新的URL地址。浏览器下载数据后解析HTML源文件，解析的过程中实现对页面的排版，解析完成后在浏览器中显示基础页面。分析页面中的超链
2020-09-15 20:20:39
176
原创 如何在微信小程序写有底部滑块效果的table页
如何在微信小程序写有底部滑块效果的table页再之前的一篇文章内我写了一个js实现底部滑块的table页，顺便再记录一下小程序里如何实现该功能。和js实现效果一样，同样是先获取每个选项的宽度和到父级左边的距离，得到底部滑块的left值，在小程序里我把他封装成了一个小组件。具体结构如下图组件部分（table-top）<template> <view class="topNav" :style="'background:#fff'"> <view class="n
2020-09-11 18:57:01
313
原创 如何用js写一个有滑动动画的切换table
如何用js写一个有滑动动画的切换列表在不久前有个H5项目上遇见一个需求需要写一个tab底部条下划线滑动效果的功能，特在此记录一下。其实原理非常简单，底部红线和父级相对定位，改变红线的left值就能做到了。要动画效果的话底部红线的css样式加上transition动画就可以了。下面我们上代码。css部分body,html{ margin: 0; padding: 0;}.tab{ width: 100%;}.tab_top{ width: 100%;
2020-09-10 20:43:58
771
原创 什么是vue?零基础创建一个vue项目
什么是vue？vue全家桶有哪些？如何创建一个简单的vue项目？前言一、什么是vue？二、vue全家桶有哪些？1.vue-cli2.vue-router3.vuex4.axios5.UI框架三、如何创建一个简单的vue项目？安装node1、到[node 官网](https://nodejs.org/en/) 选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可2.检查是否安装成功3.配置node环境和淘宝镜像（cnpm）创建vue项目1.安装vue2.安装vue脚手架（vue-cli）3.开始新建项目总
2020-09-02 17:38:42
969
1
js底部滑动动画table.zip
2020-09-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人