Welcome

首页 / 脚本样式 / JavaScript

js实现导航栏中英文切换效果

2017-02-06 18
思路：ul的高度为li的一半，ul{overflow:hidden}li:hover{margin-top:-40px;}<！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/1999/xht...

函数四种调用模式以及其中的this指向

2017-02-06 16
第一种：函数直接执行模式function add（a,b）{ console.log（this）; return a+b;} add（10,20）//this===window第二种：对象方法的调用模式var obj={ name:"aaa", age:20, said:function（）{console.log（this）; }}obj.said（）;//this===obj，此处this指代被调用者第三种：构造器的调用模式function Schoo...

javascript循环链表之约瑟夫环的实现方法

2017-02-06 19
前言传说在公元1 世纪的犹太战争中，犹太历史学家弗拉维奥·约瑟夫斯和他的40 个同胞被罗马士兵包围。犹太士兵决定宁可自杀也不做俘虏，于是商量出了一个自杀方案。他们围成一个圈，从一个人开始，数到第三个人时将第三个人杀死，然后再数，直到杀光所有人。约瑟夫和另外一个人决定不参加这个疯狂的游戏，他们快速地计算出了两个位置，站在那里得以幸存。写一段程序将n 个人围成一圈，并且第m个人会被杀掉，计算一圈人中哪两个人最后会存活。使用循环链表解决该问题。看到这个问题首先想...

jquery Ajax 全局调用封装实例详解

2017-02-06 17
前言：有一种情况：全站都要用异步方式来调用 数据，提交数据，那么你每次操作 都会要$.ajax（{.....}）写重复的方法 和代码，冗余太大， 也浪费时间，虽说你有代码自动提示补全，但真的不优雅，身为前端极客，是不能允许的！【嘿嘿！虽说我现在基本不用jquery了 ，不过异步概念 是永远要用的，就帮助下新人】jQuery Ajax通用js封装第一步：引入jQuery库<script type="text/javascript" src="/js/j...

WebPack基础知识详解

2017-02-06 47
1、什么是WebpackWebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。2、为什要使用WebPack今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法a:模块化，让我们可以把复杂的程序细化为小...

5种JavaScript脚本加载的方式

2017-02-06 22
javaScript文件（下面简称脚本文件）需要被HTML文件引用才能在浏览器中运行。在HTML文件中可以通过不同的方式来引用脚本文件，我们需要关注的是，这些方式的具体实现和这些方式可能会带来的性能问题。当浏览器遇到（内嵌）<script>标签时，当前浏览器无从获知javaScript是否会修改页面内容。因此，这时浏览器会停止处理页面，先执行javaScript代码，然后再继续解析和渲染页面。同样的情况也发生在使用 src 属性加在javaSc...

基于jQuery实现数字滚动效果

2017-02-06 24
滚动方向：上下源代码下载以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！...

angular实现form验证实例代码

2017-02-06 23
先上效果页面：其中几个知识点1、angularJs提供了几个新的type类型：type="password"type="email"type="number"type="url"2、几个参数含义ng-required //是否必填，true/falseng-minlength //最小长度，数字ng-maxlength //最大长度，数字min //最小数字，数字，仅在type="number"下max //最小数字，数字，仅在type="number"3...

js实现手机拍照上传功能

2017-02-06 30
在前段时间的项目开发中，用到了拍照上传的地方，后来发现了最为简单的一种方法,现总结如下：<form id="form" method="post" action="http://192.168.1.131:8080/task/add" enctype="multipart/form-data"> <input id="input-file" type="file" accept="image/jpeg" capture="camera"/...

jQuery表单插件ajaxForm实例详解

2017-02-06 21
前端时间写项目用到了ajaxForm这个插件，可以用它提交表单和上传图片，听起来和正常的form表单提交没什么区别，只不过是ajax提交，无需刷新页面，如此可以增加用户体验度。引入两个文件，PS：必须<script type="text/javascript" src="http://img9.tongzhuo100.com/js/jquery-1.7.2.min.js"></script><script type="text...

js生成随机数方法和实例

2017-02-06 20
由js生成一切随机数的基础都是Math.random（），这个方法比较特别，生成的随机数落在的区间是[0,1），进行一次操作的话，js只能生成一个类似于[n,m）这样，左闭右开的区间。所以当有一些特殊需求的时候，就势必要进行一些其它的操作，下面对各种需求进行简单的分析:生成任意区间的整数1.全闭区间[n,m]这种的最常见，大家都知道的那一长串公式：Math.floor（Math.random（）*（m-n+1））+n;就是生成这个全闭区间的方法。说到这个公...

jQuery图片拖动组件Dropzone用法示例

2017-02-06 39
本文实例讲述了jQuery图片拖动组件Dropzone用法。分享给大家供大家参考，具体如下：dropzone 主要功能：支持拖动图片上传，提供图片预览，等功能 参考地址：http://www.dropzonejs.com1. 安装 npm install dropzone ,会下载一个dropzone2. dropzone文件夹dist 下有两个文件一个dropzone.js 一个dropzone.css 将这两个文件添加到页面上3. 初始化Dropzon...

微信小程序图表插件（wx-charts）实例代码

2017-02-06 23
微信小程序图表工具，charts for WeChat small app基于canvas绘制，体积小巧支持图表类型饼图 pie圆环图 ring线图 line柱状图 column区域图 area代码分析 Here参数说明opts Objectopts.canvasId String required 微信小程序canvas-idopts.width Number required canvas宽度，单位为pxopts.height Number requi...

Javascript设计模式之装饰者模式详解篇

2017-02-06 20
一、前言：装饰者模式（Decorator Pattern）：在不改变原类和继承的情况下动态扩展对象功能，通过包装一个对象来实现一个新的具有原对象相同接口的新的对象。装饰者模式的特点：1. 在不改变原对象的原本结构的情况下进行功能添加。2. 装饰对象和原对象具有相同的接口，可以使客户以与原对象相同的方式使用装饰对象。3. 装饰对象中包含原对象的引用，即装饰对象是真正的原对象经过包装后的对象。二、Javascript装饰者模式详解：描述：装饰者模式中，可以在运...

JavaScript正则表达式exec/g实现多次循环用法示例

2017-02-06 22
本文实例讲述了JavaScript正则表达式exec/g实现多次循环用法。分享给大家供大家参考，具体如下：var x = "a.xxx.com b.xxx.com c.xxx.com";希望得到 ["a","b","c"] 这三个结果1. 正则需要 添加 g2. exec 循环，直到返回空代码如下，会输出 a b cvar x = "a.xxx.com b.xxx.com c.xxx.com";var re = /s?（.*?）.xxx.c...

深入理解javascript中的 “this”

2017-02-06 33
一、前言：我们知道 “this” 是javascript语言的一个关键字，在编写javascript代码的时候，经常会见到或者用到它。但是，有一部分开发朋友，对 “this” 一知半解，下面我们就一起来探讨学习下javascript中 “this” 的具体含义吧！二、This总结：This指针作用域：1）、在全局执行环境中使用this，表示Global对象，在浏览器中就是window对象。2）、当在函数执行环境中使用this时，情况就有些复杂了。如果函数没...

js判断手机号是否正确并返回的实现代码

2017-02-06 27
js判断手机号是否正确并返回的代码，具体代码如下所示：<form method="post" action="login.php" onsubmit="return abc（）"> <input type="text" id="phone" /> <input type="submit" value="登录"/> </form><script type="text/javascript">func...

JavaScript的事件机制详解

2017-02-06 21
事件是将JavaScript脚本与网页联系在一起的主要方式，是JavaScript中最重要的主题之一，深入理解事件的工作机制以及它们对性能的影响至关重要。本文将详细探讨JavaScript的事件机制，并对比分析了浏览器之间的不同，具体内容包括事件流、事件处理程序绑定方式、事件对象等。如何理解事件？JavaScript与HTML之间的交互就是通过事件实现的。事件：用户或浏览器自身执行的某种动作，换言之，文档或浏览器发生的一些特定的交互瞬间。事件处理程序：又称...

JS中Select下拉列表类（支持输入模糊查询）功能

2017-02-06 19
下面给大家分享一段代码关于select下拉列表类支持输入模糊查询功能的实现代码，具体代码如下所示：<span style="font-size:14px;"><HTML><HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>可输入的下拉框</TITLE></HEAD>...

js处理层级数据结构的方法小结

2017-02-06 20
开发者对复杂的数据结构的处理能力也是体现开发者水平的一个度量吧。。。最近发现自己对一些嵌套数据结构、层级数据结构的处理能力不大足。。。经常被这些把自己绕晕。。。严重影响开发效率。。。就稍微低总结了一下下。。。一、mongodb设计层级关系数据（这里主要说的是mongoose）①假设有这样的一个场景。某个文章下面有评论，每个评论可以被回复，每个回复又可以被回复...首先，我们知道，普通的一对多的关系，可以通过引用，populate操作找出相应的引用对象，如：...
<< 21 22 23 24 25 26 27 28 29 30 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图