`
文章列表
微信小程序 - 发送视频弹幕   微信小程序官方文档提供了发送视频弹幕的功能,参照其功能做了一些改动,实现可发送用户自定义颜色的弹幕。   function getRandomColor() { var rgb = []; for (var i = 0; i < 3; ++i) { var color = Math.floor(Math.random() * 256).toString(16); color = color.length == 1 ? '0' + color : color; rgb.pu ...
微信小程序 - 下拉列表的实现   微信小程序目前提供两种方式实现下拉列表:action-sheet 与 picker选择器   action-sheet   action-sheet 有两种方法实现下拉,第一种使用action-sheet 标签,第二种是使用wx.showActionSheet方法   (1)action-sheet 标签   <action-sheet bindchange="actionSheetChange" hidden="{{actionType}}"> <block wx: ...
wx:key   如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态(如 <input/> 中的输入内容,<switch/> 的选中状态),需要使用 wx:key 来指定列表中项目的唯一 ...
微信小程序开发 - WXSS   WXSS是微信自定义的一套样式,基本和CSS一样,只是在CSS基础上增加一下两个概念   尺寸单位   rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。                        
app.json   app.json文件对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab 等。   App.json配置项有五个属性:pages、window、tabBar、networkTimeout、debug。  
微信小程序常用API     发起请求   wx.request wx.request发起的是 HTTPS 请求。一个微信小程序,同时只能有5个网络请求连接。   wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '' , y: '' }, header: { 'content-type': 'application/json' }, success: function(res) { console.log(res.data) ...

CSS伪元素 特效

    博客分类:
  • CSS
你所不知的 CSS ::before 和 ::after 伪元素用法   (1)鼠标移上链接,出现方括号                       a { position: relative; display: inline-block; outline: none; text-decoration: none; color: #000; font-size: 32px; padding: 5px 10px ...
生成图片验证码并验证   一个简单的前端JS生成验证码并验证功能   <html> <head> <title>验证码</title> <style type="text/css"> #code { font-style:italic; font-weight:bold; border:0; letter-sp ...
发送短信验证码   很简单的一个移动端发送短信验证码的功能,验证码生成及发送(第三方接口)都是后台完成,本文内容只是从前端通过JS发送请求。   <html> <head> <title>GetVerifiedCode</title> </head> <body> <form action="#" method="post"> <input type="number" name="cellphone ...
信息安全与密码技术   21世纪,随着信息技术的不断发展,信息安全问题也日显突出。如何确保信息系统的安全已成为全社会乃至国家关注的问题。信息安全本身包括的范围很大,大到国家军事政治等机密信息,小到商业企业机密、甚至个人银行账号、手机号等信息的保护,都属于信息安全范畴。   而密码技术的目的很明确,就是为了解决信息安全问题。信息安全大致可分为四类: 1、机密性:为了防止信息被切听 2、完整性:为了防止信息被篡改 3、认证:为了防止攻击者伪装成真正的发送者 4、不可否认性:为了防止发送者事后否认自己没有做过   信息安全与密码技术之间的关系可以用下图表示:
Grails-3.1.12 版本升级     最近在做基于Groovy语言,Grails框架的项目,从刚开始的Grails-3.1.5一直使用到现在的Grails-3.1.12,最近出现更高本版的Grails-3.1.13,于是继续升级发现,原有项目使用新本的Grails会启动报错。   $ grails run-app |Running application... ERROR grails.boot.config.tools.ClassPathScanner - The application defines a Groovy source using the defaul ...

Groovy 简介

 
Groovy   Groovy 是基于Java的动态语言,完全兼容Java语法,Grails 是基于Groovy的开发框架。简单说就是,Groovy是语言,Grails是框架。   Groovy - 简介   Groovy是运行在Java平台上的、具有像Python, Ruby 和 Smalltalk 语言特性的灵活动态语言。可以认Groovy是基于Java语言而又扩展了Java语言。除了语言和Java相通外,Groovy有时候又像一种脚本语言。当我执行Groovy脚本时,Groovy会先将其编译成Java类字节码,然后通过Jvm来执行这个Java类。下图展示了Jav
常用正则表达式     匹配特定数值 1.整数或者小数:/^[0-9]+([.][0-9]+){0,1}$/ 2.只能输入数字:/^[0-9]*$/ 3.只能输入n位的数字:/^\d{n}$/ 4.只能输入至少n位的数字:/^\d{n,}$/ 5.只能输入m~n位的数字:/^\d{m,n}$/ 6.只能输入零和非零开头的数字:/^(0|[1-9][0-9]*)$/ 7.只能输入有两位小数的正实数:/^[0-9]+(\.[0-9]{2})?$/ 8.只能输入有1~3位小数的正实数:/^[0-9]+(\.[0-9]{1,3})?$/   匹配特定整数 ...
网页授权access_token与基础接口access_token异同   本文讲述的内容为网页授权access_token与基础支持access_token的异同。在《微信公众平台开发者文档》 中提到两种access_token,一种是网页授权时使用的,还有一种是调用微信基础接口时使用的。开发者尤其注意区分,以避免开发过程中出现不必要的麻烦。     一、网页授权access_token   网页授权access_token 是一次性的,只能用来获取微信用户信息,是与微信用户一对一的关系,没有获取次数的限制。   获取方式参照:http://hellolove.ite ...
Apache + Tomcat + SSL 负载均衡及数据加密   要想同时实现负载均衡及加密,需要对两个文件进行配置,一个是Apache的/conf/httpd.conf文件,还有一个是SSL的/conf.d/ssl.conf文件。   1.配置:ssl.conf   <VirtualHost *:443>       SSLEngine on     SSLProxyEngine on       SSLProtocol all -SSLv2 -SSLv3     SSLHonorCipherOrder on     SSLCipherSuit ...
Global site tag (gtag.js) - Google Analytics