微信小程序登录验证
流程图在说怎么做之前,先看下这个流程图
思路看完这个流程图 ,相必大家已经很清楚了。
为了防止大家不太明白,再次给大家聊一下流程图
在授权之前,应该选判断是否已经授权。因为在别的地方已经授权了
已授权:直接跳过授权的过程,进行本该进行的操作
未授权:进如以下流程进行授权
获取用户信息。
由于用户信息是隐私为题,需要征求用户的同意。所以,把这一步放到第二步,而不是第三步。
用户同意获取用户信息:获取用户系信息
用户不同意获取用户信息:终止以下操作,返回最开始授权之前的页面
使用微信提供的API接口wx.login(),请求微信的服务器,获取code
成功:返回code
失败:返回错误信息
使用获取到的用户信息+code向公司的服务器发起获取Token的 接口 请求。服务器根据传递的数据进行判断
请求成功:返回token 和请求成功的 状态信息等
请求失败:返回失败的 错误信息 比如:code不一致等(后端程序员编写具体的接口返回内容)
当请求成功后,进行本地存储 ,并开始授权之前的操作
使用微信小程序提供的API接口,进行本地存储
以后再有地方需要toke ...
js获取html到fontSize大小
前言
由于本人的能力有限,如若有说得做的不对的地方,还望指出。当然,如若你有更好的方法,或者更优解,还望不吝赐教。
获取视窗高度1let htmlWidthPX = document.documentElement.clientWidth || document.body.clientWidth
获取html的font-size1let htmlFontSizePX=document.getElementsByTagName('html')[0].style.fontSize
设置fontSize1document.getElementsByTagName('html')[0].style.fontSize= xxx + "px"
更新
1.window.getComputedStyle(element, [pseudoElt]) 获取指定元素对应CSS属性的最终计算值
官方解释
参数解析
element:必需,要获取样式值的元素对象
pseudoElt:可选,表示指定节点的伪元素(:before、 ...
盒子的垂直水平居中的几种方式
准备工作首先,在做之前,咱们先来分析一下我们要做的是什么?
一个盒子,垂直 水平 居中
首先 有居中 就必定会被一个父容器(盒子)包裹。
其次 要居中的盒子不会超出父容器大小(否则做居中意义就不大了)
然后 要居中的盒子的宽高可以分为两类 1. 具有固定的宽高。 2. 没有固定的宽高
根据盒子的类型也可分为两类 1.行内快元素inline-block 2. 块级元素block
那么 现在开始吧!
方式一 (弹性盒模型的方式)html 代码
123<div class="box"> <div class="container"></div></div>
css 代码
1234567891011.box{ height: 100vh; display: flex; justify-content: center; align-items: center;}.container{ width: 200px; ...
JavaScript正则表达式
写在前面正则表达式是一种字符串规则,在很多处理字符串的场合能够发挥出不可估量的强大,比如表单验证,数据替换等等。作为一名程序员,不管是前端还是后端,都应该掌握这门技术。此文章是本人在学习正则表达式时的一些笔记,以及封装的一些比较常用且功能强大的函数。希望这篇文章能够帮助到其他的小伙伴。当然,可能有些封装的不尽完美,所以,不尽完美之处,还请请私信我。我们共同进步。
正则表达式 (基础部分)
regular expression : RegExp 正则表达式
作用:
用来处理字符串的规则
只能处理字符串、
他是一个规则 可以验证字符串是否符合某个规则(test方法),也可以把字符串中符合规则的内容捕获到(exec/match方法)
编写正则表达式
创建方式有两种
12345//字面量的方式创建 (两个//之间包起来的都是用来描述正则规则的元字符)let reg=/\d+/;//实例的方式 构造函数创建 两个参数: 一个是元字符字符串 修饰符字符串let reg1=new RegExp('\\d+');
正则表达式由两部分组成 ...
docsify的基本使用
官网https://docsify.js.org/#/zh-cn/quickstart
快速开始初始化项目12345678910//找一个感觉的文件夹//安装doscify-cli工具npm i docsify-cli -g//初始化项目docsify init ./docs//启动项目 默认占用3000端口docsify serve ./docs
配置
插件
具体的看文档就好了 文档写的很详细
此时,问题就完美解决了
如果能够帮助到你,是小编最大的荣幸
当然 有 不好的地方 请大家帮忙指出 学习永无止境
小编一直认为 人外有人 天外有天 一起学习 共同进步
让我们共同加油吧!!!
设置cookie
通过js设置cookie的方法我们在前端开发中,通常都需要获取并记录用户的某些操作设置,这样可以使用户下一次访问网站时不用进行重复的调整设置同一个功能。
此次文章中的方法是在前端开发工作中自己随手写的一组通过js设置与获取cookie的方法,能够应用在多说情况下,没做细挖与深究
12345678910111213141516171819202122var cookie = { set:function(key,val,time){//设置cookie方法 var date=new Date(); //获取当前时间 var expiresDays=time; //将date设置为n天以后的时间 date.setTime(date.getTime()+expiresDays*24*3600*1000); //格式化为cookie识别的时间 document.cookie=key + "=" + val +";expires="+date.toGMTString(); //设置cookie }, get:fun ...
块级格式化上下文
块级格式化上下文(Block Formatting Context,BFC)是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域
根据MDN官网介绍
下列方式会创建块格式化上下文:
根元素(<html>)
浮动元素(元素的 float 不是 none)
绝对定位元素(元素的 position 为 absolute 或 fixed)
行内块元素(元素的 display 为 inline-block)
表格单元格(元素的 display为 table-cell,HTML表格单元格默认为该值)
表格标题(元素的 display 为 table-caption,HTML表格标题默认为该值)
匿名表格单元格元素(元素的 display为 table、``table-row、 table-row-group、``table-header-group、``table-footer-group(分别是HTML table、row、tbody、thead、tfoot的默认属性)或 inline-table)
overflow 值不为 vi ...
Js的闭包详解
javascript中闭包的工作原理1. 什么是闭包官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
相信很少有人能直接看懂这句话,因为他描述的太学术。其实这句话通俗的来说就是:JavaScript中所有的function都是一个闭包。不过一般来说,嵌套的function所产生的闭包更为强大,也是大部分时候我们所谓的“闭包”。
看下面这段代码:
1234567function fn() { var i = 0; function closure() { alert(++i); } return closure;}var clo = fn();clo();
这段代码有两个特点:
函数closure嵌套在函数fn内部;
函数fn返回函数closure。
上面这些代码 实际上即创建了 一个闭包。为什么?因为函数fn外的变量clo引用了函数fn内的函数closure.
让我们说的更透彻一些:
所谓“闭包”,就是在构造函数体内定义另外的函数作为目标对象的方法函数, ...
JavaScript原型
总结 原型对象 对象原型 构造函数 之间的关系 以及js的原型链问题这个只是点,想必每个前端程序员都会。具体的不再这多说,请往下看
原型对象 prototype
是构造函数的属性,这个属性是一个对象,称为原型对象
每个函数都有一个prototype原型对象
作用:共享方法,达到节省内存的目的。 如果不共享方法,每次实例化对象就得创建原型链上的所有的方法,浪费内存
对象原型 简称原型 ptoto
作用:指向原型对象 只读属性 只是提供对象的查找机制
每一个对象都有一个原型,作用是指向原型对象prototype
构造函数 constructor
作用:记录是哪个构造函数创建出来的 指向构造函数本身 用来让原型对象重新指向原来的构造函数
js原型链
js的原型链就是js的一个查找规则查找的规则就如上图所属那样通过原型对象 一直往上查找js可以通过原型链 一级一级的向上查找, 直到查找到为止,原型链的最终指向为 null
注意:部分文章可能会在不就的将来更新
如果能够帮助到你,是小编最大的荣幸
当然 有 不好的地方 请大家帮忙指出 学习 ...