- 博客(18)
- 收藏
- 关注
RSS订阅
原创 uni-app webview 嵌套H5微信支付跳转问题
项目中遇到的坑，搞了几天，终于解决了，现整理一下：本人app项目是uni-app开发的安卓和iOS版本，安卓测试无问题，以下主要说iOS的解决方案。问题点：app用webview打开H5页面，在H5页面发起微信支付（非app支付）唤醒微信打开支付，此时放弃支付或者支付完成，微信默认打开safari浏览器，没有返回app。1.在H5页面，发起支付时，后端写一个接口去访问微信的接口，微信会返回一段链接，直接回调给前端，前端处理代码如下：//请求后台接口获取url$.ajax({ url:"", t
2021-03-29 15:31:03
5097
8
原创 hooks与class简单对比
一. 为啥要用Hook1.Hook是React16.8的新增特性，它可以让我们在不编写class的情况下使用state以及其他的React特性（比如生命周期）。2.class相比函数式组件的优势：class组件内部可以定义自己的state，用来保存组件自己内部的状态；函数式组件不可以，因为函数每次调用都会产生新的临时变量。class组件有自己的生命周期，可以在对应的生命周期中完成自己的逻辑；比如在componentDidMount中发送网络请求，并且该生命周期函数只会执行一次；函数式组件在学习ho
2021-09-16 17:38:16
2636
1
原创 ElementUI form 下面只有一个 input 时回车键刷新页面
form 下面只有一个 input 时回车键刷新页面原因是触发了表单默认的提交行为，给el-form 加上@submit.native.prevent就行了<el-form inline @submit.native.prevent> <el-form-item label="订单号"> <el-input v-model="query.orderNo" :placeholder="输入订单号查询" clearable
2021-08-27 10:31:47
329
原创 ReactJS生命周期有哪些不同阶段？
React组件的生命周期分为四个不同阶段：1.初始化： 在此阶段，react组件准备设置初始状态和默认道具。2.挂载： react组件已准备好挂载在浏览器DOM中。此阶段涵盖 componentWillMount 和 componentDidMount 生命周期方法。3.更新： 在此阶段，组件以两种方式进行更新，即发送新道具和更新状态。此阶段涵盖了 shouldComponentUpdate，componentWillUpdate和componentDidUpdate 生命周期方法。4.卸载： 在最
2021-08-09 10:51:33
247
原创 react hooks的优缺点
优点一、更容易复用代码这点应该是react hooks最大的优点，它通过自定义hooks来复用状态，从而解决了类组件有些时候难以复用逻辑的问题。hooks是怎么解决这个复用的问题呢，具体如下：1.每调用useHook一次都会生成一份独立的状态，这个没有什么黑魔法，函数每次调用都会开辟一份独立的内存空间。2.虽然状态(from useState)和副作用(useEffect)的存在依赖于组件，但它们可以在组件外部进行定义。这点是class component做不到的，你无法在外部声明state和副作用
2021-08-04 13:49:38
2144
原创 4种数组扁平化的方式
什么是数组扁平化？数组扁平化其实就是将多维数组转为一维数组。今天与你一起来分享4种数组扁平化的方式。方式一：ES6的flat方法const arr = [1,[2,[3,[4,5]]],6]// 方法一：数组自带的扁平化方法,flat的参数代表的是需要展开几层，如果是Infinity的话，就是不过嵌套几层，全部都展开console.log(arr.flat(Infinity))使用的是ES6的flat(),flat方法的参数可以是n也可以直接写死Infinity，n代表展开几层，例如上面的例
2021-06-09 10:40:08
278
原创 React Hooks 你了解吗?
什么是React HookReact Hook是React 16.8版本之后添加的新属性，用最简单的话来说，React Hook就是一些React提供的内置函数，这些函数可以让Function Component和Class Component一样能够拥有组件状态（state）以及进行副作用（side effect）。常用Hook介绍接下来我将会为大家介绍一些常用的Hook，对于每一个Hook，我都会覆盖以下方面的内容：作用用法注意事项useState作用useState理解起来非常简单，
2021-06-07 11:21:09
172
原创 前端基本排序算法比较
这里主要介绍的基本排序算法主要包括: 冒泡排序,选择排序,插入排序, 文章后面会对这几个算法进行性能比较.基本排序算法的核心思想是对一组数据按照一定的顺序重新排列. 重新排列主要就是嵌套的for循环. 外循环会遍历数组每一项,内循环进行元素的比较.1.冒泡排序 冒泡排序是最慢的排序算法之一, 也是最容易实现的排序算法.使用这种算法进行排序时,数据值会像气泡一样从数组的一端漂浮到另一端,所以称之为冒泡排序.假设要对数组按照升序排列,较大的值会浮动到数组的右侧,较小值会浮到左侧.原理: 从开始第一
2021-06-03 15:21:34
85
原创 ElementUI和Ant Design对比
先接触了ElementUI,然后后面又接触了Ant Design，在这里做个对比，希望通过对比这两前端ui框架，能够更加深入的了解和使用这些框架。从体验上来看：我更加倾向于elementUI, UI上更加漂亮，使用起来更加容易上手。一开始，我最新接触的就是elementUI，感觉elementUI这个框架更加适合于面向外部开发。而作为对比的Ant Design，也有一定的优势。从功能上来讲，后者更加齐全。比如回到顶部组件：树形选择：，Ant Design更加适合管理平台的开发。从实用上来看：总
2021-06-03 14:54:44
22296
3
原创 vue 下载图片或者文件
var blob = new Blob([res.data], { type: 'application/octet-stream;charset=UTF-8' }) var contentDisposition = res.headers['content-disposition'] var patt = new RegExp('filename=([^;]+\\.[^\\.;]+);*') var result = patt.exec(co...
2021-05-27 09:33:12
450
原创 浏览器从输入URL到页面渲染发生了什么？
1、浏览器的地址栏输入URL并按下回车。2、浏览器查找当前URL是否存在缓存，并比较缓存是否过期。3、DNS解析URL对应的IP。4、根据IP建立TCP连接（三次握手）。5、HTTP发起请求。6、服务器处理请求，浏览器接收HTTP响应。7、渲染页面，构建DOM树。8、关闭TCP连接（四次挥手）。...
2021-05-12 14:26:46
68
原创 angular和angularjs有什么区别
Angular与AngularJS是同一种事物但因版本的不同而名字不一样，前者的核心是组件另外可以取消双向绑定，在性能上大大提升；后者是模板功能强大丰富，具有双向数据绑定等等。angular是由Google维护的一款开源javaScript库。Anguar1.5叫做angularJs，Angular4.0称为Angular，Angular1.5到Angular4.0是完全重写。angular是一种单页应用，组件应用。重在构建高重用组件，使用的是TypeScript语法。可以说，angularJs是没有什
2021-05-08 10:55:37
2066
原创 手机端H5页面上调试打印console的方法
1.纯html写的代码引入<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>然后在<script>//初始化let vConsole = new VConsole();console.log('测试');</script>2.vue-cli 工程化项目里面的使用//导入安装包，安装在 devDependencies配置里面 只是开发环
2021-04-29 16:18:23
2293
原创 vue和react，angular的区别
1.Vue是 是一套构建用户界面的渐进式框架。最大的优势，就是实现了数据的双向绑定，而React的数据流动是单向的。2.React中是把html和css全都写进js中。而Vue采用的是模板，就是在html中写css和js，最后再用webpack和vue-loader进行打包，这种编码方式对于初学者而言是很舒服的。3.在React中要想更新状态，必须调用setState方法，而在Vue中只需要通过this的某种方式去更新state中的数据，这种方式更加方便。4.Vue会跟踪每一个组件的依赖关系，不需要重
2021-04-21 09:51:09
2657
原创 uni-app加载webview的软键盘覆盖到输入框input
app端加载webview键盘弹出时，屏幕高度发生改变，android 在键盘弹出时会触发 onWindowResize, iOS 键盘弹出时窗口不变，所以不触发。onLoad() { var height = 0; //定义动态的高度变量，如高度为定值，可以直接写 uni.getSystemInfo({ success: (sysinfo) => { height = sysinfo.windowHeight; //自行修改 }, complete:
2021-04-12 11:00:16
1116
1
原创 JavaScript 常用数组方法整理
1.concat() 方法用于连接两个或多个数组，该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。var arr1 = ["a", "b"];var arr2 = ["c", "d", "e"];var arr3 = ["f"];var arr4 = arr1.concat(arr2,arr3);console.log(arr1); // ["a", "b"]console.log(arr2); // ["c", "d", "e"]console.log(arr3); //
2021-04-08 10:10:01
93
原创 uni-app,Taro,react native和flutter的区别
最近开发一个新项目，在考虑技术选型，现有uni-app，Taro，RN，flutter，客观比较一下uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、
2021-04-06 09:21:36
4809
1
原创 uni-app安卓app嵌套web-view 物理返回键处理
使用uni-app 开发的app，部分功能页面加载的H5页面，在app中跳转H5使用的是webview跳转的方式，H5页面是自定义的标题栏返回；在H5二级三级页面中可以一级一级的返回到app中。现需要控制安卓物理返回键在H5的二级三级页面中一级一级的返回到app问题：解决思路：在uni-app加载webview的页面中，使用onBackPress方法控制跳转// 只有在该函数中返回值为 true 时，才表示不执行默认的返回，自行处理此时的业务逻辑onBackPress(options) { if
2021-03-29 16:16:37
1602
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人