javascript技巧

  • Bootstrap输入框组件简单实现代码

    Bootstrap输入框组件简单实现代码

    Bootstrap输入框组件的学习代码,供大家参考,具体内容如下 <html> <head> <meta charset="utf-8"> &l ...

  • Bootstrap基本样式学习笔记之表格(2)

    Bootstrap实现了大量基本样式,包括表格.表单.按钮.图片等.基本的使用方法是通过添加特定的class来实现. Bootstrap 提供了一个清晰的创建表格的布局. 0x01 表格样式 (1)基 ...

  • JavaScript如何实现监听键盘输入和鼠标监点击

    实际应用中,我们会遇到监听按键输入和鼠标点击事件,在这里我们进行对鼠标和键盘事件的总结. Keyboard​Event KeyboardEvent 对象描述了键盘的交互方式. 每个事件都描述了一个按键 ...

  • JavaScript实现简单的隐藏式侧边栏功能示例

    JavaScript实现简单的隐藏式侧边栏功能示例

    本文实例讲述了JavaScript实现简单的隐藏式侧边栏功能.分享给大家供大家参考,具体如下: 常见的隐藏式侧边栏,如分享.联系客服等.通过设置速度来实现滑入滑出的动态效果 以下是代码 <!DO ...

  • jquery将标签元素的高设为屏幕的百分比

    html部分: <body> <div id="margin_box"></div> </body> jquery部分: <s ...

  • JS co 函数库的含义和用法实例总结

    本文实例讲述了JS co 函数库的含义和用法.分享给大家供大家参考,具体如下: 继续学习阮一峰老师异步编程四部曲之三:co co在很早之前就听超哥讲过,说在node编程中大量用到,源码很简单,但是想法 ...

  • JavaScript和CSS交互的方法汇总

    用JavaScript获取伪元素(pseudo-element)属性 大家都知道如何通过一个元素的style属性获取它的CSS样式值,但能获取伪元素(pseudo-element)的属性值吗?可以的, ...

  • JS实现倒序输出的几种常用方法示例

    本文实例讲述了JS实现倒序输出的几种常用方法.分享给大家供大家参考,具体如下: 1.通过split和数组的逆序输出 var num = 123;//输出应该是 3 2 1 num = num +&qu ...

  • js实现连续英文字符自动换行兼容ie6 ie7和firefox

    复制代码 代码如下: irefox中连续英文字符如果要CSS控制强制换行,探索了N久,发现是实现不了的逼不得已的时候就用js脚本进行控制吧 英文字符自动换行,通过js脚本截断字符串,此方法通用ie6, ...

  • Javascript DOM的简介,节点和获取元素详解

    目录 DOM 节点 元素节点: 文本节点: 属性节点: 获取元素 getElementById() getElementsByTagName() getElementsByClassName() 总结 ...

  • 原生js实现类似fullpage的单页/全屏滚动

    前言 单页/全屏滚动页面越来越常见了,它多用于产品介绍.招聘等内容较少的简单页面.针对这种效果也出现了不少 jQuery 插件,本文实现的效果类似于fullpage的单屏滚动,使用原生JS实现,不依赖 ...

  • BootStrap实现轮播图效果(收藏)

    今天学习bootstrap,发现轮播图的实现很强大,于是记录下来,方便自己以后使用. 1:相关知识总结 carousel slide:整个轮播图的最外边一层的样式 data-ride:用于标记轮播在页 ...

  • JavaScript实现网页留言板功能

    JavaScript(JS)网页–留言板,供大家参考,具体内容如下 在使用网页进行冲浪时,经常会发表自己的留言.发布留言的留言板是怎么做的呢? 制作一个简单的留言板. 首先需要一个textarea框, ...

  • JS实现同一个网页布局滑动门和TAB选项卡实例

    JS实现同一个网页布局滑动门和TAB选项卡实例

    本文实例讲述了JS实现同一个网页布局滑动门和TAB选项卡.分享给大家供大家参考.具体如下: 这里演示同一个网页布局滑动门和TAB选项卡效果,其实滑动门和选项卡没有太大的区别,无非是鼠标动作的不同而已, ...

  • JavaScript Ajax Json实现上下级下拉框联动效果实例代码

    最近尝试做出一个部门和人员的下拉框联动功能,部门和人员的对应关系是1:N 复制代码 代码如下: <div class="forntName">部门</div> ...

  • 微信小程序canvas2d生成图形验证码的方法

    微信小程序canvas2d生成图形验证码的方法

    本文实例为大家分享了微信小程序canvas2d生成图形验证码的具体代码,供大家参考,具体内容如下 成品展示: 背景: 大致看了一下网上已经有一些canvas生成图形验证码的demo,发现使用的也只是旧 ...

  • 基于JavaScript实现瀑布流布局(二)

    本文实例讲解了JavaScript实现瀑布流布局详细代码,分享给大家供大家参考,具体内容如下 1.建立Html模版 想法是先用一个div container承载所有内容,然后div box用来放置图片 ...

  • 基于jQuery通过jQuery.form.js插件使用ajax提交form表单

    我们在提交表单的时候,如果没有使用ajax提交,页面都会自己刷新一下,显得非常的不友好,所以我们需要把我们的表单提交修改为ajax的模式,可以让用户清楚地知道他们在提交表单的时候处在哪一个阶段:正在提 ...

  • 环形加载进度条封装（Vue插件版和原生js版）

    环形加载进度条封装（Vue插件版和原生js版）

    本文实例为大家分享了环形加载进度条封装代码,供大家参考,具体内容如下 1.效果预览 2.用到的知识 主要利用SVG的stroke-dasharray和stroke-dashoffset这两个属性. 在 ...

  • webpack4 处理CSS的方法示例

    webpack4 处理CSS的方法示例

    这节课讲解webpack4中打包css的应用.v4 版本和 v3 版本并没有特别的出入. 1. 准备工作 众所周知,CSS 在 HTML 中的常用引入方法有<link>标签和<sty ...