笔记
只要卷不死,就往死里卷
人可以卑微如尘土,但不可扭曲如蛆虫
展开
-
常见的前端支付
项目中常见的支付方式支付宝支付微信支付支付宝支付项目难点:页面是h5网页,用支付宝支付必须得到支付宝授权,调用支付宝的api。(如何授权请参照:[https://blog.csdn.net/cdszdd8/article/details/76815394))支付宝支付的一般过程是:调用订单接口,获得订单号,支付金额等。传递订单号,金额 至预支付接口后台会返回来一个form,然后提交form自动跳转到支付宝支付页面支付过程:当我们选中支付宝,radio=1;当我们点击支原创 2020-12-07 21:40:24 · 4195 阅读 · 0 评论 -
混合开发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 · 385 阅读 · 0 评论 -
Javascript的单线程,微任务,宏任务
1、JavaScript的单线程从一诞生,JavaScript 就是单线程,这已经成了这门语言的核心特征,将来也不会改变。为了利用多核 CPU 的计算能力,HTML5 提出 Web Worker 标准,允许 JavaScript 脚本创建多个线程,但是子线程完全受主线程控制,且不得操作 DOM。所以,这个新标准并没有改变 JavaScript 单线程的本质。作者:是夜尽天明呀链接:https://www.jianshu.com/p/f478f15c1671来源:简书著作权归作者所有。商业转载请联原创 2020-12-07 19:19:35 · 134 阅读 · 0 评论 -
根据设计图设计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 · 333 阅读 · 0 评论 -
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 · 254 阅读 · 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 · 164 阅读 · 0 评论 -
微信小程序关于注册登录,存储本地token
一、获取授权信息首先判断本地有没有token如果本地有token的话,那么直接可也拿这个token请求接口了,然后在请求的接口中判断token是否过期,如果过期的话,就让用户重新登录,重新获取用户的信息,微信提供的临时code码,然后重新登录,重新将登录后的token存入本地。判断用户有没有授权如果没有token那么就首先判断用户有没有授权,如果已经授权过了那么就直接,获取用户信息,获取临时code码,然后在进行登录,登录成功之后将返回的token存入本地。如果用户没有授权,那么就需要根据项原创 2020-11-29 19:20:31 · 3615 阅读 · 0 评论 -
微信小程序(1)
一、标签view 这个标签相当于div(它的特点就是在没有其他样式影响的情况下,宽度100%);text这个标签相当于span(它的特点就是在没有其他样式影响的情况下,不会独占一行,宽和高由内容撑开,这个时候你设置宽高是没有用的);image 这个标签比较重要,图片组件。src里面可以放网络地址和本地图片地址。button 这个是按钮组件。input 这个是输入框组件。navigator 这个是导航组件。二、事件1.事件类别tap:点击事件;longtap:长按事件;touch原创 2020-11-22 20:57:07 · 1365 阅读 · 0 评论 -
JavaScript强制类型转换,运算符。
Javascript 强制类型转换函数将其它的数据类型转换为String方式一: 调用被装换数据类型的toString()方法 该方法不会影响原变量,他会将转换的结果返回 但是注意:null和undefined这两个值没有toStruing()方法,如果调用他们的方法,会报错方式二: 调用toString()函数,并将被转换的数据作为参数传递给函数 使用toString()函数做轻质类型转换时, 对于Number和Boolean实际上就是调用的toString原创 2020-11-18 19:45:13 · 293 阅读 · 0 评论 -
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 · 71 阅读 · 0 评论 -
JavaScript简介,代码编写位置,基本语法,字面量和变量,数据类型,
一、JavaScript简介1.JavaScript组成。ECMAScript,描述了该语言的语法和基本对象。文档对象模型(DOM),描述处理网页内容的方法和接口。浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。2.JavaScript的特点(1)是一种解释性脚本语言(代码不进行预编译)。 (2)主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。(3)可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。(4)跨平台特性,在绝大多数浏览器的支原创 2020-11-15 21:15:01 · 116 阅读 · 0 评论 -
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 · 91 阅读 · 0 评论 -
HTTP协议HTTPS协议的区别,get请求个post请求的区别,HTTP状态码,HTTP缓存机制。
一、HTTP和https的区别。1.什么是HTTP?http的全称是Hypertext Transfer Protocol Vertion (超文本传输协议),说通俗点就是用网络链接传输文本信息的协议,我们现在所看的各类网页就是这个东东。每次开网页时为什么要出现“http://”呢? 其实这个道理非常简单,因为你要获得网络上超文本信息,那么你肯定要遵循其超文本传输的规范,就如同你是“天地会”成员,你和其他“天地会”成员接头时首 先要说出“地震高岗,一派西山千古秀!”和“门朝大海,三合河水万年流”这样的接原创 2020-11-11 21:38:27 · 502 阅读 · 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 · 121 阅读 · 0 评论 -
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 · 92 阅读 · 0 评论