JavaScript资料,JavaScript文章,JavaScript文档-易库教程

微信小程序图片边框解决方法

2017年02月06日 103 阅读

微信小程序图片边框问题解决在最开始对网页进行构建的时候，我们并不知道网站中需要放置那些特定的图片，所以我们往往会放置一个空的img标签，但是这样的话，图片标签因为没有src的值，所以在网站中会显示出来一个黑色的边框，其代码及效果显示如下：在这里就解决黑色边框，提出两种解决方案：1.设置图片的opacity:0;2.放置一个其他的块标签代替img标签，因为在这里img只是起到占位的功能，所以可以使用其他的标签替代，在使用的时候，在换回img标签。感谢阅读，...

codeMirror插件使用讲解

2017年02月06日 170 阅读

codeMirror是一款十分强大的代码编辑插件，提供了十分丰富的API，最近在项目中用到了这款插件，于是在这里给大家分享下使用方法和心得：codeMirror调用非常方便首先在页面中载入插件CSS及JS文件 <link href="/static/codemirror/lib/codemirror.css" rel="stylesheet" > <script src="/static/codemirror/lib/codemirror...

Bootstrap面板使用方法

2017年02月06日 106 阅读

面板样式是在很多种情况下都可能会使用到的样式之一，例如博客的侧边栏、企业网站的公告栏、栏目列表等。面板样式除了内容之外，还有一个面板头部可以添加标题，让我们通过这篇文章看看Bootstrap面板样式的使用方法。Bootstrap面板基本样式直接调用面板样式也非常容易，只需要通过以下代码即可实现：<div class="panel panel-default"> <div class="panel-body">Basic panel ...

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

2017年02月06日 94 阅读

思路：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日 85 阅读

第一种：函数直接执行模式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日 90 阅读

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

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

2017年02月06日 86 阅读

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

WebPack基础知识详解

2017年02月06日 111 阅读

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

5种JavaScript脚本加载的方式

2017年02月06日 116 阅读

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

基于jQuery实现数字滚动效果

2017年02月06日 82 阅读

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

angular实现form验证实例代码

2017年02月06日 91 阅读

先上效果页面：其中几个知识点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日 118 阅读

在前段时间的项目开发中，用到了拍照上传的地方，后来发现了最为简单的一种方法,现总结如下：<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日 96 阅读

前端时间写项目用到了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日 80 阅读

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

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

2017年02月06日 127 阅读

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

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

2017年02月06日 149 阅读

微信小程序图表工具，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日 86 阅读

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

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

2017年02月06日 87 阅读

本文实例讲述了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日 128 阅读

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

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

2017年02月06日 110 阅读

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

微信小程序 图片边框解决方法

codeMirror插件使用讲解

Bootstrap面板使用方法

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

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

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

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

WebPack基础知识详解

5种JavaScript脚本加载的方式

基于jQuery实现数字滚动效果

angular实现form验证实例代码

js实现手机拍照上传功能

jQuery表单插件ajaxForm实例详解

js生成随机数方法和实例

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

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

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

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

深入理解javascript中的 “this”

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

微信小程序图片边框解决方法