微信小程序的事件

    事件,视图层到逻辑层的一种通讯方式,或者将用户的行为返回到逻辑层,当我们在组件绑定事件之后,当我们触发事件,就会执行逻辑层绑定的事件,处理回调函数,当页面的事件触发之后  页面上元素一些额外事件,通过事件对象传递给我们的回调函数  绑定事件的实例:    通过view标签来给他绑定了一个事件,事件名clickme,在index.js中,我们绑定了一个clickme的回调函数,在回调函数内,我们打印出了事件所传入事件对象的参数  事件对象上,各个属性的一个含义;    type:触发事件的类型    timestamp:触发事件当时的时间戳    target:触发事件的根源组件,包括触发事件组件的id,类型,以及dataset自定义属性的集合    currentTarget:触发事件的当前组件,触发当前事件的id,类型,以及dataset自定义属性的集合    touches:表示我们停留在屏幕上触摸点的一个信息;    changedTouches:表示一个有变化的触摸点的信息;    detail:表示我们绑定事件所携带的数据,包括x/y到页面左上角的距离    小程序的...
代码星球 代码星球·2021-02-08

微信程序的开发框架

  wxss:是一套样式语言,用来描述wxml的组件样式;小程序在css基础上做的修改和扩充的版本  css:是一套样式语言,样式表,用来描述xml和html文件样式的呈现;  设备像素:是图片在设备上显示的小点,这些是固定不变的  css像素:逻辑像素,是我们一套标准来显示屏幕的宽  ppi:独立设备显示的密度    dpr:设备像素除以逻辑像素  微信给的屏幕的宽750px,我们在750px的基础上进行自适应  尺寸单位:rpx(响应式像素)  样式导入:    在css的文件中,在引入另一个css的文件:    @import"文件路径"  正常情况下,你在同名的wxss上样式,就是对应的wxml元素上的样式;  内联样式:在wxml文件中通过标签上的style属性来操作样式;  选择器:id  class  标签  并级  伪类  优先级概念  权重概念;  无穷大的案例:    color:red!important;  这个字体颜色为红色无穷大的权限  nodejs中的javascript    ECMAscript:    Native:用这个模块,来使用原生js,实现原...
代码星球 代码星球·2021-02-08

springboot+spring security +oauth2.0 demo搭建(password模式)(认证授权端与资源服务端分离的形式)

项目security_simple(认证授权项目)1.新建springboot项目  这儿选择springboot版本我选择的是2.0.6点击finish后完成项目的创建2.引入maven依赖 下面是我引入的依赖1<?xmlversion="1.0"encoding="UTF-8"?>2<projectxmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"3xsi:schemaLocation="http://maven.apache.org/POM/4.0.0http://maven.apache.org/xsd/maven-4.0.0.xsd">4<modelVersion>4.0.0</modelVersion>56<groupId>com.megalith</groupId>7<artifactId>security_simple&l...

微信分享配置(js-sdk)

现在的微信分享给朋友-分享到朋友圈链接带有自定义的title、描述、图片,需要配置js-sdk(地址:mp.weixin.qq.com)微信文档需要后台配置config的参数,返回给前台 1)debug设置为true的时候,可以在调试的时候使用,页面有的问题,都会console出来,但是必须在pc的浏览器中才可以 2)appID,timestamo,nonceStr,signature这四个参数是后台返回的,(后台需要在微信那边获取,是动态的值) 3)需要请求ajax,成功以后做分享(我这里的url是个地址,后台那边做的处理,正常应该是一个接口)   4)jsApiList是需要开放的功,例如:分享给朋友,分享到朋友圈,分享到qq,分享到微博,可以自己设置分享的权限 5)最后还有一点需要注意的,就是分享接口的调用,分享接口可以自定义设置title,描述内容,图片,这个函数要放到ajax内,或者wx.ready(function(){。。。})函数内...
代码星球 代码星球·2021-02-04

flask设置cookie,设置session,模拟用户认证、模拟管理后台admin、模拟用户logout --

设置cookieHTTP协议是无状态的,在一次请求响应结束后,服务器不会留下关于客户端状态的信息。但是对于某些web程序来说,客户端的信息有必要被记住,比如用户的登录状态,这样就可以根据用户的状态来返回不同的响应。为了解决这个问题就有cookie技术。cookie技术通过在请求和响应报文中添加cookie数据来保存客户端的状态信息。 cookie值web服务器为了存储用户信息而保存在浏览器的文本数据。浏览器在一定时间内保存它,在下一次请求服务器时会附带这个cookie数据。cookie通常被用来进行用户的会话管理(登录状态),保存用户的个性化信息(比如语言设置,视频上次播放的位置,网站主题选项等)以及记录和手机用户浏览数据以来分析用户行为等。 在Flask中,如果想要在响应中加一个cookie,可以用Response类型的set_cookie()方法。要用这个方法,需要先使用make_response()方法手动生成一个响应对象,传入响应主体作为参数。这个响应对象默认实例化内置的Response类 Response类型的常用属性和方法: set_...

CA证书认证单向和双向的区别

 我觉得最科学的应该是,单向的,每次客户端发两把锁住的东西给服务端,服务端解密两次,服务端用客户端发来的对称密钥加密数据,发送给客户端,客户端只需解密一次,然后客户端每次修改随机密码,传给服务端,服务端每次用新密码解锁。双向更加安全,每次加密,客户端和服务端都修改对称密码,对称密码放到对方的密码箱里面,客户端和服务端都需要解密两次。 ...

CA双向认证的时候,如果一开始下载的证书就有问题的,怎么保证以后的交易没有问题?

研究HTTPS协议的时候,发现网站的CA认证,比如建行,比如支付宝,需要首先下载数字证书,当然有些其他的双向认证,比如之前做过的港航和JPMORGAN进行交互的时候,证书是私下发送的,不需要去公网下载。这种方式比较安全。 建行有种类似的保证安全的方式,用U盾,去建行办理网银的时候会给你一个U盾,U盾有校验你下载的数字证书是否合法的功能。这种校验叫做强认证。 支付宝就不同了,支付宝没有U盾的东西,但是只要是https的网站,至少服务端都有自己的证书,保证客户端发送到服务端的数据是加密的。这种叫弱认证,也就是单向认证 弱认证,服务端发送到客户单的数据有没有加密呢?...

https单向认证服务端发送到客户端到底会不会加密?

最近向大神请教了CA认证单向认证双向认证的问题,有一点不太明白,单向认证时候,为什么服务端发送到客户端的东西也是加密的? ...

CA单向认证和双向认证的区别?

1:单向认证,内容会被串改吗?...

python+flask 配置https网站ssl安全认证

 目录综述:方法1:openssl准备步骤具体实施方法2:阿里云或者宝塔免费申请(推荐)步骤1.准备步骤阿里云宝塔python+flask子域名访问设置1.给子域名添加DNS解析2.子域名ssl证书申请.代码修改由于业务服务器需要对https协议进行支持,加上代码是python+flask所编写,因此需要去申请ssl的证书。有两种方式:自己使用openssl命令配置、使用第三方免费的ssl证书。由于自己配置的证书有一定的不稳定性,可能造成不能被浏览器校验通过之类的情况。我个人比较倾向使用阿里云、宝塔的免费ssl认证。接下来,记录两种方式如何操作。并在最后,介绍怎么使用子域名访问网站pipinstallpyOpenSSL#生成私钥,按照提示填写内容opensslgenrsa-des3-outserver.key1024#生成csr文件,按照提示填写内容opensslreq-new-keyserver.key-outserver.csr#RemovePassphrasefromkeycpserver.keyserver.key.orgopensslrsa-inserver.key...

微信小程序语音识别开发过程笔记

由于业务需求,需要使用微信小程序语音识别的功能,查找了好多发难,也踩了好多坑,把过程记录一下,或许会帮助到需要的朋友。在小程序中识别用户语音输入的命令关键流程流程:录音存储-->上传录音文件到服务器后台-->读取服务器返回结果关键代码://按键按下事件startRec:function(res){varthat=thiswx.startRecord({success:function(res){vartempFilePath=res.tempFilePath//获取录音文件路径console.log(tempFilePath)//上传卢新文件到服务器wx.uploadFile({url:'http://ipaddress:port/voice_detec',filePath:tempFilePath,name:'voice',//服务器返回识别结果success:function(res){console.log(res.data)vardata=res.datavarjd=JSON.parse(data)if(jd.err_no==0){varmsg=jd.result[...

微信程序更换头像代码

WXML:<viewclass="topImg"><viewclass="topImg-item"><viewclass="t-i-left">头像</view><viewclass="t-i-right"><viewclass="image"bind:tap="imageClick"><imagesrc="{{imgUrl}}{{image}}"/></view></view></view></view>WXSS:.topImg{width:100%;height:200rpx;display:flex;justify-content:center;}.topImg-item{width:700rpx;height:200rpx;display:flex}.t-i-left{width:50%;height:100%;display:flex;align-items:center;font-size:30rpx;}.t-i-right{width:50%...

微信程序,页面分享给朋友和分享给朋友圈,头部脱离标准流

分享给朋友:onShareAppMessage:function(){//imgUrl:'http://www.51dev.com//FileUpload/news/202102/20210202001856437.png'return{title:'奇奇蜜蜂英语',path:'/pages/home/home',imageUrl:'http://www.51dev.com//FileUpload/news/202102/20210202001856437.png'}}分享给朋友圈:onShareTimeline:function(){return{title:'奇奇蜜蜂英语',path:'/pages/home/home',imageUrl:'http://www.51dev.com//FileUpload/news/202102/20210202001856437.png'}} 使顶部脱离标准流"navigationStyle":"custom"效果:...

微信程序:组件样式

一、 组件内的样式对外部样式的影响:    答:1.组件内的class样式,只对组件wxml内的节点生效,对于引用组件的Page页面不生效。      2.组件内部能使用id选择器、属性选择器、标签选择器二、外部样式对组件内样式的影响:    答:1.外部使用class样式,只对外部的wxml的节点生效,对组件内是不生效的      2.外部使用id选择器、属性选择器、不会对组件内容产生影响      3.外部使用了标签选择器,会对组件内产生影响总结:组件内的class样式和组件外的class样式,默认有隔离效果,只对"自身"有效     为了防止样式的错乱,官方不推荐使用id、属性、标签选择器; 三、如何使样式可以相互影响?    答:在自定义组件的.js文件中的Component({})对象里面可以传入一个options属性,      options属性中有一个styleIsolation属性(隔离属性)      styleIsolation属性有3个值:        默认值:isoIated:表示启用样式隔离,在自定义组件内...
代码星球 代码星球·2021-02-02

微信程序中,block的作用

block只是一个标签:  <block></block>并且block标签是不会被渲染出来的block只接收控制属性:wx:if  ||wx:for 那么它的作用到底是什么?它的作用就是充当一个容器,类似于<view></view>举个例子。当我们使用 一个 判断条件  决定 是否显示或者隐藏  多个标签时,通常我们会在外部包裹一个容器,这样方便于我们进行判断,但是在外层的容器<view>标签就只是一个单纯的容器,没有其他作用,并且它会被渲染出来,消耗性能而block则可以起到同样的作用,并且不会被渲染出来...
代码星球 代码星球·2021-02-02
首页上一页...1314151617...下一页尾页