javascript技巧

  • JavaScript异步队列进行try catch时的问题解决

    目录 一.前言 二.主要讲的异步队列方法 2.1 setTimeout 2.1.1 问题表现 2.1.2 问题原因 2.2 Promise 2.3 callback 2.4 Async await 一 ...

  • 使用js原生实现年份轮播选择效果实例

    使用js原生实现年份轮播选择效果实例

    前言 用js实现一个年份轮换选择效果.废话不多说,看图: 一.思路是什么? 布局: 左右箭头使用实体字符 < 和 > 年份5个span.使用用flex布局横向排列. js逻辑:(注:年份数 ...

  • js编写当天简单日历效果【实现代码】

    js编写当天简单日历效果【实现代码】

    之前一直很想用javascript写一个日历,但是因为完全没有好的思路, 所以迟迟没有尝试.最近在网上刚好看到用javascript编写的简单日历的例子,代码量虽然不大, 但是我觉得很好地阐述了js日 ...

  • 基于Bootstrap 3 JQuery及RegExp的表单验证功能

    基于Bootstrap 3 JQuery及RegExp的表单验证功能

    昨天小编在研究regexp,今天小编抽空给大家分享表单验证. 主要功能: 用户名必须在5-25个字符之内,而且只能使用字母.数字或下划线,否则不让通过. 密码必须在5-25个字符之内,而且只能使用字母 ...

  • JS前端攻坚浅析instanceof实现原理

    目录 正文 instanceof的实现 正文 无论是平时开发还是学习中,对于类型的判断总是非常的重要,常见的类型判断方法有很多,对于每种比较常用的api我们需要对其进行一定的了解,才能更好的判断其中的 ...

  • openlayers4实现点动态扩散

    本文实例为大家分享了openlayers4实现的点动态扩散的具体代码,供大家参考,具体内容如下 原理:连续刷新地图,并且刷新时,修过点样式的半径大小,来实现扩散效果: //定义底图 var baseL ...

  • 基于openlayers4实现点的扩散效果

    本文实例为大家分享了openlayers4实现点的扩散效果,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> &l ...

  • javascript css在IE和Firefox中区别分析

    一.document.formName.item("itemName") 问题  问题说明:IE下,可以使用 document.formName.item("itemNa ...

  • JavaScript实现跟随鼠标移动的盒子

    JavaScript实现跟随鼠标移动的盒子

    本文实例为大家分享了JavaScript实现跟随鼠标移动的具体代码,供大家参考,具体内容如下 跟随鼠标移动的盒子(包括检测边界值) 效果图: 代码: <!DOCTYPE html> < ...

  • 全面了解javascript中的错误处理机制

    前面的话 错误处理对于web应用程序开发至关重要,不能提前预测到可能发生的错误,不能提前采取恢复策略,可能导致较差的用户体验.由于任何javascript错误都可能导致网页无法使用,因此作为开发人员, ...

  • Bootstrap 附加导航（Affix）插件实例详解

    Bootstrap 附加导航（Affix）插件实例详解

    附加导航(Affix)插件允许某个 <div> 固定在页面的某个位置.您也可以在打开或关闭使用该插件之间进行切换.一个常见的例子是社交图标.它们将在某个位置开始,但当页面点击某个标记,该 ...

  • 教你JavaScript利用charAt()统计出现次数最多的字符和次数

    教你JavaScript利用charAt()统计出现次数最多的字符和次数

    之前给大家介绍过简介JavaScript中charAt()方法的使用,今天通过本文给大家分享js统计次数最多的字符和次数的实例代码,具体内容如下所示: 判断一个字符串'aabcdobdackoppz' ...

  • JavaScript 学习点滴记录

    通过使用 getElementById() 和 getElementsByTagName() 方法 通过使用一个元素节点的 parentNode.firstChild 以及 lastChild 属性 ...

  • Vue之vue-tree-color组件实现组织架构图案例详解

    Vue之vue-tree-color组件实现组织架构图案例详解

    目录 npm 安装loader Import Plugins 开始 排列方式 折叠展示 点击节点 其他功能 npm # use npm npm install vue-tree-color 安装loa ...

  • JavaScript自定义日历实现签到功能

    JavaScript自定义日历实现签到功能

    本文实例为大家分享了JavaScript自定义日历签到功能的具体代码,供大家参考,具体内容如下 先看下效果图 红色块为已签到的日期,样式可以随意更改,清晰明了,话不多说上代码: <%@ page ...

  • ES6学习教程之模板字符串详解

    模板字符串(template strings) ES6 中引进的一种新型的字符串字面量语法 - 模板字符串.书面上来解释,模板字符串是一种能在字符串文本中内嵌表示式的字符串字面量.简单来讲,就是增加了 ...

  • js实现列表自动滚动循环播放

    js实现列表自动滚动循环播放

    本文实例为大家分享了js实现列表自动滚动循环播放的具体代码,供大家参考,具体内容如下 1.实现效果图 鼠标移入,暂停滚动: 鼠标移出,继续滚动: 2.原理 要实现无缝衔接,在原有ul后面还要有一个一样 ...

  • 简述JS中forEach()、map()、every()、some()和filter()的用法

    目录 前言 一.forEach(),用于遍历数组,无返回值 二.map(),用于遍历数组,返回处理之后的新数组 三.every(),用于判断数组中的每一项元素是否都满足条件,返回一个布尔值 四.som ...

  • javascript利用初始化数据装配模版的实现代码

    var list = [{id:1, name:"czone", age:21}, {id:2, name:'czonechan', age:21}]; var template ...

  • JavaScript比较两个对象是否相等的方法

    本文实例讲述了JavaScript比较两个对象是否相等的方法.分享给大家供大家参考.具体如下: 在Python中可以通过cmp()内建函数来比较两个对象所包涵的数据是否相等(数组.序列.字典).但是在 ...