只要卷不死，就往死里卷-优快云博客

原创常见的前端支付

项目中常见的支付方式支付宝支付微信支付支付宝支付项目难点：页面是h5网页，用支付宝支付必须得到支付宝授权，调用支付宝的api。（如何授权请参照：[https://blog.youkuaiyun.com/cdszdd8/article/details/76815394)）支付宝支付的一般过程是：调用订单接口，获得订单号，支付金额等。传递订单号，金额至预支付接口后台会返回来一个form，然后提交form自动跳转到支付宝支付页面支付过程：当我们选中支付宝，radio=1；当我们点击支

2020-12-07 21:40:24 4502

原创混合开发APP

WebAppWebApp开发框架WebApp是指使用HTML5编写的移动Web应用，webapp可以运行在PC、Android、iOS端等，不受限于系统，依赖于浏览器。优点：（1）前端开发语言不受限制（2）开发成本相对较低（3）版本更新快，没有限制，维护简单（4）一套代码可以多平台使用（5）能够跨多个平台和终端缺点：（1）手机原生功能调用受限（2）加载受限于网络环境，手机浏览器，手机系统等（3）较复杂的列表、样式难以实现，稳定性差（4）用户体验差（5）受限于浏览器HybridA

2020-12-07 20:55:02 456

原创 Javascript的单线程，微任务，宏任务

1、JavaScript的单线程从一诞生，JavaScript 就是单线程，这已经成了这门语言的核心特征，将来也不会改变。为了利用多核 CPU 的计算能力，HTML5 提出 Web Worker 标准，允许 JavaScript 脚本创建多个线程，但是子线程完全受主线程控制，且不得操作 DOM。所以，这个新标准并没有改变 JavaScript 单线程的本质。作者：是夜尽天明呀链接：https://www.jianshu.com/p/f478f15c1671来源：简书著作权归作者所有。商业转载请联

2020-12-07 19:19:35 206

原创根据设计图设计rem适配比例

我们一般在拿到移动端项目设计图的时候，就会根据效果图设计rem适配比例，一般都是网页的宽度除以效果图的宽度，最后换算下来一般都是 1:100 或者 1:50；首先在html页面引入meta头部<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">然后在新建一个rem.js文件，引入到html问价的最上面function r

2020-12-07 18:54:01 433

原创 uni-app快看

一、什么是uni-appuni-app 是使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。二、uni-app从无到有首先你需要你要一个开发工具HbuilderX，可以到官网下载最新版.HBuilderX官网然后就是创建一个新的uni-app项目先看一下创建好的文件目录从上之下依次是项目页面文件 -- pages静态资源文件--- static 全局页面文件（相当于vue中app.vue）---

2020-12-04 21:57:33 348 1

原创小程序难点

一，小程序里边的双向绑定和vue的双向绑定有什么区别？小程序数据双向绑定：：1，首先利用bindinput来触发改变input输入框中的值2，使用data-name来获取改变的数据的内容3， bindinput触发后在方法中通过e.currentTarget.dataset.name来获取改变后的内容‘4，通过this.setData()来改变data-name绑定的参数就好了二、组件通信1. 父组件传给子组件父组件写法：这是通过viewText="{{viewText}}"传

2020-11-29 20:23:24 228

原创微信小程序关于注册登录，存储本地token

一、获取授权信息首先判断本地有没有token如果本地有token的话，那么直接可也拿这个token请求接口了，然后在请求的接口中判断token是否过期，如果过期的话，就让用户重新登录，重新获取用户的信息，微信提供的临时code码，然后重新登录，重新将登录后的token存入本地。判断用户有没有授权如果没有token那么就首先判断用户有没有授权，如果已经授权过了那么就直接，获取用户信息，获取临时code码，然后在进行登录，登录成功之后将返回的token存入本地。如果用户没有授权，那么就需要根据项

2020-11-29 19:20:31 3898

原创微信小程序（1）

一、标签view 这个标签相当于div(它的特点就是在没有其他样式影响的情况下，宽度100%)；text这个标签相当于span(它的特点就是在没有其他样式影响的情况下，不会独占一行，宽和高由内容撑开，这个时候你设置宽高是没有用的)；image 这个标签比较重要，图片组件。src里面可以放网络地址和本地图片地址。button 这个是按钮组件。input 这个是输入框组件。navigator 这个是导航组件。二、事件1.事件类别tap：点击事件；longtap：长按事件；touch

2020-11-22 20:57:07 1696

原创 JavaScript强制类型转换，运算符。

Javascript 强制类型转换函数将其它的数据类型转换为String方式一：调用被装换数据类型的toString()方法该方法不会影响原变量，他会将转换的结果返回但是注意：null和undefined这两个值没有toStruing()方法，如果调用他们的方法，会报错方式二：调用toString()函数，并将被转换的数据作为参数传递给函数使用toString()函数做轻质类型转换时，对于Number和Boolean实际上就是调用的toString

2020-11-18 19:45:13 395

原创 webpack

文章目录前言一、安装1.局部安装2.全局安装二、配置配置文件 webpack.config.js插件为什么要使用插件？前言webpack是目前前端开发中最流行的打包工具，不仅能实现 JS 打包，还能将 CSS 文件，图片文件，甚至是 LESS 文件打包，每一个文件都是一个独立的模块，并且实现按需加载。使用时需要安装 webpack 、 webpack-cli 、webpack-dev-server三个基础模块。一、安装1.局部安装1.cnpm i webpack -S // 局部安装web

2020-11-17 16:16:53 127

原创 JavaScript简介，代码编写位置，基本语法，字面量和变量，数据类型，

一、JavaScript简介1.JavaScript组成。ECMAScript，描述了该语言的语法和基本对象。文档对象模型（DOM），描述处理网页内容的方法和接口。浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。2.JavaScript的特点（1）是一种解释性脚本语言（代码不进行预编译）。（2）主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。（3）可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。（4）跨平台特性，在绝大多数浏览器的支

2020-11-15 21:15:01 191

原创 promise 封装原生ajax，jQuery-ajax，fetch。

promise封装原生ajax。多说无益，上代码 // 封装函数，请求接口，请求方式，请求参数 function request(url, type = "GET", data = "") { // url 请求的接口地址 // type 请求方法 // 传递的参数 return new Promise((resolve, reject) => { let xhr = new XMLHttpRequest();

2020-11-12 20:28:39 158

原创 HTTP协议HTTPS协议的区别，get请求个post请求的区别，HTTP状态码，HTTP缓存机制。

一、HTTP和https的区别。1.什么是HTTP？http的全称是Hypertext Transfer Protocol Vertion （超文本传输协议），说通俗点就是用网络链接传输文本信息的协议，我们现在所看的各类网页就是这个东东。每次开网页时为什么要出现“http://”呢？其实这个道理非常简单，因为你要获得网络上超文本信息，那么你肯定要遵循其超文本传输的规范，就如同你是“天地会”成员，你和其他“天地会”成员接头时首先要说出“地震高岗，一派西山千古秀！”和“门朝大海，三合河水万年流”这样的接

2020-11-11 21:38:27 577 1

原创 ES6新增及常用。

ES6新增及常用前言ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。一、解构赋值ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构let {name} = {name:1};console.log(name) // 1二、函数扩展1.ES6新增了函数默认值。function fun(

2020-11-10 19:46:03 191

原创 vue的常用指令

Vue基础——常用指令指令：Vue的指令是以v-开头的，作用于页面中的元素，所以需要将指令绑定与元素中，从而达到给绑定的元素添加行为的目的。语法：<元素标签 v-指令 = “表达式”>1.v-text和v-html v-text 和v-html作用相近，都是更新元素的中的内容，可以理解为innertext和innerHTML，而不能一味的滥用这两个指令，如果需要更新的只是部分的元素则应该使用的是双大括号的插值：{{value}}。v-html 会解析标签，而v-text怎不会

2020-11-09 23:32:40 138

原创 vuex使用及理解。

一、Vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。什么情况下我应该使用 Vuex？Vuex 可以帮助我们管理共享状态，并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是，如果您需要构建一个中

2020-11-08 21:39:28 219 4

原创 1.为什么要使用token，token是什么？

1.为什么要使用token，token是什么？官方回答：Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位。我自己理解：token就相当于客户端登录的账号的唯一标识，在做一些数据请求的时候，后台会要求在请求头中携带token，如果没有token，或者token过期了，那么这时候就会对这个客户端进行返回响应的数据，然后前端在解析这些数据，判断是token过期，还是没

2020-11-01 19:45:45 5790

原创关于登录，存储token，验证本地token，请求头携带token。

1.为什么要使用token，token是什么？官方回答：Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位。我自己理解：token就相当于客户端登录的账号的唯一标识，在做一些数据请求的时候，后台会要求在请求头中携带token，如果没有token，或者token过期了，那么这时候就会对这个客户端进行返回响应的数据，然后前端在解析这些数据，判断是token过期，还是

2020-10-31 22:20:32 10042 5

weixin_46699908的博客