Welcome

首页 / 脚本样式 / JavaScript

javascript实现简易计算器

2017-02-06 29
前言hello，大家好，学习一段时间了，学习了框架和后台的内容，为了防止前端的js和jq的熟练度不够，忘记很多算法和基础用法，会陆陆续续更新一些小的功能效果code，用于记录和积累，不足之处很多，封装性和代码冗余暂且不严格要求，尽力完善，保持更新..简易加减乘除计算器，利用表单的value值取值，用原生js实现.可直接复制到编辑器，打开即可运行.<！DOCTYPE html><html> <head> <meta ...

Javascript中的 “&” 和 “|” 详解

2017-02-06 39
一、前言：在文章开始之前，先出几个题目给大家看看：var num1 = 1 & 0;console.log（num1）; // 0var num2 = "string" & 1;console.log（num2）; // 0var num3 = true & 1;console.log（num3）; // 1 var num4 = undefined | false;console.log（num4）; // 0 var num5 = undefined ...

浅谈javascript中的 “ && ” 和 “ || ”

2017-02-06 42
有时候，我们会在jQuery框架或者其他js插件中发现里面有很多 “ && ” 和 “ || ”，那么这两个标识到底是什么含义？怎么使用？我觉得还是有必要稍微深究一下。一、原理:&& 操作符特点：逻辑运算表达式中只要一个是false就取false的值，都是true取后面，都是false取前面。|| 操作符特点：逻辑运算表达式中只要一个是true就取true的值，都是true取前面，都是false取后面。在js逻辑运算中，我们知道 0、""、null、fal...

jQuery制作图片旋转效果

2017-02-06 23
以前用JQuery写过一个纵深方向上的图片旋转效果，在这里拿出来跟大家分享下,贴上一张图片看看效果是如何的：其实现原理并不复杂，在数学上只用到了其中的正弦函数，制作过程大致如下：（1）先定义好图片旋转的半径（2）图片旋转的过程需要用到setInterval（）方法，来获取每一张图片所在位置的的角度，角度会根据时间变化逐渐变化（3）根据一个数学公式：x=R*SIN（deg）可以获得图片在X方向的位置（4）透明度的设置其实也是根据图片旋转时候的角度来定的。初始...

jQuery实现复选框的全选和反选

2017-02-06 21
话不多说，请看代码<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <form> <label for="apple">苹果</label> <input type="chec...

JS实现购物车特效

2017-02-06 23
效果：1.点击全选按钮可以全选，再点击就全不选2.点击数量 ‘ + " ‘ - " 可以自动计算。并且合计保持更新。当数量大于1时‘ - "出现。小于等于1时‘ - "消失3.点击删除可以实现删除功能。4.点击全选旁的删除按钮可以全部删除。5.选好商品后点击已选商品，可以显示选中的商品6.选中的商品可以取消选择。<！DOCTYPE html><html><head><meta charset="UTF-8">...

JavaScript字符集编码与解码详谈

2017-02-06 35
一、字符集1）字符与字节（Character）字符是各种文字和符号的总称，包括乱码；一个字符对应1~n个字节，一字节对应8位，每位用0或1表示。2）字符集（Character Set）字符集是多个字符的集合，每个字符集包含的字符个数不同，常见字符集名称：ASCII字符集、GB2312字符集、Unicode字符集等。3）字符集编码（Character Encoding）字符集编码就是将符号转换为计算机可读的二进制，解码就是把二进制转换为人类可读的符号。字符集...

JavaScript优化以及前段开发小技巧

2017-02-06 30
一、网络优化YSlow有23条规则，中文可以参考这里。这几十条规则最主要是在做消除或减少不必要的网络延迟，将需要传输的数据压缩至最少。1）合并压缩CSS、JavaScript、图片，静态资源CDN缓存通过构建工具Gulp，可以在开发的时候就将合并压缩的事情一起做掉。之所以要做合并压缩是因为：HTTP 1.x不允许一个连接上的多个响应数据交错到达（多路复用），因而一个响应必须完全返回后，下一个响应才会开始传输。也就是说即使客户端同时发送了两个请求，而且CSS...

常用jQuery选择器汇总

2017-02-06 23
学习【js DOM 编程艺术】，最后面有许多jQuery的选择器，每个都动手敲了一遍。jQuery 提供了高级选择器的方法。js获取元素的三个基本方法分别是通过标签名，类名和id，即（getElementsByTagName, getElementsByClassName和getElementById）。那么jQuery是如何获取呢?通过标签获取：$（"tag"）通过类名获取：$（".className"）通过id获取：$（"#id"）除了上面个三...

windows 下安装nodejs 环境变量设置

2017-02-06 51
要设置两个东西,一个是PATH上增加node.exe的目录C:Program Files odejs,一个是增加环境变量NODE_PATH,值为C:Program Files odejs ode_modules一、下载去nodejs下载node.msi安装文件包，里面包含了node.js和npm；双击node.msi就行了，选择安装路径和npm；二、设置环境变量[新版本都不需要设计环境变量了，软件会自动写入环境变量]计算机（或者我的电脑）右击属性-》高级系...

JavaScript数组复制详解

2017-02-06 32
前面的话  前面的博文中介绍了对象拷贝，本文将详细介绍数组复制pushfunction copyArray（arr）{var result = [];for（var i = 0; i < arr.length; i++）{result.push（arr[i]）;}return result;}var obj1=[1,2,3];var obj2=copyArray（obj1）;console.log（obj1）; //[1,2,...

理解javascript中的Function.prototype.bind的方法

2017-02-06 24
在初学Javascript时，我们也许不需要担心函数绑定的问题，但是当我们需要在另一个函数中保持上下文对象this时，就会遇到相应的问题了，我见过很多人处理这种问题都是先将this赋值给一个变量（比如self、_this、that等），尤其是var that = this是我见的最多的，这样当你改变环境之后就可以使用它。这些都是可以的，但是还有一种更好的、更专有的方法，那就是使用Function.prototype.bind，下面进行详尽的讲解。 第一部...

漂亮实用的页面loading（加载）封装代码

2017-02-06 29
要做一个异步登录，打算给用户做一点提示，所以就网上找了点代码，自己修改新增了一些，做了一个html+css+js的功能封装，以备未来直接使用。html<！-- 缓冲提示条 --> <div class="buffer hidden" id="buffer" > <div class="spinner"><span class="buffer_tip" id="buffer_tip" >正在登陆</spa...

jquery实现刷新随机变化样式特效（tag标签样式）

2017-02-06 23
tag标签随机多彩变化的超链接样式，使用JQ+DIV+CSS实现刷新随机变化样式特效。jquery版的随机多彩tag标签随机css字体颜色和字号大小效果。于是就写下这个效果与大家分享，办法也很笨拙，就是利用jquery随机数来遍历#tag中所有的a链接为其添加一个随机的类名。然后预先定义了12个链接样式。你可以自定义类似 #tags .tags1 这样的css以实现你需要的字体样式。这里的jquery随机多彩tag标签随机颜色和字号大小效果样式只是演示随便...

JavaScript中for循环的几种写法与效率总结

2017-02-06 37
前言对于for循环，相信大家再常用不过了。但是这回说下for循环是因为看代码时我居然没有看明白一个for循环的意思，真是不应该啊。这个for循环是这么写的：for （var i = 0, rule; rule = rules[i++];） { //do something}这个写法是什么意思呢？后面再说，现卖个关子，这个写法我感觉还是挺好的。for循环写法对效率的影响说上面那段代码之前，先说一下for循环的效率问题。在接触js时关于for循环的写法和对效率...

Javascript中数组去重与拍平的方法示例

2017-02-06 29
数组的判断在说如何进行数组的去重和拍平之前，先说一下怎么判断数组，因为要进行数组的处理当然要先判断下传过来的数据是不是数组。首先我们都知道js的数据类型只有5种，分别是Undefined、Null、Boolean、Number和String，数组只是一个对象，用typeof（[]）返回的结果知识一个Object的字符串，因此我们需要通过其他手段来判断它，这里就说两种方法。第一种用instenceof方法instanceof是ES5提供的一个方法，它可以用来...

nodejs基础知识

2017-02-06 31
什么是nodejs?node.js是基于Chrome javaScript运行时建立的平台,用于方便地搭建响应速度快、易于扩展的网络应用。（但nodejs不是javascript应用,nodejs采用c++语言编写 ）js是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。对于需要独立运行的JS，nodejs就是一个解析器。每一种解析器都是一个运行环境，可以干以下事情： 1.允许JS定义各种数据结构...

javascript判断回文数详解及实现代码

2017-02-06 24
javascript判断回文数概要：回文”是指正读反读都能读通的句子，它是古今中外都有的一种修辞方式和文字游戏，如“我为人人，人人为我”等。在数学中也有这样一类数字有这样的特征，成为回文数（palindrome number）。 设n是一任意自然数。若将n的各位数字反向排列所得自然数n1与n相等，则称n为一回文数。例如，若n=1234321，则称n为一回文数；但若n=1234567，则n不是回文数。注意： 1.偶数个的数字也有回文数124421 2.小数没...

nodejs基础应用

2017-02-06 40
一、第一个nodejs应用n1_hello.jsconsole.log（"hello word！"）;在命令行cmd中执行该文件（在该文件处打开命令行）：node n1_hello.js在命令行cmd返回结果:hello word！二、nodejs基本格式//步骤一：引入require模块，require指令载入http模块var http = require（"http"）;//步骤二：创建服务器http.createServer（function （r...

Bootstarp 基础教程之表单部分实例代码

2017-02-06 24
参考：BootStrap中的表单大全bootstrap 表单部分，具体代码如下所示：<div class="container"><form action="#" method="post"><fieldset><legend>用户登陆</legend><div class="form-group"><label>用户名：</label><input ty...
<< 21 22 23 24 25 26 27 28 29 30 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图