js鼠标跟随运动效果
本文实例为大家分享了js鼠标跟随效果展示的具体代码，供大家参考，具体内容如下
1、使用命令创建基本结构ul.cursorPlay#cursorPlay>li*12>a>img+div>span
2、给span标签添加字...
2020-05-27
JS实现简易刻度时钟示例代码
如图所示，利用JS实现简易的刻度时钟；
原理如下：利用60等份的li进行布局，li两两之间的间隔为6deg，把基点定在圆心上，使得li圆形分布。然后另外设置三条针线的样式的位置，基点同样定...
2020-05-27
前端开发之CSS原理详解
前端开发之CSS原理详解 从事Web前端开发的人都与CSS打交道很多，有的人也许不知道CSS是怎么去工作的，写出来的CSS浏览器是怎么样去解析的呢？当这个成为我们提高CSS水平的一个瓶...
2020-05-27
jquery mobile实现可折叠的导航按钮
本文实例为大家分享了jquery实现可折叠的导航按钮的具体代码，供大家参考，具体内容如下功能：
当功能较多时，创建可折叠分组导航按钮。只需指定 data-role=" collapsible "创建可...
2020-05-27
jquery拼接ajax 的json和字符串拼接的方法
整理文档，搜刮出一个jquery拼接ajax 的json和字符串拼接的代码，稍微整理精简一下做下分享。jQuery拼接字符串ajax<form id="myForm" action="#"> <input name="name"/> <inp...
2020-05-27
彻底学会Angular.js中的transclusion
前言AngularJS中指令的重要性是不言而喻的，指令让我们可以创建自己的HTML标记，它将自定义元素变成了一个一个的模块，极大的体现了前端开发中的模块化模式，并提高了代码的易读性...
2020-05-27
纯js的右下角弹窗实例
这个弹窗是如下图的效果：打开网页的时候，这个弹窗会淡入，之后点击右上角的关闭按钮，其实就是一个& times;会淡出。采用淡入淡出是因为直接Jquery一个fadeIn与fadeOut省事。如果...
2020-05-27
利用Node.js对文件进行重命名
前言最近把博客换了皮肤，今天早上起来就开始捣鼓文件命名问题。hexo的文章基本都是生成在_post文件夹下，若文章多了以后就不好管理，所就打算以【日期+文章标题】为文件名：
更改...
2020-05-27
JavaScript中双符号的运算详解
一、双波浪号var i = 5.1;var j = 5.5;console.log(~~i); // 5console.log(~~j); // 5作用类似Math.floor。
类似的意思是在处理正数的时候，如果处理负数就它俩就不同了：~~-5....
2020-05-27
Node.js调试技术总结分享
前言众所周知调试技术与开发技术构成了软件开发的基石。目前Nodejs作为新型的Web Server开发栈倍受开发者关注。总的来说Nodejs的应用程序主要有两部分：JavaScript编写的js模...
2020-05-27
如何理解jQuery中的ajaxSubmit方法
刚刚学习中，使用到了ajaxSubmit，犹豫以前没有接触㢧这个，所以刚开始是一脸懵逼状态，最后通过查找资料的方式，解决了这个问题这个很兴奋，做到了页面的无刷新上传图片，送给看我...
2020-05-27
jQuery中layer分页器的使用
layui给我们提供了分页器的组件，进行简单的配置就能做出分页的效果上代码：// 点击查询按钮 开始显示表格内容// 如果查询内容不存在 则显示为空$('#searchBtn').click(functio...
2020-05-27
JS实现的简单拖拽功能示例
本文实例讲述了JS实现的简单拖拽功能。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>js实现拖拽</title...
2020-05-27
jQuery实现页面倒计时并刷新效果
下面一段代码给大家分享基于jquery实现的页面倒计时并刷新效果，代码如下所示：var intDiff = parseInt(600);//倒计时总秒数量 function timer(intDiff){ window.setIn...
2020-05-27
nodejs搭建本地http服务器教程
由于不做php相关的东西，懒得装apache，干脆利用nodejs搭建一个本地的服务器用于测试。nodejs这玩意儿吧，对做前端的介入后端简直就是一把利器。而且目前，nodejs也越来越有商用价...
2020-05-27
H5实现中奖记录逐行滚动切换效果
本文实例为大家分享了H5逐行滚动切换效果的具体代码，供大家参考，具体内容如下前端页面需先引入jquery<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl...
2020-05-27
使用openSpeDiv方法实现Ecshop登录弹窗框效果
在ECSHOP的目录/JS/common.js中有一个openSpeDiv方法是实现ECSHOP的弹窗效果的。如果我们想制作一个登录弹窗框，可以截取这个方法里的部分代码。//生成属性选择层 function o...
2020-05-27
jsonp跨域请求实现示例
网上看了很多关于jsonp的资料，发现在本机运行后实现不了，有的是有错漏，有的是说的比较含糊，接合自己的情况，整了一个可运行的示例；前言：ajax请求地址：http://192.168.1.102:8080/car...
2020-05-27
js从输入框读取内容,比较两个数字的大小方法
因为从输入框读取的内容是String类型的，所以直接比较的话，是用asc码来比较的，如果要比较数字的大小应该加上parseFloat，比如：if(parseFloat(amnt1) < parseFloat(amnt2)){}以上这...
2020-05-27
JS实现直接运行html代码的方法
本文实例讲述了JS实现直接运行html代码的方法。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html> <head> <meta charset='utf-8'/> <title>直接运行 h...
2020-05-27
JS实现含有中文字符串的友好截取功能分析
本文实例讲述了JS实现含有中文字符串的友好截取功能。分享给大家供大家参考，具体如下：在显示字符串的时候，避免字符串过长往往会对字符串进行截取操作，通常会用到js 的 substr...
2020-05-27
JS+html5 canvas实现的简单绘制折线图效果示例
本文实例讲述了JS+html5 canvas实现的简单绘制折线图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title>...
2020-05-27
JavaScript评论点赞功能的实现方法
通过分析评论功能的逻辑关系，学会如何使用JavaScript实现评论、回复、点赞等各种功能1.学会JavaScript处理日期和时间。2.掌握Dom操作中的添加/删除子节点方法。3.使用setTim...
2020-05-27
jQuery简易时光轴实现方法示例
本文实例讲述了jQuery简易时光轴实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta charset='utf-8'> <title>timeLine</title> <style> bod...
2020-05-27
深入理解Node.js中的进程管理
前言本文主要对 Node.js 中进程管理相关的东西做一个简单介绍，包括 process 对象、child_process 模块和cluster 模块，详细的 API 可以查看官方文档，下面来看看详细的介绍吧。P...
2020-05-27
jquery.flot.js简单绘制折线图用法示例
本文实例讲述了jquery.flot.js简单绘制折线图用法。分享给大家供大家参考，具体如下：1、完整实例代码：<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title>折...
2020-05-27
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
前言最近练习Vue，看到官方文档中的嵌套路由，不做不知道，实在是太坑了，网上资料demo少之又少，然后自己就做了一个demo,用了vue2.0嵌套路由实现豆瓣电影分页功能，供大家学习学习，写得...
2020-05-27
原生js实现吸顶效果
实现思路如下：1. div初始居普通文档流中2. 给window添加scroll事件（可事件节流），获取div的offset的top值，滚动时scrollTop值和top比较，当到达top时给div添加一个fixed的class使其...
2020-05-27
Javascript封装id、class与元素选择器方法示例
由于各个浏览器都支持的选择方法只有如下三种： 1、document.getElementById() 2、document.getElementsByName() 3、document.getElementsByTagName()所以在封装...
2020-05-27
js实现手机发送验证码功能
效果图：代码如下：<!DOCTYPE html><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>发送验证码倒计时功能</title><style>@charse...
2020-05-27
利用Javascript裁剪图片并存储的简单实现
前言就我而言，页面上的设计比较灵动的部分，其实不是很多，诸如滑动验证码，图片裁剪等比较好的交互设计。从刚开始工作的时候，我就想把这些东西了解下，无奈一直没这个需求，乘着今天的...
2020-05-27
Javascript中字符串相关常用的使用方法总结
刚刚在看Javascript犀牛书，看到字符串这一节，平时工作接触到这方面的不多，想着整理下，以备不时只需。JavaScript的内置功能之一就是字符串连接，如果用‘+'连接两个数字，表示两数相...
2020-05-27
Java与JavaScript中判断两字符串是否相等的区别
JavaScript是一种常用的脚本语言,这也决定了其相对于其他编程语言显得并不是很规范.在JavaScript中判断两字符串是否相等直接用==,这与C++里的String类一样.而Java里的等号...
2020-05-27
JavaScript 数据类型详解
一，数据类型以下内容基于ES5（ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型。）JavaScript是一种弱类型动态语言，定义变量时无需指...
2020-05-27
干货!教大家如何选择Vue和React
两者之间的相同之处同样是基于组件开发的轻量级框架，同样是专注于用户界面的视图view层。如何选择1.1 如果喜欢用模板搭建应用（或者有这个想法）选择Vue
Vue应用默认的是把mark...
2020-05-27
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
本文实例讲述了jQuery插件HighCharts实现气泡图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighCharts 气泡...
2020-05-27
又一款MVVM组件 构建自己的Vue组件（2）
前言：转眼距离上篇JS组件系列——又一款MVVM组件：Vue（一：30分钟搞定前端增删改查）已有好几个月了，今天打算将它捡起来，发现好久不用，Vue相关技术点都生疏不少。经过这几个月的时间，Vu...
2020-05-27
JS正则表达式判断有效数实例代码
<script type="text/javascript"> function validate(){ var reg = new RegExp("^[0-9]*$"); var obj = document.getElementById("name"); if(!reg.test(obj.value)){...
2020-05-27
VUE实现日历组件功能
哈哈， 就在昨天笔者刚刚在Github 上发布了一个基于VUE的日历组件。过去做日历都是需要引用 jquery moment 引用 fullCalendar.js 的。几者加起来体积庞大不说，也并不是很好使...
2020-05-27
基于vue2.0+vuex的日期选择组件功能实现
calendar vue日期选择组件一个选择日期的vue组件基于vue2.0 + vuex原本是想找这样的一个组件的，查看了vuex后，发现vuex的写法还不是基于2.0的，所以就自己动手做了demo展示&&项...
2020-05-27
jquery实现表单获取短信验证码代码
效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery表单获取短信验证码代码</title> <script src="http://libs.baidu.com/jquery...
2020-05-27
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
在项目中开始使用vue2来构建项目了，跟 vue1 很大的一处不同在于2 取消了props 的双向绑定，改成只能从父级传到子级的单向数据流，初衷当然是好的，为了避免双向绑定在项目中容易造...
2020-05-27
常用的几个JQuery代码片段
1. 导航菜单背景切换效果在项目的前端页面里，相对于其它的导航菜单，激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种，下面是使用JQuery实现的一种方式：//注意：代...
2020-05-27
分享一个精简的vue.js 图片lazyload插件实例
这个插件未压缩版本只有7.62kb，很精简，支持img标签和background-img资源的lazyload。支持vue.js 1.0 和vue.js 2.0安转$ npm install vue-lazyload --save使用方法//main.jsim...
2020-05-27
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
相信只要是使用百度地图做实时定位服务的朋友都会遇到这个问题,在对坐标位置进行覆盖物展示的时候,会出现由于获取坐标数据时间或者两个坐标点相距过远,导致在视觉上看Marke...
2020-05-27
jQuery+CSS3实现点赞功能
效果图：图（1） 初始图图（2） 点击后代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html...
2020-05-27
轻松实现jQuery添加删除按钮Click事件
大家登陆一些网站或论坛时，经常会被要求先浏览和确认“用户协议”。“用户协议”底部通常会设置一个“我已阅读并同意”复选框，勾选了该复选框，“登陆”按钮才可用。如下图所示...
2020-05-27
jQuery实现表格奇偶行显示不同背景色 就这么简单
做表格的时候，经常要让奇偶行显示不同背景色，一来使表格显得更美观，二来使同行数据查找更快捷方便。通常我们是怎么实现的呢？就是在每个tr标签上加css样式。代码如下所示：<html><...
2020-05-27
jquery插件ContextMenu设置右键菜单
Struts项目中右键菜单一般很少用到，但是一旦客户有要求，很多人就懵圈了，比如我。这个时候，当然要表现镇定，一面拍着胸口对客户承诺说绝对可以实现，一面赶紧打开百度神器，搜搜看是否...
2020-05-27
Bootstrap笔记—折叠实例代码
1. 基础折叠
展示如下：<body> <div class="container"> <!-- 按钮 --> <button class="btn btn-default" data-toggle="collapse" data-target="#shows">按钮</butto...
2020-05-27
