原生JS实现导航下拉菜单效果
这个导航下拉菜单需要实现的功能是：下拉菜单的宽度与浏览器视口的宽度一样宽；一级导航只有两项，当鼠标移到一级导航上的导航项时，相应的二级导航出现。在本案例中通过改变二级导...
2020-05-27
深入理解vue路由的使用
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统...
2020-05-27
原生JS改变透明度实现轮播效果
在我看来要想实现轮播主要是要知道当前位于的页面和即将位于的页面。这个案例是通过改变图片的透明度来实现轮播的效果。我把涉及的知识点分为两个方面，分别是HTML+css和JS。...
2020-05-27
JavaScript获取URL参数的方法之一
若地址栏URL为：abc.html?m=tomms&c=allsearchlist&pageNo=1&pageNum=20&text=1<script> //JavaScript获取url，并把url中的参数变成数组的方法，arr数组的值就是各参数值 v...
2020-05-27
详解打造 Vue.js 可复用组件
Vue.js 是一套构建用户界面的渐进式框架。我们可以使用简单的 API 来实现响应式的数据绑定和组合的视图组件。
从维护视图到维护数据，Vue.js 让我们快速地开发应用。但随着业...
2020-05-27
Bootstrap常用组件学习(整理)
一、Bootstrap 面板（Panels）本章将讲解 Bootstrap 面板（Panels）。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板，只需要向 <div> 元素添加 class .panel 和 clas...
2020-05-27
JavaScript验证知识整理
JS只能输入数字，数字和字母等的正则表达式1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.valu...
2020-05-27
重新理解JavaScript的六种继承方式
类式继承（构造函数）JS中其实是没有类的概念的，所谓的类也是模拟出来的。特别是当我们是用new 关键字的时候，就使得“类”的概念就越像其他语言中的类了。类式继承是在函数对象内...
2020-05-27
详解NodeJS框架express的路径映射（路由）功能及控制
我 们知道Express是一个基于NodeJS的非常优秀的服务端开发框架，本篇CSSer将提供express框架的route和route control章节，route实现了客户端请求的URL的路径映射功能，暂且译为路...
2020-05-27
jQuery实现的背景颜色渐变动画效果示例
本文实例讲述了jQuery实现的背景颜色渐变动画效果。分享给大家供大家参考，具体如下：完整实例代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http:...
2020-05-27
原生Aajax 和jQuery Ajax 写法个人总结
AJAX:即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步...
2020-05-27
原生js实现简单的Ripple按钮实例代码
整理文档，搜刮出一个原生js实现简单的Ripple按钮的代码，稍微整理精简一下做下分享。
效果如图准备食材（html部分） <ul id="nav"> <li> <a href='#'> <span>首页</span>...
2020-05-27
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
本文实例讲述了jQuery实现的动态文字变化输出效果。分享给大家供大家参考，具体如下：演示效果图如下：1、完整实例代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transition...
2020-05-27
HTML5+jQuery实现搜索智能匹配功能
HTML5+jquery实现的搜索匹配效果，或者说是搜索过滤，当你在文本框输入一个字符时，如果下边的列表中有以此为开头的内容时，将自动为你显示相关内容，示例中仅列出了一些，用时候你可以...
2020-05-27
JS得到当前时间的方法示例
本文实例讲述了JS得到当前时间的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose....
2020-05-27
jQuery实现鼠标经过显示动画边框特效
原效果用addClass 改为slideUp，纯学习效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css.cs...
2020-05-27
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
本文实例讲述了fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法。分享给大家供大家参考，具体如下：当部署含有Fckeditor编辑器的应用程序时，在tomcat下什...
2020-05-27
原生js封装自定义滚动条
最近有一个关于制作在线音乐播放器的项目，需要使用一个滚动条，但是自带滚动条实在是太丑了，所以就自己琢磨了一下自定义的滚动条。在网上看原理，说实话没怎么看懂，就趁今天上午上...
2020-05-27
JS正则替换去空格的方法
本文实例讲述了JS正则替换去空格的方法。分享给大家供大家参考，具体如下：在网上找了好久，发现没几个是好用的。自己备份一个省得以后再找。//去左空格;function ltrim(s){ ret...
2020-05-27
JS实现向iframe中表单传值的方法
本文实例讲述了JS实现向iframe中表单传值的方法。分享给大家供大家参考，具体如下：给iframe加contentWindow属性后,才能赋值,在IE,firefox测试一切ok.例如：页面a.jsp<script lan...
2020-05-27
详解angular2实现ng2-router 路由和嵌套路由
实现ng2-router路由，嵌套路由首先配置angular2的时候router模块已经下载，只需要引入即可
import {RouterModule, Routes} from "@angular/router";我们要创建一个嵌套路由，所...
2020-05-27
js鼠标经过tab选项卡时实现切换延迟
偶然间在浏览网页时，发现这样的效果。当鼠标不经意间滑过tab时并不会切换，当鼠标停留在上面一段时候后才会切换。 个人觉得用户体验不错，优点是1.当用户只是滑过标签...
2020-05-27
Node.js和Express简单入门介绍
仅仅入门如何用Node.js和Express搭建一个web服务器，没有说明太多概念性的东西。一、 Nodejs简介​ ==Node是JavaScript语言的服务器运行环境。==​ 所谓“运行环境...
2020-05-27
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
本文实例讲述了jQuery插件FusionCharts实现的Marimekko图效果。分享给大家供大家参考，具体如下：1、index.html文件：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitiona...
2020-05-27
nodejs开发——express路由与中间件
路由通常HTTP URL的格式是这样的：http://host[:port][path]http表示协议。host表示主机。port为端口，可选字段，不提供时默认为80。path指定请求资源的URI(Uniform Resource Ide...
2020-05-27
Three.js获取鼠标点击的三维坐标示例代码
由于工作需要，但是对于three.js又是一窍不通，网上的资料又很少，所以上来就让我获取坐标，真是一个头两个大。好歹最后终于实现了。
既然已经是想要获取鼠标点击的三维坐标了，相信...
2020-05-27
ECMAScript6 新特性范例大全
ECMAScript6（ECMAScript 2015 ，ES5，ES2016）技术已经在前端圈子很流行了，他给前端开发人员带来了很多惊喜，提供的语法糖使复杂的操作变得简单。本文没有详细描述这些新特性，因为网上...
2020-05-27
Bootstrap DateTime Picker日历控件简单应用
一个日历控件，这是官方说明，，供大家参考，具体内容如下
首先引入css样式
<!--引入bootstrap 和bootstrap-datetimepicker样式表--> <link rel="stylesheet" href="bootstrap-3.3....
2020-05-27
axios基本入门用法教程
这篇文章主要给大家介绍了axios基本入门用法教程，下面话不多说，来看看详细的介绍吧。首先就是引入axios,如果你使用es6，只需要安装axios模块之后import axios from 'axios';//...
2020-05-27
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
本文实例讲述了jQuery插件FusionCharts实现的3D帕累托图效果。分享给大家供大家参考，具体如下：1、设计3D帕累托图的页面index.html：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4...
2020-05-27
angular仿支付宝密码框输入效果
项目需求，使用ng写一个密码框格子支付模块，一开始使用一个input+letter-spacing来分割字符，但是发现间距非常不好控制，随着字符的输入文本框字符串间距还会自动调整。最终从网上...
2020-05-27
JS实现列表页面隔行变色效果
先看看隔行变色效果：代码：
<head runat="server"> <title></title> <script type="text/javascript"> window.onload = function () { var otab = document.getElementById...
2020-05-27
bootstrap suggest搜索建议插件使用详解
近日因工作需要看了下此插件。首先下载bootstrap js包。添加此插件的引用。注意css样式要引用，不能忘记。前台页面代码，因为楼主做的是选项卡切换查询不同的结果。<tr> <th s...
2020-05-27
JS中showModalDialog关闭子窗口刷新主窗口用法详解
本文实例讲述了JS中showModalDialog关闭子窗口刷新主窗口用法。分享给大家供大家参考，具体如下：网上找了好长时间 大都是window.opener.location.reload(),等等都不是我想要的...
2020-05-27
基于bootstrap按钮式下拉菜单组件的搜索建议插件
本文实例为大家分享了Bootstrap Search Suggest搜索建议插件的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <ti...
2020-05-27
JS控件bootstrap datepicker使用方法详解
bootstrap-datepicker沙箱环境：
bootstrap-datepicker沙箱环境：
1、requirejs配置requirejs.config({ baseUrl: '../pages/modules',// urlArgs: "v=" + (new Date()).get...
2020-05-27
bootstrap table动态加载数据示例代码
我最近在研究bootstrap的学习路上，那么今天也算个学习笔记吧！
效果如下：
点击选择按钮，弹出模态框，加载出关键词列表TABLE样式：
<div class="modal fade " id="ClickModal" tabind...
2020-05-27
JS控件bootstrap suggest plugin使用方法详解
本文为大家分享了bootstrap-suggest-plugin插件，这是一个简单的编辑提示控件，供大家参考，具体内容如下
bootstrap-suggest-plugin插件地址页面如下面所示，使用此控件<div class=...
2020-05-27
javascript实现的图片预览功能
本文实例讲述了javascript实现的图片预览功能。分享给大家供大家参考，具体如下：1.将下面的代码复制到<head>内<script>/*Thumbnail image viewer-?Dynamic Drive (www.dyn...
2020-05-27
JS操作xml对象转换为Json对象示例
最近在处理一个前端功能的时候，遇到了一个问题，原本的系统是使用的xml来存储数据的，而在新的系统上，想要转换为json对象存储，于是就考虑到直接将xml对象转换为json对象。目前为止...
2020-05-27
JavaScript 实现 Tab 点击切换实例代码
Tab 选项卡切换效果在现如今的网页中，运用的也是比较多的，包括点击切换、滑动切换、延迟切换、自动切换等多种效果，在这篇博文里，我们是通过原生 JavaScript 来实现 Tab 点击切...
2020-05-27
使用vue.js写一个tab选项卡效果
通常我们写tab选项卡的时候,一般都是用jq等去操作dom,给同级元素移除active类,然后,给被点击元素添加active类,但是在vue.js中,我们能不去操作dom我们就尽量不操作dom,那么...
2020-05-27
vue中用动态组件实现选项卡切换效果
最近在研究vue的路上，那么今天也算个学习笔记吧！
导航按钮：<div class="tab-title"> <p @click="a='tab1'"><router-link to='/collectnewcars'>新车</router-link><em><...
2020-05-27
javascript作用域链与执行环境详解
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！作用域、作用域链、执行环境、执行环境栈以及this的概念在javascript中非常重要，本...
2020-05-27
JS去掉字符串前后空格或去掉所有空格的用法
1、 去掉字符串前后所有空格：代码如下： function Trim(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); } 说明： 如果使用jQuery直接使用$.trim(str)方法...
2020-05-27
JavaScript 字符串数字左补位，右补位，取固定长度，截位扩展函数代码
有时候我们的日期等不足两位的补一个0等，都可以使用这个。这个大家应该都很明白了，就不废话了，代码如下：String.prototype.padLeft =Number.prototype.padLeft = function(total...
2020-05-27
在js中做数字字符串补0(js补零)
通常遇到的一个问题是日期的“1976-02-03 HH:mm:ss”这种格式 ，我的比较简单的处理方法是这样：function formatDate(d) { var D=['00','01','02','03','04','05','06','07','0...
2020-05-27
js 去掉字符串前后空格实现代码集合
第一种：循环检查替换//供使用者调用 function trim(s){ return trimRight(trimLeft(s)); } //去掉左边的空白 function trimLeft(s){ if(s == null) { return "";...
2020-05-27
CodeMirror js代码加亮使用总结
CodeMirror是一个基于JavaScript的代码编辑器，CodeMirror支持大量语言的语法高亮,也包括css,html,js等的高亮显示。此外，CodeMirror还支持代码自动完成、搜索/替换、HTML预览...
2020-05-27
js 函数式编程学习笔记
（1）平常写的函数大多是接受值，合并值，返回值，比如经常写的for循环:function printArray(array){ for(var i=0;i<array.length;i++){ print(array[i]); } }但是如果我们...
2020-05-27
