javascript技巧

  • 原生JavaScript实现的简单放大镜效果示例

    本文实例讲述了原生JavaScript实现的简单放大镜效果.分享给大家供大家参考,具体如下: 原理: 其实所谓的放大就是准备两张一样的图片,除大小不一样.鼠标移动到不同位置,将会显示大图片对应的图片内 ...

  • js实现模糊匹配功能

    功能描述: 在搜索框中输入某一个字段,可以查询到相关的内容 功能实现: 1.  先声明变量用于保存输入框以及表格里面的内容 2.  循环遍历 遍历表格每一行,查找匹配项 3.  判断 如果输入框里面的 ...

  • JS小功能(操作Table--动态添加删除表格及数据)实现代码

    效果: 代码: 复制代码 代码如下: <head runat="server">    <title></title>    <style ...

  • 原生JS实现悬停下拉菜单

    JS实现悬停下拉菜单,这个是前端面试中遇到的场景题,原理就是修改菜单样式的display属性的属性值从none=>block,具体实现见下,重点关注下面几个部分. 给每个section设置浮动. ...

  • 禁止IE用右键的JS代码

    复制代码 代码如下: <!--禁止网页右键: --> document.body.oncontextmenu=function rightClick(){ window.event.ret ...

  • iframe实现高度自适应小程序web-view方案

    目录 前言 关于 contentWindow, contentDocument 定义和用法 解决方案 前言 最近在项目开发中,遇到一种场景:H5的页面展示的有服务端返回的页面展示,所以考虑的ifram ...

  • Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)

    这里只是纯粹的搭建,连环境都没有,还玩什么服务器端js,一切都成了浮云,让我们先搭建一个环境,输入一个"hello world"的页面. 对的,windows7下的搭建,你只需一步 ...

  • 对layui中表单元素的使用详解

    首先不管是单选框还是复选框或者是下拉框,都要在你写的标签外面套一层div或者是form标签,如: <div class="layui-input-block"> < ...

  • 老生常谈JavaScript 正则表达式语法

    JavaScript定义正则表达式有两种方法. 1.RegExp构造函数 var pattern = new RegExp("[bc]at","i"); 它接收 ...

  • js注册时输入合法性验证方法

    本文实例为大家分享了js正则表达式验证输入合法性的具体代码,供大家参考,具体内容如下 // 验证用户名,只允许 字母 数字 下划线 中文 //在input元素后面增加一个span元素,提示 funct ...

  • Google (Local) Search API的简单使用介绍

    花了两天的时间来用Google的API来做这么一个小东西,其实真正的实现代码不是很多,十几行而已.费时间的工作是了解各个API的功能以及调试JavaScript. 下面简单介绍一下这次我用到的几个函数 ...

  • 浅析JavaScript作用域链、执行上下文与闭包

    闭包和作用域链是JavaScript中比较重要的概念,这两天翻阅了一些资料,把相关知识点给大家总结了以下. JavaScript 采用词法作用域(lexical scoping),函数执行依赖的变量作 ...

  • WEEX环境搭建与入门详解

    Weex简介 Weex 是阿里前端技术团队开源额一套跨平台开发方案,能以web的开发体验构建高性能.可扩展的 native 应用,Weex 的页面表示层使用 Vue ,并遵循 W3C 标准实现了统一的 ...

  • js select实现省市区联动选择

    最近整了一一些表单类的移动页面,遇到了一个省市区的联动选择,本来想着用公用库里面的以前pc端的省市区选择组件,但是发现pc端的效果在手机端用效果太不理想,设计没给出具体的设计效果,只好自己整了sele ...

  • 微信小程序map地图使用方法详解

    本文实例为大家分享了微信小程序map地图使用的具体实现代码,供大家参考,具体内容如下 以下代码是主要的代码片段 <!-- 地图部分 --> <!-- enable-traffic 显 ...

  • javascript布局查看器效果代码

    body{ margin:0 auto; width:950px; font-size:12px; text-align:center; } #wholebody{ width:950px; } .n ...

  • 原生JS实现pc端轮播图效果

    本文实例为大家分享了JS实现pc端轮播图效果的具体代码,供大家参考,具体内容如下 案例:轮播图需求 布局:ul下有很多li标签:浮动在一行: 原理:切换图片的时候,把ul位置修改一下,给ul的父容器, ...

  • 学习LayUI时自研的表单参数校验框架案例分析

    开发背景&痛点 : 每次写前端的表单的时候需要对表单里用户填写的内容进行校验,减少服务器压力,提前对已知错误对用户提示.每次会要写很多的if else等等对输入框中的内容进行判断,并对为空.格 ...

  • 原生js实现移动开发轮播图、相册滑动特效

    使用方法: 分别引用css文件和js文件 如: <link rel="stylesheet" type="text/css" href="css ...

  • 原生js FileReader对象实现图片上传本地预览效果

    本文实例为大家分享了js实现图片上传本地预览效果的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> &l ...