- 博客(20)
- 收藏
- 关注
原创 vue微信,支付宝支付流程
主要流程vue 支付微信返回字符串,转为二维码扫码即可支付。支付宝返回HTML代码,调用form 的submit 开启支付流程:1、调用订单接口,获得订单号,2、传递订单号至预支付接口,返回(字符串/HTML)代码,本文章用于解决怎么处理 字符串/HTML代码(微信)第一步 :VUE 需要安装 微信支付模块npm install weixin-js-sdk//加入需要引入的模块import wx from "weixin-js-sdk";第二步 封装 微
2020-12-07 21:37:28
1006
1
原创 js单线程,微任务宏任务
js中的宏任务与微任务1.事件循环JavaScript 语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。为了协调事件、用户交互、脚本、UI 渲染和网络处理等行为,防止主线程的不阻塞,Event Loop 的方案应用而生。Event Loop 包含两类:一类是基于 Browsing Context,一种是基于 Worker。二者的运行是独立的,也就是说,每一个 JavaScript 运行的"线程环境"都有一个独立的 Event Loop,每一个 Web Worker 也有一个独立的 Event
2020-12-07 19:40:17
145
1
原创 web混合开发
1. web网页调用ios和android1.web页面发送一个假的请求2.ios,android拦截请求,解析是真请求还是假请求真请求放行假请求拦截,解析出真实的功能需求字段,通过发布订阅,传递给相应文件,做出相应的操作发送一个假请求,让原生开发拦截(该加请求的url路劲需要和ios,android设置的保持一致)ios拦截请求// 继承类MyURLProtocol,子类NSURLProtocol// MyURLProtocol.h文件#import <Foundation/
2020-12-07 19:07:05
245
原创 根据设计图设计rem比例
一、什么是rem?rem是相对长度单位。相对于根元素(即html元素)font-size计算值的倍数的一个css单位,也就是我们前端常说的适配单位rem。因为rem的特性相对长度单位,常被用来做移动适配,pc端页面不推荐使用rem。二、rem的移动适配原理?举个列子:设计稿宽度:600px移动设备:600px设置html的 font-size= 移动设备 / 设计稿宽度 * 100 = 100px,那么 1rem = 100px设置一个盒子的宽度: width=1rem(即100px),
2020-12-07 18:48:05
472
原创 从uniapp使用的开发软件,到创建,到运行,如何打包不同平台的代码,如何打包apk,云打包,如何运行在不同的端
文章目录一、uni-app简单介绍什么是uni-app?uni-app的优点跨平台发行,运行体验更好通用前端技术栈,学习成本更低开发生态,组件更丰富二、功能框架浏览图三、创建项目1、安装HBuilderX2、创建uni-app3、运行项目4、官方提示四、打包apk,云打包五、项目中使用扩展组件一、uni-app简单介绍什么是uni-app?uni-app 是使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。uni-app的优点
2020-12-04 21:23:48
1008
原创 走进uni-app
文章目录前言一、uni-app是什么?二、uni-app基础语法1.组件的基本使用1.1text文本组件的用法1.1.1 text 组件的属性1.1.2 代码案例1.2 view视图容器组件的用法1.2.1 view组件的属性1.2.2 代码案例1.3button按钮组件的用法1.3.1 button组件的属性1.3.2 代码案例1.4 image按钮组件的用法1.3.1 image组件的属性三、uni-app中的样式四、uni-app的生命周期1.应用的生命周期2.页面的生命周期3.组件的生命周期五、un
2020-12-04 21:09:29
1234
1
原创 微信小程序授权登录流程
微信小程序登录授权在项目中,登录,授权页面,都必须要传递token值。一般商品详情页面的商品收藏,加入购物车。购物车页面都需要传递token。token是什么?Token是服务端生成的一串字符串,以作客户端进行请求的一个令牌,当第一次登录后,服务器生成一个Token便将此Token返回给客户端,以后客户端只需带上这个Token前来请求数据即可,无需再次带上用户名和密码。验证是否授权小程序的API接口中有些接口是需要用户授权才可以调用的,以调用获取用户信息(性别、昵称、头像、地区等)的API为例:
2020-11-29 19:49:17
2406
原创 小程序开发遇到的问题
前言最近学习了下小程序开发, 做了一个电商的小程序,期间遇到的一些问题,记录下来。一、关于rpx一开始没有仔细的看官方文档,在iPhone8上1px=2rpx,就天真的以为在iPhone8 Plus上就是1px=3rpx,结果导致一个组件的显示有问题,而且是很久之后在同事的手机上发现????。后来有看了下文档,发现是通过屏幕宽度来换算的,而不是pixelRatio。比如8 Plus就是750rpx=414px,1px=750/414rpx=1.81rpx附官方WXSS介绍二、NAVIG
2020-11-29 19:14:26
233
原创 微信小程序开发入门
文章目录一、微信小程序是什么?1.简介2.功能二、开发前的准备1.申请账号2.安装开发者工具三、创建项目1.创建项目2.项目目录3.允许上传的文件四、项目配置1.全局配置2.页面配置五、开发1.标签2.语法3.指令总结一、微信小程序是什么?1.简介微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。2.功能微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的
2020-11-21 20:49:50
254
1
原创 JavaScript 高级
一、数据类型在 JS 中 字符串不只是字符串 还是一个对象string类型var str = 'xxxxxx';//一般声明方式var str2 = new String('yyyyyy');//底层原型声明方式->对象array类型(typeof为object) //万物皆对象(函数)var arr = [1,2,3];//一般声明方式var arr2 = new Array();//底层原型声明方式->对象object类型var obj = {};//一般声明方式
2020-11-18 19:41:19
171
原创 Webpack入门教程
一、Webpack1.什么是Webpack?Webpack是一个模块打包器,它的主要目标是将JavaScript文件打包在一起,打包后的文件用于在浏览器中使用。 ----Webpack中文文档说白了,它最大的用处就是分析一个网页的各种依赖,并且自动化地将这些依赖打包在一起并且压缩,供网页使用。当然它的功能不止如此,比如依赖loader,它还可以将JavaScript ES6(很多老浏览器不一定支持)转换成支持更加多浏览器的老版本JavaScript。总之,它在前端的模块化开发中占有重要的作用,如
2020-11-17 20:50:49
107
原创 初识JavaScript
js初识js是一种运行在客户端的脚本语言。即它不像java一样,它不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行它的应用十分广泛,在我们的前端是必不可少的。同时node.js同样也是一种后台技术js由ECMAScript、DOM、BOM组成。它们分别又是什么呢?1.ECMAScript——js语法 ECMAScript 是由ECMA 国际( 原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为 JavaScript或 JS
2020-11-15 19:52:31
113
原创 使用promise封装 原生ajax,$.ajax(),以及fetch
文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport
2020-11-12 19:58:24
228
原创 http/https协议、常见状态码、get/post、http缓存机制
一、http与https协议先来观察这两张图,第一张访问域名http://www.12306.cn,谷歌浏览器提示不安全链接,第二张是https://kyfw.12306.cn/otn/regist/init,浏览器显示安全,为什么会这样子呢?2017年1月发布的Chrome 56浏览器开始把收集密码或信用卡数据的HTTP页面标记为“不安全”,若用户使用2017年10月推出的Chrome 62,带有输入数据的HTTP页面和所有以无痕模式浏览的HTTP页面都会被标记为“不安全”,此外,苹果公司强制所有i
2020-11-11 20:32:37
486
原创 es6新特性
es6简介ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。一、 es6新增1.var,let,cont1.1var 定义的变量:全局变量和局部变量(函数):function fn(){ var num = 10; alert(num)}fn();alert(num); //num is not define
2020-11-10 17:43:37
193
原创 vue常用指令,单选多选的实现
一、vue常用指令指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。1.v-text给一个便签加了v-text 会覆盖标签内部原先的内容 如下面的例子呵呵呵不会显示<div id="app"> <p v-text="msg">哈哈哈</p></div><scrip
2020-11-09 22:01:28
455
原创 vuex详解
文章目录一、vue是什么1.1vue介绍1.2vue的好处二、使用步骤2.1安装2.2使用总结一、vue是什么1.1vue介绍Vuex是一个专为Vue开发的应用程序的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。1.2vue的好处试想一下,如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。为此,Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。
2020-11-07 23:27:58
398
原创 前端本地图片上传
前言作为前端工程师,我们在做项目时会不可避免的遇到上传本地图片的功能,今天笔者就来说一说如何上传本地图片一、img文件上传步骤1.input标签设置上传本地图片的第一步是设置input的type为file,需要注意的是为了不影响布局需要把input框设置为隐藏状态,并且设置一个change事件。<inputtype="file"ref="file"style="display: none"@change="inpu()"/>2.点击按钮弹出本地文件夹当点击按钮时,触
2020-11-06 21:55:31
1611
1
原创 关于app封装 搭建,注册登录 关于token的一些理解
前言作为一名入行不久的前端小白,最近协同开发一款App项目。特次来分享一些开发过程中总结出的心得,希望能够帮助到大家。一、App开发是什么?简单说一下App开发,App开发,是指专注于手机应用软件开发与服务。 App是application的缩写,通常专指手机上的应用软件,或称手机客户端。另外有很多在线app开发平台。移动互联网时代是全民的移动互联网时代,是每个人的时代,也是每个企业的时代。APP便捷了每个人的生活,APP开发让每个企业都开始了移动信息化进程。所以对一个前端开发人员来说,ap
2020-10-30 20:41:20
223
原创 Git的初步使用
前言Git 作为目前世界上最先进的分布式版本控制系统,注意不是之一是最先进的,使用git是可以让你事办N倍。创建一个Git首先要下载Git(附上官网):https://git-scm.com/Git的创建首先要创建一个文件夹,打开终端输入:git init // 初始化;在这里插入代码片初始化完成后会在文件夹中生成一个 .git文件夹(注意千万不要更改,这回导致git的出错),如果没有显示出来可以在文件夹的查看中找到选项在找查看对隐藏文件夹和文件进行更改。Git的配置当git创建
2020-09-25 19:21:16
116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人