前端
只要卷不死,就往死里卷
人可以卑微如尘土,但不可扭曲如蛆虫
展开
-
常见的前端支付
项目中常见的支付方式支付宝支付微信支付支付宝支付项目难点:页面是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 评论 -
vuex使用及理解。
一、Vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。什么情况下我应该使用 Vuex?Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是,如果您需要构建一个中原创 2020-11-08 21:39:28 · 155 阅读 · 4 评论 -
1.为什么要使用token,token是什么?
1.为什么要使用token,token是什么?官方回答:Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证,服务端认证成功,那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位。我自己理解:token就相当于客户端登录的账号的唯一标识,在做一些数据请求的时候,后台会要求在请求头中携带token,如果没有token,或者token过期了,那么这时候就会对这个客户端进行返回响应的数据,然后前端在解析这些数据,判断是token过期,还是没原创 2020-11-01 19:45:45 · 5455 阅读 · 0 评论 -
关于登录,存储token,验证本地token,请求头携带token。
1.为什么要使用token,token是什么?官方回答:Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证,服务端认证成功,那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位。我自己理解:token就相当于客户端登录的账号的唯一标识,在做一些数据请求的时候,后台会要求在请求头中携带token,如果没有token,或者token过期了,那么这时候就会对这个客户端进行返回响应的数据,然后前端在解析这些数据,判断是token过期,还是原创 2020-10-31 22:20:32 · 9711 阅读 · 5 评论 -
JavaScript 继承和原型
es6小语法模板字符串 ` 在这里可以写内容 ${变量名}` 模板字符串简化了字符串拼接,是js字符串拼接不在使用 + 符号连接JavaScript继承 1.原型继承 不做过多解释直接上代码 // let fu =function(name){ // this.name =name // } // fu.prototype.say=function(){ // alert("你好") // } // let zi原创 2020-09-29 19:15:48 · 79 阅读 · 0 评论 -
git--程序员必学的版本控制工具,git安装及基础语法
###一、什么是git?1.git是世界上最先进的分布式版本控制系统(没有之一)。2.特点:高端大气上档次。###二、安装git。1.访问官网( http://msysgit.github.io/ )进行安装 。2.安装成功后在桌面鼠标右键会有 **git besa Here 和 git GUI Here 两个选项。###三、配置git。1.在桌面鼠标右键然后打开**git besa Here**。2.先输入 git config --global user.name "Your Na原创 2020-09-25 17:16:45 · 103 阅读 · 0 评论