前端技术
gao_xiao_qi
这个作者很懒,什么都没留下…
展开
-
微信小程序登录流程
一、流程解读1、小程序客户端调用wx.login,回调里面包含code。2、然后将code发送到服务器A(自己的服务器),服务器A向微信服务器发起请求附带code+appId+secretkey参数,以换取用户的openid和session_key(会话密钥)。3、服务器A拿到session_key,生成一个随机数我们叫3rd_session,以3rdSessionId为key,以session_key为value缓存到redis中;备注:因为微信团队不建议直接将session_key在网.原创 2020-07-06 17:03:56 · 1073 阅读 · 0 评论 -
getStorage:fail data not found
微信小程序报错缓存找不到,但是看storage还有值:原因:刚存入就读取会读不到,要延时下才可以。解决方法:将要执行的方法放到:setTimeout(function () { //要延时执行的代码 }, 1000) //延迟时间 这里是1秒上代码:(将获取storage的方法放进去):setTimeout(() => { wx.getStorage({ key: "my3rdSessio.原创 2020-07-06 16:16:20 · 9319 阅读 · 2 评论 -
微信小程序openid获取实现
一、有风险写法:说明:整个的流程是这样的,前端调用wx.login获取code,用code+secret+appid拼接url请求微信服务器来获取用户唯一标识:oppenid,然后post请求把一堆oppenid、username等的用户信息再传给服务器,服务器(python)接收到请求以后,再给前端一个json格式的用户信息(数据库读取)。前端小程序: wx.login({ ...原创 2020-04-10 21:13:04 · 939 阅读 · 0 评论 -
h5+js+ajax+百度翻译API:实现翻译功能
使用前端技术:h5+js+ajax开发网页翻译功能,调用百度开放平台的API,入门级前端demo,非常详细好入手功能为:点击Translate按钮,实现英译汉,页面如下:一、appID和key值准备在百度开放平台https://api.fanyi.baidu.com/上注册,然后按照步骤注册开发者,注册开发者是免费的,日使用在200w个字符内也是免费的,超过就要收费了。另外,也可...原创 2020-03-02 11:03:25 · 4535 阅读 · 0 评论 -
用flex实现顶部导航栏样式
顶部导航栏,文字居中,鼠标移上去hover会变色。代码:页面:布局:使用flex,而且当li增加时,也会每个菜单自动居中原创 2020-02-01 23:13:00 · 2739 阅读 · 1 评论 -
VSCode配置easyLess中的sourceMap
1、背景:通常我们F12查看源码右下角显示的行数是css文件中的第几行。那么如果当css文件是由less文件生成的,那怎样定位到less文件的第几行呢?答案是:使用easyLess是解析中的sourceMap,其中easyLess是将我们写的.less文件自动转换成.css文件的工具,而sourceMap是easyLess中的一个配置,使得F12下显示的行数能找到less中的行数2、实现:...原创 2020-02-01 22:48:04 · 1291 阅读 · 2 评论 -
ES6新特性:箭头函数详解
参考:https://www.runoob.com/w3cnote/es6-function.html;https://www.jianshu.com/p/87008f4f8513ES6的箭头函数提供了一种更加简洁的函数书写方式。基本语法是:参数=>函数体,如常见的:const fff=name=>console.log(name)//const 函数名=参数=>...原创 2019-05-10 11:05:51 · 207 阅读 · 0 评论 -
nodejs是用来做什么的
转载自:https://blog.csdn.net/mozuncangtianbaxue/article/details/78393839如果你去年注意过技术方面的新闻,我敢说你至少看到node.js不下一两次。那么问题来了“node.js是什么?”。有些人没准会告诉你“这是一种通过JavaScript语言开发web服务端的东西”。如果这种晦涩解释还没把你搞晕,你没准会接着问:“为什么我们要用...转载 2019-05-07 17:19:10 · 3449 阅读 · 0 评论 -
导入他人的前端vue项目
刚进公司,难免要导入他人的项目,或者想从网上自己下载下来运行。下面说一下导入前端vue项目的步骤和常见错误一、导入项目的步骤1、安装工具,webStorm或者VSCode2、安装环境,node和npm,教程网上一大堆自行百度3、导入项目,file->open Folder,选择下载下来的工程的文件夹4、打开shell命令窗口5、这样就直接进入项目目录了,输入n...原创 2019-08-18 19:37:07 · 11811 阅读 · 0 评论