Welcome

首页 / 脚本样式 / JavaScript

IntersectionObserver API 详解篇

2017-02-06 27
温馨提示：本文目前仅适用于在 Chrome 51 及以上中浏览。2016.11.1 追加，Firefox 52 也已经实现。2016.11.29 追加，Firefox 的人担心目前规范不够稳定，未来很难保证向后兼容，所以禁用了这个 API，需要手动打开 dom.IntersectionObserver.enabled 才行。IntersectionObserver API 是用来监视某个元素是否滚动进了浏览器窗口的可视区域（视口）或者滚动进了它的某个祖先元...

js原生之焦点图转换加定时器实例

2017-02-06 20
在jQuery之焦点图转换-左右的基础上，将jQuery代码改成js原生，并添加定时器（setInterval（）和clearInterval（））<！doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>焦点图转换--原生和定时器</title> <link rel="stylesheet" href...

Sequelize中用group by进行分组聚合查询

2017-02-06 25
一、SQL与Sequelize中的分组查询1.1 SQL中的分组查询SQL查询中，通GROUP BY语名实现分组查询。GROUP BY子句要和聚合函数配合使用才能完成分组查询，在SELECT查询的字段中，如果没有使用聚合函数就必须出现在ORDER BY子句中。分组查询后，查询结果为一个或多个列分组后的结果集。GROUP BY语法SELECT 列名, 聚合函数（列名）FROM 表名WHERE 列名 operator valueGROUP BY 列名 [HAV...

基于BootstrapValidator的Form表单验证（24）

2017-02-06 19
Form表单进行数据验证是十分必要的，我们可以自己写JS脚本或者使用JQuery Validate 插件来实现。对于Bootstrap而言，利用BootstrapValidator来做Form表单验证是个相当不错的选择，两者完全兼容，我们也不用去关注CSS样式等美工效果。0x01 引入BootstrapValidator官网：BootstrapValidator，作为一个纯粹的使用者，我们可以在上面的链接处下载相关文件并引入，也可以利用CDN方式引入：&l...

JavaScript利用正则表达式替换字符串中的内容

2017-02-06 24
话不多说，请看具体实现代码//从字符串"Is this all there is"中剪去"is": var str="Is this all there is"; var subStr=new RegExp（"is"）;//创建正则表达式对象 var result=str.replace（subStr,""）;//把"is"替换为空字符串 console.log（result）;//Is th all there is var subStr=new Reg...

JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】

2017-02-06 20
本文实例讲述了JavaScript扫雷游戏。分享给大家供大家参考，具体如下：翻出年初写的游戏贴上来，扫雷相信大家都玩过，先上图：源码：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/199...

JS仿京东移动端手指拨动切换轮播图效果

2017-02-06 22
如今，移动端web页面在市场上也是占有相当大的比例，而移动端的轮播图效果也是很常见的，今天我就来记录下关于实现一组适用于移动端的可用手指进行拨动切换轮播图的效果。这个效果的主要技术点依托于触屏设备特有的touch事件；好了，接下来就进入主题吧。首先是html布局：1. 这里强调的是记得给html加上viewport这个适口属性。2. 由于在拨动第一张图片以及最后一张图片的时候需要切换到最后一张以及第一张，要想达到理想效果，需要给第一张图片前面加上最后一张图...

JS中检测数据类型的几种方式及优缺点小结

2017-02-06 21
1、typeof 用来检测数据类型的运算符typeof value 返回值首先是一个字符串,其次里面包含了对应的数据类型，例如:"number"、"string"、"boolean"、"undefined"、"object"、"function"局限性:1）typeof null ->"object"2）检测的不管是数组还是正则都返回的是"object",所以typeof不能判断一个值是否为数组console.log（typeof [12, 23]）...

设置jquery UI 控件的大小方法

2017-02-06 17
如下所示：#ui-datepicker-div { font-size: 12px; }以上这篇设置jquery UI 控件的大小方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。...

详解Javascript数据类型的转换规则

2017-02-06 26
一、数据类型5种基本数据类型：Null/Undefined/String/Boolean/Number1种复杂数据类型：Object二、数据类型检测传送门《JS中检测数据类型的几种方式及优缺点小结》1、typeof2、instanceof/constructor3、Object.prototype.toString.call（value）4、Object.prototype.toString三、数据类型转换JS内部提供不同数据类型的自动转换机制，在某处预期...

layer实现弹窗提交信息

2017-02-06 52
layer是非常好用的弹窗插件，具体参见官方文档 点击这里进入。官方有很多示例，使用方法也非常简单，引入官方下载的css和js就可以了。但是有时候，弹窗提醒并不能满足我们的所有要求。例如，在奖品界面，希望点击“编辑奖品”的时候，能弹出对话框让我们来填写信息，如下图所示：如何用简洁美观的 layer 实现这一功能呢？官方并没有给我们提供示例，那就自己动手写吧。下面把代码贴出来。给“添加奖品”按钮加上单击触发confirmUpdateAward方法var aw...

VueJs与ReactJS和AngularJS的异同点

2017-02-06 19
React && VueReact 和 Vue 有许多相似之处，它们都有：使用 Virtual DOM提供了响应式（Reactive）和组件化（Composable）的视图组件。将注意力集中保持在核心库，伴随于此，有配套的路由和负责处理全局状态管理的库。 由于有着众多的相似处，我们会用更多的时间在这一块进行比较。这里我们不只保证技术内容的准确性，同时也兼顾了平衡的考量。我们需要指出 React 比 Vue 更好的地方，像是他们的生态系统和丰富的自定义渲染器...

jQuery Ajax File Upload实例源码

2017-02-06 20
本文实例为大家分享了jQuery Ajax File Upload实例源码，供大家参考，具体内容如下项目结构Default.aspxUpload.aspxScripts/…style.css效果图客户端html代码<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="UploadFile.aspx.vb" Inherits="Web.UploadFile" %><！DOCTY...

最好用的Bootstrap fileinput.js文件上传组件

2017-02-06 38
本篇介绍如何使用bootstrap fileinput.js（最好用的文件上传组件）来进行图片的展示，上传，包括springMVC后端文件保存。一、demo二、插件引入<link type="text/css" rel="stylesheet" href="${ctx}/components/fileinput/css/fileinput.css" /><script type="text/javascript" src="${ctx}/...

JS+Canvas实现的俄罗斯方块游戏完整实例

2017-02-06 20
本文实例讲述了JS+Canvas实现的俄罗斯方块游戏。分享给大家供大家参考，具体如下：试玩（没有考虑兼容低版本浏览器）：**********************************************************************9月3日更新：修复了隐藏的比较深的BUG加上暂停、再来一次功能速度随分数增高而递减添加log日志****************************************************...

AngularJS封装指令方法详解

2017-02-06 21
本文实例讲述了AngularJS封装指令方法。分享给大家供大家参考，具体如下：引言：angularjs是一个中等重量级的前端开发框架HTML是一门很好的为静态文本设计的语言，但要构建动态的web应用它就显的乏力了。通常，我们使用以下技术来解决静态网页技术在构建动态应用上的不足：1.类库：类库是一类函数的集合，它能帮助你写web应用。这里起主导作用是你的代码，由你来决定何时使用类库。典型的类库，例如prototype、jQuery等。2.框架：框架式一种特殊...

jquery实现瀑布流效果 jquery下拉加载新数据

2017-02-06 19
瀑布流效果在很多网站还是有的，这种错落有致的排布看着还是很不错的呢。今天我就来记录一下关于用jquery实现瀑布流效果的代码；一、页面基本排版 1. items盒子主要用来存放我们需要摆放的数据item； 2. tips是页面加载数据的时候用来提示用户的文本； <div class="wrapper"><div class="items"> <div class="item"></div></div&g...

AngularJS实现用户登录状态判断的方法（Model添加拦截过滤器,路由增加限制）

2017-02-06 27
本文实例讲述了AngularJS实现用户登录状态判断的方法。分享给大家供大家参考，具体如下：使用AngularJS的单页面应用时，由于是本地路由在控制页面跳转，但是有的时候我们需要判断用户是否登录来判断用户是否能进入界面。angularjs是mvc架构所以实现起来很容易也很灵活，我们只MainController里增加一个路由事件侦听并判断，这样就可以避免未登录用户直接输入路由地址来跳转到登录界面地址了代码中的 $rootScope.user是登录后把用户...

解决同一页面中两个iframe互相调用jquery,js函数的方法

2017-02-06 21
这一个月又没更新博客，唉，懒癌又犯了，今天解决了一个问题，关于两个iframe互相调用jquery函数方法a.html中有两个iframe,如下：<iframe width="100%" height="100%" name="left" scrolling="auto" frameborder="0" src="b.html" id="left"></iframe><iframe width="100%" height="1...

JavaScript实现多栏目切换效果

2017-02-06 23
在网站开发中尤其是新闻类网站，经常遇到多栏目切换的设计，这种效果有很多种实现效果，现在记录一种很简单的写法： <style> .news_wrap{width: 380px;height: 266px;float: left;margin-left: 15px; } .news_head{width: 380px;border-bottom: 2px solid #dedede;height: 51px;line-height: 51px; }...
<< 61 62 63 64 65 66 67 68 69 70 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图