Welcome

首页 / 脚本样式 / JavaScript

清除输入框内的空格

2017-02-06 18
话不多说，请看代码<input type="text" onBlur="replaceSpace（this）" /><script type="text/javascript">function replaceSpace（obj） {obj.value = obj.value.replace（/s/gi, ""）}</script>以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多...

Bootstrap 模态框（Modal）插件代码解析

2017-02-06 37
Bootstrap 模态框（Modal）插件 模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。下面通过代码给大家介绍bootstrap 模态框插件，先给大家展示下效果图：页面效果：html+js：<！DOCTYPE html><html><head> <meta charset="utf-8"> <ti...

js实现的在线调色板功能完整实例

2017-02-06 18
本文实例讲述了js实现的在线调色板功能。分享给大家供大家参考，具体如下：运行效果图如下：完整实例代码如下：<html><head><meta http-equiv="content-Type" content="text/html;charset=utf-8"><meta name="keywords" content="调色板" /><meta name="description" content="...

js实现开启密码大写提示

2017-02-06 20
话不多说，请看实例：1、引入大写提示的js文件<script type="text/javascript" src="js/Capital_tip.js"></script>2、页面中调用jswindow.onload = function（） { checkUpCase（"pwd", "capital01"）;//pwd是密码框的id capital01这是大写提示的提示信息的id}3、图片中有案例以上就是本文的全部内容，希望本文...

使用BootStrap建立响应式网页——通栏轮播图（carousel）

2017-02-06 21
1、bootstrap提供了js插件——轮播图 我们还是照旧，直接拿过来用，需要改的地方再说。2、修改 小屏幕看小图，大屏图看大图：这个可以利用自定义属性（data-XXX）data-img-lg（保存大图）和data-img-xs（保存小图）属性保存图片的路径，利用jQuery的data函数取出data-xxxx属性进行动态加载。 图片居中显示：大图用背景图片来做比较好一点，小图用img来做比较好一点（因为小图的话需要等比例缩放，用背景图做不到等比...

简单实现Vue的observer和watcher

2017-02-06 25
非庖丁瞎解牛系列～ ＝。＝在日常项目开发的时候，我们将js对象传给vue实例中的data选项，来作为其更新视图的基础，事实上是vue将会遍历它的属性，用Object.defineProperty 设置它们的 get/set，从而让 data 的属性能够响应数据变化： Object.defineProperty（obj, name, {// 获取值的时候先置入vm的_data属性对象中get（） { // 赋值的时候显示的特性},set（） { // 值变化...

js querySelector（） 使用方法

2017-02-06 91
querySelector 定义和用法querySelector（） 方法返回文档中匹配指定 CSS 选择器的一个元素。注意： querySelector（） 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll（） 方法替代。浏览器支持表格中的数字表示支持该方法的第一个浏览器的版本号。语法document.querySelector（CSS selectors）参数值参数类型描述CSS 选择器Stri...

JS实现的RGB网页颜色在线取色器完整实例

2017-02-06 55
本文实例讲述了JS实现的RGB网页颜色在线取色器。分享给大家供大家参考，具体如下：运行效果图如下：完整实例代码如下：<html><head><meta content="text/html; charset=utf-8" http-equiv="content-type"><meta name="description" content="在线取色器"><meta name="keywords" con...

详解Nodejs基于mongoose模块的增删改查的操作

2017-02-06 25
MongoDBMongoDB是基于Javascript语言的数据库，存储格式是JSON，而Node也是基于JavaScript的环境（库），所以node和mongoDB的搭配能减少因为数据转换带来的时间空间开销。Mongoose是MongoDB的一个对象模型工具，它将数据库中的数据转换为JavaScript对象以供你在应用中使用，封装了MongoDB对文档的的一些增删改查等常用方法，让NodeJS操作Mongodb数据库变得更加灵活简单。安装模块mongo...

学习 NodeJS 第八天：Socket 通讯实例

2017-02-06 22
前言一般来讲，HTTP 是基于文本的“单向”通讯机制。这里所谓的“单向”，乃相对于“双向”而言，因为 HTTP 服务器只需根据请求返还恰当的 HTML 给客户端即可，不涉及客户端向服务端的通讯。这种单向的机制比较简单，对网络质量要求也不高。而更多的场景则是需要可靠、稳定的端到端连接。一般这种服务是实时的、有态的而且是长连接，长连接则暗示两段须达致相向通讯的能力，也就说是服务端客户端两者间能够实时地相互间通信。毫无疑问，能够实时通信的服务器正是我们对服务器基...

JS实现的驼峰式和连字符式转换功能分析

2017-02-06 18
本文实例讲述了JS实现的驼峰式和连字符式转换功能。分享给大家供大家参考，具体如下：在网上找的这段,比较喜欢1.驼峰转连字符:var s = "fooStyleCss";s = s.replace（/（[A-Z]）/g,"-$1"）.toLowerCase（）;//利用正则进行替换,简洁明了,很棒2.转驼峰var s1 = "foo-style-css";s1 = s1.replace（//-（/w）/g, function（all, letter）{ re...

详解handlebars+require基本使用方法

2017-02-06 56
最近在某网站看到了handlebars.js，出于好奇就百度了下这是神马玩意，结果让我很是欢喜，于是就开始自学下，handlebars就几个方法，蛮简单，言归正传！以下是基本教学逻辑演示，会附完整代码测试案例就分为3大块，头、主体、尾：<div id="header"></div><div class="contact" id="contact"></div><div id="footer">&l...

js实现可输入可选择的select下拉框

2017-02-06 35
本文实例为大家分享了可输入可选择的select下拉框，供大家参考，具体内容如下1、原理：1.1将input输入框和select框合并在一起，但是显示出向下点击的按钮:这种比较容易做到1.2出现输入值能够自动匹配的功能动态的加载一个临时的div出现在该input下方，当点击页面中的空白地方，div隐藏。1.3代码：<！doctype html> <html lang="en"><head><meta charset=...

如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标

2017-02-06 36
从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本。对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。好是好，但有时候会画蛇添足，比如已经用js控制了这个功能的时候。只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮。::-ms-clear,::-ms-reveal{displa...

详解jQuery选择器

2017-02-06 20
大致介绍终于开始了我的jQuery学习之路！感觉不能再拖了，要边学习原生JavaScript边学习jQueryjQuery是什么？jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设...

Vue.js 递归组件实现树形菜单（实例分享）

2017-02-06 17
最近看了 Vue.js 的递归组件，实现了一个最基本的树形菜单。项目结构：main.js 作为入口，很简单：import Vue from "vue"Vue.config.debug = trueimport main from "./components/main.vue"new Vue（{ el: "#app", render: h => h（main）}）它引入了一个组件 main.vue：<template> <div cl...

JS树形菜单组件Bootstrap TreeView使用方法详解

2017-02-06 68
简要介绍： 之前手头的一个项目需要去做一个左侧的树形菜单，右侧则是一个整体的iframe，从而构成一个整体的网站。一开始是打算用bootstrap的tree-view插件，直接把菜单的数据传过去就好了，结果后来项目又改了需求，菜单的内容和图表都是后台动态生成的，所以只能放弃使用bootstrap插件，自己着手写了一个树形菜单。本文主要分两部分讲，一个是对于bootstrap的treeview的实践，另一部分是介绍自己写的树形菜单。bootstrap-tr...

懒加载实现的分页&&网站footer自适应

2017-02-06 18
最近在做手机端，发现下拉刷新和上拉加载的jq控件很少而且自我感觉不好用，比如iscroll之类……然后自己写了个懒加载的，也很简单，最基础的代码【不喜勿喷，但蛮实用的】wap手机端懒加载分页：用之前先引用下jquery.jsvar current = 1; $（function（） {$（"body"）.bind（"touchmove", function（e） {if（$（this）.scrollTop（） > （$（window）.height（...

原生的强大DOM选择器querySelector介绍

2017-02-06 39
在传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式，或者使用某个库。事实上，现在所有的浏览器厂商都提供了 querySelector 和 querySelectorAll 这两个方法的支持，甚至就连微软也派出了 I...

解决拦截器对ajax请求的拦截实例详解

2017-02-06 24
解决拦截器对ajax请求的的拦截拦截器配置：public boolean preHandle（HttpServletRequest request, HttpServletResponse response,Object obj） throws Exception {//获取判定登陆的session是否存在String token = （String） request.getSession（）.getAttribute（"token"）;String po...
<< 41 42 43 44 45 46 47 48 49 50 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图