菜单

微信小程序获取data:{}变量时报错xxx is not defined

在data:{}声明初始化了一个变量,在onLoad:function()函数调用时,出现“xxx is not defined”错误,原因是直接使用了变量名,没有使用获取页面data对象的this.data 会报错的原代码: Page({ data: { text:'Welcome' }, onLoad: function(options){ console.log(text); }, }) 正确写法 Page({ data: { text: 'Welcome' }, onLoad: function...

js简单实现数字位数不够前面补0的方法代码

数字按个位数递增,没达到十位数或更高位数时,数字前面自动补0,如01、02、03、……、10、11如此类推,可以通过js代码实现。 代码示例 var _n = 1; //初始数 var _m = 2; //最高位数 var _a = Array(_m); //长度为2的空数组 _a = _a.join(0); //使用0隔开空数组,且把数组转换成字符串,结果是00 _a = _a + _n; // 拼接字符串,结果是 001 _a = _a.slice(-_m); //截取保留最后面2位字符串(slice(-2)表示从后面往前面数2位) console.lo...

js+canvas鼠标悬停圆弧边框动态加载效果

js+canvas鼠标悬停圆弧边框动态加载效果

鼠标悬停在div元素时,实现圆弧边框加载效果。 HTML代码: <div class="btn"> <canvas width="44" height="44" id="btn"></canvas> </div> CSS代码: .btn {width:44px;height:44px;border-radius:50%;border:1px solid #f00;cursor:pointer;} .ctxBtn canvas {position:absolute;left:0;top:...

原生javascript获取元素的子元素属性Children,兼容IE678

原生javascript Children可以获取元素的子元素集合,且支持兼容IE6、IE7、IE8浏览器,IE9以上浏览器只返回元素节点,IE6、IE7、IE8浏览器会返回元素节点和注释节点,所以建议不要在指定元素中使用注释,以保证兼容性。 提示:Children返回的是子元素集合,根据子元素在元素中出现的先后顺序进行排序,可以使用length属性获取子元素的数量,然后通过序列号(index,起始值为0)访问每个子元素。 HTML代码: <ul class="nav" id="nav"> <li><a href="#"...

jquery插件owl.carousel.js实现商城产品图片展示效果

jquery插件owl.carousel.js实现商城产品图片展示效果

jquery响应式轮播图插件owl.carousel.js功能完善,参数丰富,可以改造成多种网页前端显示效果。比如常见的商城网站产品图片展示效果。 引用插件文件和样式文件 <link rel="stylesheet" type="text/css" href="owl.carousel.min.css" media="screen"/> <script src="owl.carousel.min.js"></script> HTML代码: <!--by neirong.org--> &...

css中引入指定字体@font-face兼容各浏览器

网页制作中,如果想使用特定的字体可以通过@font-face引用,即是解决访问用户电脑本地没有安装该字体导致不能按设计样式显示的问题。 注意: 支持@font-face的浏览器有Internet Explorer 9、Firefox Opera、Chrome和Safari,另外IE9只支持.eot类型的字体,Firefox、Chrome、Safari、和Opera支持.ttf、.otf 两种类型字体。 常规用法: @font-face { font-family: 'myFirstFont';//定义该字体名称,后面要使用该字体时,使用该名称...

jquery阻止事件冒泡的代码

在js中,click、mouseove等称为事件。事件冒泡即是触发了这些事件产生的效果,禁止事件冒泡即是就算触发了这些事件也不会产生事件原有的效果。 事件冒泡大致分为两种,一种是HTML标签的默认行为,如a标签超链接跳转、form表单提交等;另一种是人为的给元素绑定某类事件,如click点击事件。因此阻止事件冒泡也分为两种代码 HTML代码: <div class="go"> <a href="https://www.tddx.net/">跳转</a> </div> <div class="c...

CSS修改表单输入框placeholder属性文字颜色

placeholer是HTML5新增属性,规定可描述输入字段预期值的简短的提示信息,IE10+、Firefox、Opera、Chrome 和 Safari 浏览器支持该属性。 针对不同浏览器修改placeholder属性样式的代码如下 input::-webkit-input-placeholder{ color:#f00; opacity:1; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#f00; opacity:1; } input:-moz-placeholde...

js判断是否是IE浏览器(支持IE10、IE11)

IE11已经不支持document.all 由于IE11的userAgent已经没有MSIE标志,因此使用在IE11已经无法使用window.navigator.userAgent判断当前浏览器是否为IE浏览器了,当然如果不需要检测IE11就没影响。下面是新的判断IE6~IE11浏览器的代码。 function isIE(){ if (!!window.ActiveXObject || "ActiveXObject" in window) return true; else return false; } $(function(){ if(i...

微信小程序前端开发:底部导航配置属性Tabbar教程

微信小程序前端开发:底部导航配置属性Tabbar教程

Tabbar是固定在页面底部的导航栏的配置属性,下面是添加方法及参数说明。 注意: Tabbar导航栏至少需要添加2个菜单,最多五个,否则会报错。 一般代码结束符号是;分号,小程序代码的结束符号是,逗号。 编辑全局配置文件app.json,在第一层花括号{}里添加代码(参数在后面) "tabBar":{ "color":"#333333", "selectedColor":"#128ff9", "borderStyle":"black", "list":[ ...

CSS去掉Firefox、Chrome浏览器button标签点击出现的边框

HTML标签button,在Firefox浏览器中,鼠标点击时会出现虚线边框,而在Chrome浏览器则会出现蓝色边框,但可以通过CSS属性去除。 button {outline:none;} button:focus {outline:none;} /*IE、Chrome*/ button::-moz-focus_inner {border-color:transparent;} /*Firefox*/