Welcome

首页 / 脚本样式 / JavaScript

Javascript 实现简单计算器实例代码

2017-02-06 19
效果图：刚开始做时没考虑到清零和退格两个功能，嘻嘻，后来加的整体与传统计算器比有点小瑕疵。代码：<！DOCTYPE html><html><head><meta charset="utf-8"><title>js简单计算器</title><style type="text/css">*{margin:0px;padding:0px;}input{margin-top:2px...

JavaScript数组去重的几种方法效率测试

2017-02-06 21
以下是我针对网上三种高效率方法总结与效率测试，如果大家有更好的意见或建议也可以提出，大家共勉学习。数组去重法1：Array.prototype.unique1 = function（）{ console.time（"数组去重法1"）; //记录开始执行的时间 var arr = []; //创建一个临时数组 var obj = {}; //创建一个空对象 for（var i = 0; i < this.length; i++）{ /...

Node.js Sequelize如何实现数据库的读写分离

2017-02-06 22
一、前言在构建高并发的Web应用时，除了应用层要采取负载均衡方案外，数据库也要支持高可用和高并发性。使用较多的数据库优化方案是：通过主从复制（Master-Slave）的方式来同步数据，再通过读写分离（MySQL-Proxy）来提升数据库的并发负载能力。1. replication选项与读写分离Sequelize 支持读/写分离，要实现读/写分离可以分别为读和写各创建一个Sequelize实例，更方便的使用方式是在创建实例时，通过replication选项...

第一次接触Bootstrap框架

2017-02-06 21
关于Bootstrap，话不多说，直接进入主题：安装可以通过bootstrap官方网站下载安装可以通过Bower安装（关于bower一种包管理器，本文不做详解）bower install bootstrap可以通过npm安装（关于npm可以阅读）npm install bootstrap项目中引入Bootstrap<！DOCTYPE html><html lang="en"><head> <meta charset...

JS取数字小数点后两位或n位的简单方法

2017-02-06 22
在js中有时要用到取float数字的小数点后两位的情况。var num=10/3; function f（num,n）{ return parseInt（num*Math.pow（10,n）+0.5,10）/Math.pow（10,n）; } alert（f（num,2））; 以上就是小编为大家带来的JS取数字小数点后两位或n位的简单方法全部内容了，希望大家多多支持脚本之家~...

js实现上传文件添加和删除文件选择框

2017-02-06 25
本文这里给大家说个用javascript实现的很实用的功能，是在上传附件的时候，可以动态地添加和删除文件选择框，然后一次性上传。从理论上看，实现起来比较容易，但实际工作的时候还是遇到两个难点，这些难点归结起来都是一个原因造成的，那就是浏览器的兼容性。在脚本中要用到两个函数：insertAdjacentHTML和removeChild，而恰好这两个函数在Firefox下都不能正常使用。几乎花费了一天的时候，在网上搜索着解决的方法，还好被找到了，也让我大松一口...

在js中实现邮箱格式的验证方法（推荐）

2017-02-06 21
如下所示：<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>在此处插入标题</title><script type="text/jav...

JS中split（）用法（将字符串按指定符号分割成数组）

2017-02-06 19
废话不多说了，直接给大家贴代码。<！DOCTYPE html><html><head><meta charset="{CHARSET}"><title></title></head><body></body><script type="text/javascript">//在Ｊａｖａｓｃｒｉｐｔ脚本中，将字符串按指定符号进行分割成数组用ｓ...

jQuery插件实现可输入和自动匹配的下拉框

2017-02-06 20
实现可输入+带自动匹配功能的下拉框，我试过以下几种方法：1.直接使用h5的新标签<datalist>，对应demo如下：<input list="browsers"><datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> &l...

jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解

2017-02-06 20
本文实例讲述了jQuery autoComplete插件两种使用方式及动态改变参数值的方法。分享给大家供大家参考，具体如下：一、一次加载、多次使用：前端JS代码：/*客户名称自动匹配*/function customerAutoComplete（）{$.ajax（{type:"GET",url:encodeURI（"/approvalajax/salesOrderApproval_findCustomerList"）,dataType:"json",suc...

用js实现博客打赏功能

2017-02-06 19
前几天在一个博客中看到有一个打赏功能。其实简单说来就是在页面中加入动态DOM节点，使用的也是简单的HTML、CSS、JS这些前端的一些简单知识。在GitHub上有开源的代码，这里稍加改造就可以用在自己的博客中了。最简单的使用方式是在页面中加入如下JS代码:<script>window.tctipConfig = {staticPrefix:"http://static.tctip.com",buttonImageId: 1,buttonTip:...

express文件上传中间件Multer详解

2017-02-06 20
前言Express默认并不处理HTTP请求体中的数据，对于普通请求体（JSON、二进制、字符串）数据，可以使用body-parser中间件。而文件上传（multipart/form-data请求），可以基于请求流处理，也可以使用formidable模块或Multer中间件。1. multer中间件Multer是Express官方推出的，用于Node.jsmultipart/form-data请求数据处理的中间件。它基于busboy构建，可以高效的处理文件上...

利用JS实现点击按钮后图片自动切换的简单方法

2017-02-06 21
我么常常看到一个网站的主界面的图片可以切换自如，那么又是如何实现的呢？1.HTML页面布局如图所示：Main（div）top（div）（显示需要显示的图片）bottomUL （li）<选择>leftcenterright2.实现上述布局swap.html<！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dt...

Ajax+FormData+javascript实现无刷新表单信息提交

2017-02-06 22
原理：dom收集表单信息，利用FormData快速收集表单信息 ，实例化表单数据对象 同时收集fm的表单域信息。var fd = new FormData（fm）; //实例化对象alert（fd）;fd对象内部有收集的form表单域信息ajax传递表单信息1.静态显示页面代码<！DOCTYPE html ><html><head> <meta http-equiv="Content-Type" content="...

javascript的document中的动态添加标签实现方法

2017-02-06 22
document的高级篇中提供了节点操作的函数，具体包括：获取节点，改变节点，删除节点，替换节点，创建节点，添加节点，克隆节点等函数。我们可以利用这些函数动态改变html的节点。1、JavaScript<script type="text/javascript">function test1（）{//对个节点的ID相同时候的情况var myhref = document.getElementById（"same"）;window.alert（m...

H5移动端适配 Flexible方案

2017-02-06 22
一、移动端一些概念视觉稿 （选取一款手机的屏幕宽高作为基准）在前端开发之前，视觉 MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：1）首先，选取一款手机的屏幕宽高作为基准（以前是iPhone4 的320×480，现在更多的是iphone6的 375×667）。2）对于retina 屏幕（如: dpr=2），为了达到高清效果，视觉稿的画布大小会是基准的2 倍，也就是说像素点个数是原来的 4...

Javascript vue.js表格分页，ajax异步加载数据

2017-02-06 20
分页一般和表格一起用，分页链接作为表格的一部分，将分页链接封装成一个独立的组件，然后作为子组件嵌入到表格组件中，这样比较合理。效果：代码：1.注册一个组件jsVue.component（"pagination",{template:"#paginationTpl",replace:true,props:["cur","all","pageNum"],methods:{//页码点击事件btnClick: function（index）{if（index ！=...

浅谈Angular中ngModel的$render

2017-02-06 22
在我开始着手ngModel的领域时候，有一个问题很令我纠结，那就是$render（）到底是做什么的呢？查了很多资料都只是简单的描述一下，这就令我很纠结了，终于在一个阳光明媚的晚上，我终于解决了这个大问题那么这个$render方法到底是干什么的呢？他的用处就是在$viewValue改变的时候可以重新绑定model数据，但是我们要注意一点（$viewValue和DOM节点的value是不同的），我觉得他们的区别有点类似setTimeout和$timeout的区...

angularJs关于指令的一些冷门属性详解

2017-02-06 22
我们使用ng的时候，经常会使用到指令，大家所熟知的属性我在这里就不介绍了，讲讲大家没怎么留意的属性1.multiElement这是指定指令作用区间的功能，最常用的就是ng-repeat-start和ng-repeat-end了。2.priority指令优先级，优先级越高，指令越早执行。3.terminal是否允许优先级低的指令起作用，如果是true，那么只有比当前指令或跟当前指令等级相同的指令才可以执行。最典型的就是ngIf4.templateNamesp...

PHP捕捉异常中断的方法

2017-02-06 20
前言任何程序员在开发时都可能遇到过一些失误，或其他原因造成错误的发生。当然，用户如果不愿意或不遵循应用程序的约束，也会在使用时引起一些错误发生。本文主要介绍在php中用 register_shutdown_function进行异常处理的方法，有需要的可以一起学习学习。实例详解比如判断一个脚本是否执行完成，可以设置一个属性为 false，在执行完成时设为 true，最后通过 register_shutdown_function 函数指定的方法进行判断，并做进...
<< 81 82 83 84 85 86 87 88 89 90 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图