JavaScript

js对象属性

js对象属性有两种访问方式,代码如下:var test={name:'wzh',sex:'man'}var n='name';console.log(test[n]);//第一种:可以动态访问对象属性console.log(test.name);//第二种:不能动态访问对象属性关键字:JavaScript, html5, css, 属性

《每周一点canvas动画》——星球守护

代码文件在介绍完碰撞检测的内容后,总感觉不拿它做点什么事情有点虚啊!本章的内容应该在上周就更新完成,但是由于这几天实在比较忙。一直没空把这个小游戏的过程写出来,就一直拖到了现在。如题,我取了个比较炫酷的名字——星球守护。其实呢,也就是一个简单的射击小游戏。作者并不是我,具体的效果可以去这里体验。我对代码做了部分修改与注释,并且添加了爆炸音效,和游戏结束音效。ok!接下来我们

纯CSS实现扁平化风格开关按钮

开关样式预览图css代码部分input[type=checkbox] {visibility: hidden;}.checkbox {width: 120px;height: 30px;background: # FFF;margin: 1px 1px;border-radius: 10px;position: relative;}.checkbox:before {con

基础一:JS数据类型以及判断

本文章主要总结一下js数据类型的识别判断方法tyoeofinstanceofObject.prototype.toString.callconstructor最后封装一个函数,可以判别所有的类型1.数据类型基本类型:Undefined类型:该类型只有一个值,即undefined(小写),在使用var声明变量但是未对其加以初始化时,这个变量的值就是undefined。Null

修改微信浏览器title

微信修改浏览器title 用document.title="xxxx"动态修改title,在iOS微信下不生效 解决方法是 document.title = title; const iframe = document.createElement('iframe'); iframe.src = 'img/logo.png';
const listener = () => {

JFormJS说明文档

JForm 用于HTML的表单初始化赋值和表单数据提交的轻量级Jquery插件 类型 配置 text、textarea data-text="text" checkbox data-text="checkbox" select data-text="select" radio data-text="radio" 表单赋值 目前只支持Json格式数据进行表单初始化 调用方式:

发送短信验证,后按钮倒计时,防止刷新倒计时失效

应用场景在开发“发送短信验证”功能时候,要解决一个问题,防止恶意或频繁发送短信验证码问题。一般原理是“当点击发送按钮时,发送ajax请求到服务器发送短信验证码,成功则把发送按钮设置为不可点击,并且调用定时器,按钮显示倒计时”。如果就这样不对倒计时存储做处理,那么当刷新页面,会出现倒计时失效,按钮可点击。提供以下解决方案:利用cookie存储倒计时利用HTML5的localS

JavaScript设计模式学习—单例模式

什么是单例模式简单点来说,单例模式就是确保某个类只有一个实例,并且最好只被创建过一次。对计算机来说,像打印机,线程池都是经典的单例模式。对于JavaScript所处的前端环境来说,像登录悬浮框,在整个页面中只会有一个,无论用户点击多少次,只会被创建一次。单例模式实现实例—登录框单例模式非常好理解,无非是办公室有个打印机,大家一起公用,没必要再每个人单独买一个了。所以按照这样