javascript技巧

  • 小程序开发 page-container 页面容器弹出对话框功能的实现

    小程序开发 page-container 页面容器弹出对话框功能的实现

    目录 前言 效果图 代码 .js .wxml .wxss 前言 小程序弹窗对话框实现 效果图 代码 .js // pages/demo2/demo2.js Page({ data: { show:fa ...

  • 微信小程序实现点击导航条切换页面

    本文实例为大家分享了微信小程序实现点击导航条切换页面的具体代码,供大家参考,具体内容如下 我录制了个gif如下,黄色部分是不可以滑动的,蓝色部分可以滑动. 代码解说: 首先我在js自定义了navSta ...

  • 微信小程序canvas.drawImage完全显示图片问题的解决

    问题描述 问题产生 对于微信小程序,canvas处理过程中,dramImage默认图片引用是有残缺的 导入初始项目 打开链接(原官网例子),浏览器唤醒微信开发这工具,打开连接之前需要下载好微信开发者工 ...

  • 3分钟掌握常用的JS操作JSON方法总结

    3分钟掌握常用的JS操作JSON方法总结

    工作中做了几款自动化测试工具都是跟日志读取相关,日志格式又大多数都是JSON,所以这里把常用的JS操作JSON的方法做了总结~~ 一.概要简介 JSON(JavaScript Object Notat ...

  • javascript类型系统 Array对象学习笔记

    数组是一组按序排列的值,相对地,对象的属性名称是无序的.从本质上讲,数组使用数字作为查找键,而对象拥有用户自定义的属性名.javascript没有真正的关联数组,但对象可用于实现关联的功能 Array ...

  • Javascript String 字符串操作包

    核心代码: 复制代码 代码如下: /** * jscript.string package * This package contains utility functions for working ...

  • 微信小程序实现卡片层叠滑动

    微信小程序实现卡片层叠滑动

    本文实例为大家分享了微信小程序实现卡片层叠滑动的具体代码,供大家参考,具体内容如下 实现效果: 1.左右滑动时,向相应方向移动一个卡片位置:2.点击某一项时,将点击项位置移动到中间位置: 代码如下: ...

  • 小程序自动化测试的示例代码

    背景 近期团队打算做一个小程序自动化测试的工具,期望能够做的业务人员操作一遍小程序后,自动还原之前的操作路径,并且捕获操作过程中发生的异常,以此来判断这次发布时候会影响小程序的基础功能. 上述描述看似 ...

  • JavaScript实现简单计算器小程序

    JavaScript实现简单计算器小程序

    本文实例为大家分享了JavaScript实现简单计算器的具体代码,供大家参考,具体内容如下 代码: <!DOCTYPE html> <html> <head>   ...

  • JS定时器实例

    分别为:1.倒计定时器:timename=setTimeout("function();",delaytime);2.循环定时器:timename=setInterval(&quo ...

  • cnblogs 代码高亮显示后的代码复制问题解决实现代码

    没想到最近(2012年12月份)实现代码复制问题,要不所有内容都是一行,只有拥有工具的人士才能很快的看到代码,这样代码用起来就简单多了,可以直接复制了啊,不用每次是转化什么的.这篇文章技术是技术为主, ...

  • 微信小程序实现倒计时功能

    本文实例为大家分享了微信小程序实现倒计时功能的具体代码,供大家参考,具体内容如下 商城商品中的活动倒计时 js var endTime = new Date().getTime() + 24 * 36 ...

  • ExtJs整合Echarts的示例代码

    由于Echarts不提供表格功能,想要实现上图下表,需要自己增加一个table标签. ExtJs整合Echarts 从Echarts官网下载js文件通过import引用 新建一个页面,通过竖直放置的两 ...

  • 微信小程序使用ucharts在小程序中加入横屏展示功能的全过程

    目录 前言 实现思路 实现步骤 1. 添加一个按钮用来开启横屏模式 2. 准备一个容器 总结 前言 由于手机屏幕宽度的限制,当数据量较大时,观看体验并不是很好,因此横屏展示的功能就显得必要了,还好uc ...

  • JS实现长图上下滚动效果

    本文实例为大家分享了JS实现长图上下滚动的具体代码,供大家参考,具体内容如下 案例描述 将一张长图放在某一固定长宽的盒子里,当鼠标置于盒子的上半部分时,图片向下滑直到到达图片的底部停止:当鼠标置于盒子 ...

  • js实现简易计算器小功能

    本文实例为大家分享了js实现简易计算器的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <hea ...

  • 深入理解Javascript中的循环优化

    循环是大多数编程语言都具备的基本功能,JS也不例外,不同之处在于JS是解释型语言,运行于浏览器环境中,客户端的软硬件条件会对JS执行效率产生很大的影响.然而客户端环境对于开发者是未知.多样的,并且难以 ...

  • 教大家轻松制作Bootstrap漂亮表格（table）

    教大家轻松制作Bootstrap漂亮表格（table）

    学习了runoob.com网站中的bootstrap内容之后,参照其中的内容自己做一下总结,以便帮助在这方面有疑惑的朋友,也有助于自己更好的消化所学的内容. 我们应该庆幸自己活在这样一个互联网时代,开 ...

  • layui中的tab控件点击切换触发事件

    layui中的tab控件点击切换触发事件

    目录 tab控件点击切换触发事件 方法一 方法二 layui选项卡无法切换 解决 tab控件点击切换触发事件 在layui中使用到tab控件,如果不想在页面加载时就加载所有tab的界面,而是点击某个t ...

  • react.js 父子组件数据绑定实时通讯的示例代码

    react.js我自己还在摸索学习中,碰到父子组件数据绑定实时通讯的问题,研究了一下,分享给大家,也给自己留个笔记: import React,{Component} from 'react' imp ...