javascript技巧

  • JavaScript获取图片像素颜色并转换为box-shadow显示

    一.原理: 1.使用HTML5的FileReader API读取图片 FileReader文件读物器,用于读取客户端文件到,注意,文件读取完毕后并不会载入缓存 eg: var upfile = doc ...

  • 用js实现before和after伪类的样式修改的示例代码

    本文介绍了使用javascript,jQuery实现修改before,after伪类的样式,分享给大家,具体如下: 最近遇到一个需要改变:before,:after 伪类的样式,发现css中并不能直接 ...

  • JS运动框架之分享侧边栏动画实例

    本文实例讲述了JS运动框架之分享侧边栏动画实现方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html>  <html>      & ...

  • 浅谈javascript中的作用域

    JS中作用域的概念: 表示变量或函数起作用的区域,指代了它们在什么样的上下文中执行,亦即上下文执行环境.Javascript的作用域只有两种:全局作用域和本地作用域,本地作用域是按照函数来区分的. 首 ...

  • 轻松掌握JavaScript单例模式

    定义:保证一个对象(类)仅有一个实例,并提供一个访问它的全局访问点: 实现原理:利用闭包来保持对一个局部变量的引用,这个变量保存着首次创建的唯一的实例;  主要用于:全局缓存.登录浮窗等只需要唯一一个 ...

  • 一篇文章教你写出干净的JavaScript代码

    目录 1. 变量 使用有意义的名称 避免添加不必要的上下文 避免硬编码值 2. 函数 使用有意义的名称 使用默认参数 限制参数的数量 避免在一个函数中做太多事情 避免使用布尔标志作为参数 避免写重复的 ...

  • 关于javascript函数的几个话题

    关于javascript函数的几个话题

  • js 获取扫码枪输入数据的方法

    js 获取扫码枪输入数据的方法

  • JavaScript 验证浏览器是否支持javascript的方法小结

    效果:  先来看看别的网站是怎么做的: google.com的登录: 客户端 和服务器端都验证了,并且提示信息一样的 baidu.com 的登录: 屏蔽了密码输入框 http://fanfou.com ...

  • Prototype框架详解

    这里所说的"Prototype"不是JavaScript编程中的原型("prototype"),而是由"Sam Stephenson"写的一 ...

  • html中table数据排序的js代码

    对了,注意那个innerText和innerHTML 复制代码 代码如下: function sortCells(event) { var obj = event.target; var count ...

  • js canvas实现QQ拨打电话特效

    首先呢,先给特效.自己找手机录的,有点不清楚,请见谅! 本来是打算做 腾讯的贝塞尔曲线下拉刷新图.然后和朋友打了个QQ电话,稍微注意了一下未接通时候的动画.然后就想着实现以下. 这里要注意的就是: c ...

  • Javascript异步流程控制之串行执行详解

    这篇文章主要讲一下如何串行执行一组异步任务,例如有下面几个任务,在这里我们用setTimeout模拟一个异步任务: let taskA = () => setTimeout(() => c ...

  • el-input 标签中密码的显示和隐藏功能的实例代码

    效果展示: 密码隐藏: 密码显示: 代码展示: 一:<el-input>标签代码 <el-form-item label="密码" prop="pass ...

  • uni-app如何读取本地json数据文件并渲染到页面上

    目录 前言 具体演示代码 1.文件后缀为.json类型 2.文件后缀为.js类型 注意事项 总结 前言 uni-app读取本地json数据文件,有下面两种方式可以实现: 文件后缀为.json类型 文件 ...

  • js通过canvas生成图片缩略图

    现今大部分的网络应用在上传图片的时候都会同时保存几种尺寸的图片,专业术语也就是生成缩略图,而对于生成缩略图一般做法是通过后端语言php等来生成,但是为了给服务器减压,我们或许可以从前端来着手,先生成好 ...

  • JS实现求字符串中出现最多次数的字符和次数示例

    本文实例讲述了JS实现求字符串中出现最多次数的字符和次数.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T ...

  • 详解JavaScript中的闭包是如何产生的

    目录 闭包的产生 多个内部函数共享一个闭包对象 结尾 这次从内存管理的角度来看看,闭包是怎么产生的. 我们知道,在调用函数时,其实会产生临时的 调用栈.这些调用栈保存的是 执行上下本,并实际保存在 栈 ...

  • Bootstrap源码解读导航条(7)

    源码解读Bootstrap导航条 基础导航条 要制作一个基础导航条,要在制作导航的列表<ul class="nav">基础上添加类名"navbar-nav&q ...

  • fetch 如何实现请求数据

    一 序言 在 传统Ajax 时代,进行 API 等网络请求都是通过XMLHttpRequest或者封装后的框架进行网络请求,然而配置和调用方式非常混乱,对于刚入门的新手并不友好.今天我们介绍的Fetc ...