javascript技巧
-
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 ...
-
Highslide JS
/****************************************************************************** Name: Highslide J ...
-
JS表格组件神器bootstrap table详解(强化版)
一.Bootstrap Table的引入 关于Bootstrap Table的引入,一般来说还是两种方法: 1.直接下载源码,添加到项目里面来. 由于Bootstrap Table是Bootstrap ...