Welcome

首页 / 脚本样式 / JavaScript

JavaScript实现简易的天数计算器实例【附demo源码下载】

2017-02-06 23
本文实例讲述了JavaScript实现简易的天数计算器。分享给大家供大家参考，具体如下：运行效果图如下：功能：1. 支持选择日期；2. 自动计算闰年；3. 支持使用当前日期。代码：（1）html文件：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>简易天数计算器</title><script ty...

JavaScript计时器用法分析【setTimeout和clearTimeout】

2017-02-06 20
本文实例分析了JavaScript计时器用法。分享给大家供大家参考，具体如下：JavaScript中使用setTimeout和clearTimeout函数进行计时/停止计时的操作。1.指定时间后执行一个动作，如3s后弹出一个对话框：setTimeout（"alert（"3s"）",5000）;并且，该函数可以叠加起来是用，如：function delay_times（）{ setTimeout（"document.getElementById（"time_...

基于JavaScript实现屏幕滚动效果

2017-02-06 18
屏幕滚动效果：<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style>ul,ol { list-style-type: none;}* {margin:0;padding:0;}html,body { width: 100%; height: 100%;}#ul { width: 100%; height...

AngularJS Select（选择框）使用详解

2017-02-06 25
1、Select概述AngularJS 中可以使用 ng-option 指令来创建一个下拉列表，列表项通过对象和数组循环输出<div ng-app="myApp" ng-controller="myCtrl"><select ng-model="selectedName" ng-options="x for x in names"></select></div><script>var app = ...

jQuery中的一些小技巧

2017-02-06 28
JQ使用过程中,一些小技巧:1.is（）方法根据选择器、元素或 jQuery 对象来检测匹配元素集合，如果这些元素中至少有一个元素匹配给定的参数，则返回 true。一些小应用如下:<ul> <li>list <strong>item 1</strong></li> <li><span>list item 2</span></li> <li>...

JavaScript日期对象（Date）基本用法示例

2017-02-06 21
本文实例讲述了JavaScript日期对象（Date）基本用法。分享给大家供大家参考，具体如下：1.获取当前日期：document.write（"Current time: "+new Date（））;2.获取时间戳（毫秒）：document.write（new Date（）.getTime（））;3.设置年月日（年为必选，月日为可选）：var d = new Date（）;d.setFullYear（2016,3,16）document.write（d）...

easyui 中的datagrid跨页勾选问题的实现方法

2017-02-06 25
easyui的datagrid分页显示数据，如果有需求要求勾选多条数据且不再同一页中，easyui会保存在其他页选中的数据吗？ 一开始在网上查阅有人说easyui中没有此方法，需要自己写，但其实至少在1.4版本后只要在datagrid中加入 idField:"id",给每条数据id属性，easyui就默认就会保留之前勾选的信息，如果没有id，才会出现换页后，之前勾选的信息没有的情况。所以说网络是个好东西，但你要有分辨的能力！下面是部分代码：$welding...

详解vue 中使用 AJAX获取数据的方法

2017-02-06 23
在VUE开发时，数据可以使用jquery和vue-resource来获取数据。在获取数据时，一定需要给一个数据初始值。看下例：<script type="text/javascript"> new Vue（{el:"#app",data:{data:""},created:function（）{var url="json.jsp";var _self=this;$.get（url,function（data）{_self.data=eval（"...

js放大镜放大购物图片效果

2017-02-06 20
图片放大镜效果，供大家参考，具体内容如下一难点：不让黄盒子出界 二难点：让大盒子相应移动（比例）<html lang="en"><head> <meta charset="UTF-8"> <title>我的放大镜</title> <style>*{ margin: 0; padding: 0;}.box{ margin: 100px; position: relative;}.smal...

js实现表格筛选功能

2017-02-06 22
本应用就两个主要实现：1.表格的id 和 class之间的命名关系请看图： 将组名和个人信息联表格联系起来，这样会很好的操作表格HTML代码： <tr class="parent" id="row_01"><td colspan="3">前台设计组</td></tr> <tr class="child_row_01"><td>张三</td><td>男</t...

原生js实现回复评论功能

2017-02-06 38
实现原理功能1.删除状态用removeChild（）方法即可功能2.最上面的点赞判断文字的内容是否为赞，做相应操作改变存放赞数量的容器文本内容功能3.回复评论创建一个新的评论添加到评论列表里功能4.回复里的点赞判断我是否点了赞，做相应操作功能5.回复或者删除判断字符串回复还是删除，做相应操作代码用了事件代理，还有三元运算判断，减少代码量每行代码都有详细的注释一眼看到那么多的代码不要烦躁其实你要把每个功能单独去看都是很简单的dom操作一点点消化，读懂每一行代...

jQuery Validation Engine验证控件调用外部函数验证的方法

2017-02-06 28
在使用jQuery Validation Engine的时候，我们除了使用自带的API之外，还可以自己自定义正则验证。自定义正则验证上一篇已经讲过了，如果想使用自定义函数进行验证怎么办？其实这个控件有个bug，在api中说也就是在我们需要进行验证的地方加上funcCall[自定义函数名]，但是我们会发现总会报错，说找不到你这个函数名。其实它的要求是要添加required进行综合验证，也就是validate[required,funcCall[yorn]]，...

原生javascript实现图片放大镜效果

2017-02-06 25
当我们在电商网站上购买商品时，经常会看到这样一种效果，当我们把鼠标放到我们浏览的商品图片上时，会出现类似放大镜一样的一定区域的放大效果，方便消费者观察商品。今天我对这一技术，进行简单实现，实现图片放大镜效果。 我在代码中进行了代码编写的思路的说明和详细的代码注释，方便读者，请看代码：<html> <head><meta charset="UTF-8"><title>Document</title>...

JS中Array数组学习总结

2017-02-06 23
引用类型分为Object类型（所谓的对象），Array类型（本文谈的数组），Function类型等。那么，数组是干啥的呢？在我看来，它是用来保存数据的。一、声明一个数组：1、构造函数 var colors=new Array（）；简写的话可以省略new，即var colors=Array（）;2、数组字面量 var colors=["black","green","pink"];二、读取和设置数组的值：读取：colors[x];参数x为0~colors.l...

vue.js+Element实现表格里的增删改查

2017-02-06 21
新项目使用的是vue.js 后来发现饿了吗前端编写的一套框架Element （http://element.eleme.io/#/zh-CN）来配合vue.js进行样式填充 之前用过angularjs 用到后来 发现越来越难学 于是就决定用vue.js 下面就介绍一下vue.js应用在表格里的增删改查 首先引入一下element的js<script src="plugins/element-ui/index.js"></script>...

Vue.js自定义指令的用法与实例解析

2017-02-06 23
市面上大多数关于Vue.js自定义指令的文章都在讲语法，很少讲实际的应用场景和用例，以致于即便明白了怎么写，也不知道怎么用。本文不讲语法，就讲自定义指令的用法。 自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念，但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展，不仅可用于定义任何的DOM操作，并且是可复用的。 比如谷歌图片的加载做得非常优雅，在图片未完成加载前，用随机的背景色占位，图片加载完成后才直接渲染出来。用自定义指令...

JavaScript字符串对象（string）基本用法示例

2017-02-06 24
本文实例讲述了JavaScript字符串对象（string）基本用法。分享给大家供大家参考，具体如下：1.获取字符串的长度：var s = "Hello world";document.write（"length:"+s.length）;2.为字符串添加各种样式，如：var txt = "Some words";document.write（"<p>Big: " + txt.big（） + "</p>"）document.write...

bootstrap配合Masonry插件实现瀑布式布局

2017-02-06 27
问题是这样的，使用bootstrap的栅格进行布局的时候，如果大小超过了，会自动的转到下一行，但是在显示图片的时候就会出现缝隙，下面介绍masonry进行缝隙的填补。好，下面上货。1、首先是html<html> <head><title>Title</title><meta charset="utf-8"/><link rel="stylesheet" type="text/css" hre...

详解微信小程序开发之——wx.showToast（OBJECT）的使用

2017-02-06 29
wx.showToast API是显示消息提示框的作用。 先让我们看一下官方的文档说明： 注意：其中的图标，只支持”success”、”loading”示例代码：wx.showToast（{ title: "成功", icon: "success", duration: 2000}）接下来演示如何使用，先打开微信web开发者工具，新建快速项目，删除掉首页没用的内容，保留如下部分。 添加两个按钮，同事添加点击事件。再在按钮上添加navigator导航，链接到...

微信小程序的动画效果详解

2017-02-06 26
前言由于公司计划有变，所以从H5页面改成去小程序写。所以在着手开发小程序。本人也不是什么前端高手，只是一名写后端偶尔写写前端的渣渣。请前端大神们勿喷。一、什么是微信小程序？ 小程序在我的理解中只是高度封装的H5，封装了各种组件。根据官方的说法小程序运行不是在浏览器当中。姑且算是微信的插件吧。二、小程序不能操纵DOM 小程序不能直接操纵DOM，鼓励的是数据绑定。例如vue.js这种。所以个人而言感觉跟如果习惯了用JQ去操纵DOM的开发者很不习惯。需要一个...
<< 21 22 23 24 25 26 27 28 29 30 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图