Welcome

首页 / 脚本样式 / JavaScript

jQuery 生成svg矢量二维码

2017-02-06 14
jQuery 生成矢量svg二维码，并提供PNG，和SVG的页面下载，减轻服务端的压力。代码如下所示：<html> <head> <title>jQuery 生成svg矢量二维码</title> </head> <body> <script type="text/javascript" src="http://cdn.staticfile.org/jquery/2.1.1/jqu...

全面了解函数声明与函数表达式、变量提升

2017-02-06 17
函数的声明方式在定义一个函数的时候通常有两种声明方式：foo（）{}; // 函数声明var foo = function（）{};// 函数表达式不同之处1、函数表达式后面加括号可以直接执行2、函数声明会提前预解析预解析让我们先看一个例子：foo（）; // 函数声明foo_later（）; // foo_later is not a functionfunction foo（）{ console.log（"函数声明"）; }var foo_later ...

Backbone中View之间传值的学习心得

2017-02-06 16
Backbone中的View就是用来展示由Model层传出的数据，或者在View里产生的一些数据，包括输入框中输入等产生的数据，由当前View传递到另外一个View层里，应该怎么办呢，我之前读到一位博主《Backbone View的三种通信方式 》写的尤为的清晰，在我实际的项目中，常常使用的也就是最后一种方式。 嘿嘿，分享知识是一件快乐的事情，我就直接借鉴表述一下如下： 直接用 Backbone 作为事件注册机， 代码如下：var Applicati...

Backbone View 之间通信的三种方式

2017-02-06 16
在上篇文章给大家介绍了Backbone中View之间传值的学习心得。本文重点给大家介绍Backbone View 之间通信的三种方式。掌握一个 MVC 框架，最关键的一节就是掌握如何在各个 View 之间通信。之前用 Angular 时，觉得基于事件的通信方式 （$on, $emit, $boardcast） 或者 基于 service 的方式都非常好用。转战 Backbone 之后，由于对 Backbone 的事件机制理解不够且使用非常灵活，一直没找到一...

谈谈JavaScript中的几种借用方法

2017-02-06 18
前言通过call（）、apply（）和bind（）方法，我们可轻易地借用其它对象的方法，而无须从这些对象中继承它。在JavaScript中借用方法在JavaScript中，有时可以重用其它对象的函数或方法，而不一定非得是对象本身或原型上定义的。通过 call（）、apply（） 和 bind（） 方法，我们可轻易地借用其它对象的方法，而无须继承这些对象。这是专业 JavaScript 开发者常用的手段。原型方法在 JavaScript 中，除了不可更改的原...

JavaScript实现广告弹窗效果

2017-02-06 17
大家都见过某度中的恶意广告，你关闭了又出来了！为何，JS来告诉你HTML<body><h3 class="whiteColor">无法关闭的弹框，打不死的小强！</h3><div id="middleBox"><a href="javascript:;" class="close_btn" id="closeBtn"><img src="images/close_icon.png" alt=...

AngularJS利用Controller完成URL跳转

2017-02-06 16
具体写法举例：1.js定义一个controllerfunction MyCtrl（$scope, $location） {$scope.jumpToUrl = function（path） {//TODO:add code here};}2.html里面应用controller<div ng-controller=‘MyCtrl"><button ng-click="jumpToUrl（"/signin"）">signin</...

jQuery实现产品对比功能附源码下载

2017-02-06 18
产品对比相信大家并不陌生，为了方便用户对类似产品的相关信息进行有效直观的对比，一些电商网站产品或评测网站会为用户提供产品对比的功能，用户只需勾选多个需要对比的产品，就可以进行比对。本文将使用jQuery来给大家讲解如何实现产品对比功能。查看演示下载源码HTMLHTML结构我们分三部分，第一是产品列表部分，展示所有可以对比的产品。我们以某手机网站为例，简单的结构，只需展示产品图片和名称，以及一个添加按钮。注意我们把手机的相关参数信息都放在属性data-*里，...

基于jQuery的AJAX和JSON实现纯html数据模板

2017-02-06 18
通过jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，然后通过jQuer把数据绑定到事先设计好的html模板上，直接在页面上显示。 我们先来看一下html模板：<table id="datas" border="1" cellspacing="0" style="border-collapse: collapse"><tr><th>订单ID</th><th>客户ID</th...

教你JS中的运算符乘方、开方及变量格式转换

2017-02-06 18
1）如何计算乘方题一：3的4次方（不会打，请原谅 ==！！！）3的4次方=3*3*3*3var a = Math.pow（3,4）;console.log（a）;说明：Math.pow（）是用来计算乘方的语法注意：Math的M是大写；题二：3的4*5次方 var a =Math.pow（3,4*5）; console.log（a）;2）如何计算根号题目：根号81var a = Math.sqrt（81）; console.log（a）;变量格式转换用户的输...

第一次接触神奇的Bootstrap导航条

2017-02-06 17
导航条（navbar）在Bootstrap中是一个独立组件，导航条（navbar）和导航（nav）在Bootstrap中是有明显的区别的。在导航条（navbar）中有一个背景色、而且导航条可以是纯链接、表单、表单和导航一起结合等多种形式。1.实战一-带二级菜单和表单的导航条<！DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>导航条&l...

Bootstrap实现带动画过渡的弹出框

2017-02-06 16
先看看效果图：代码：<！DOCTYPE HTML><html><head><meta charset="utf-8"><title>带动画过的渡弹出框</title><link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"><！-...

JS获取一个未知DIV高度的方法

2017-02-06 16
本文实例讲述了JS获取一个未知DIV高度的方法。分享给大家供大家参考，具体如下：通过元素的clientHeight属性能够得到元素的高度,如：var height = element.clientHeight;这种做法的局限：1. 如果元素的display属性设置为none, 那么得到的结果为02. 在safari浏览器中，需要使用：element.offsetHeight得到实际高度，这是safari浏览器的bug下面是Prototype提供的方法，能够...

只要1K 纯JS脚本送你一朵3D红色玫瑰

2017-02-06 16
Roman Cortes又带来了用JavaScript脚本编写的红色玫瑰花。用代码做出的玫瑰花，这才是牛逼程序员送给女友的最好情人节礼物呢！（提示：在不同浏览器下观看效果、速度会有很大的不同）图片是由代码生成，用户可以刷新该页面，重复观看这朵玫瑰的呈现过程。3D玫瑰花的实现代码如下：复制代码 代码如下:with（m=Math）C=cos,S=sin,P=pow,R=random;c.width=c.height=f=500;h=-250;function ...

JS弹出新窗口被拦截的解决方法

2017-02-06 18
在Web编程中，使用JS在新窗口打开页面的时候，会遇到被浏览器拦截的情况，那么，我们如何才能让JS打开新窗口不被浏览器阻止呢？一、问题一一般情况下，如果直接在js中调用window.open（）函数去打开一个新窗口，浏览器会对弹出的窗口进行拦截，因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体1、解决方法把window.open（）函数改为由用户主动点击时触发，在超链接里加入onclick事件，这样浏览器就认为是用户想访问这个页面，而不是直接弹出给用...

jquery实现拖动效果

2017-02-06 17
因为想实现相框的拖到，找了半天的原因愣是没有找到错误，所以，只能翻看源码了如何实现拖动效果？首先分析下拖动效果原理：1.当鼠标在被拖动对象上按下鼠标（触发onmousedown事件，且鼠标在对象上方）2.开始移动鼠标（触发onmousemove事件）3.移动时更显对象的top和left值4.鼠标放开停止拖动（触发onmouseup事件）注意：拖动的对象必须是定位对象（即设置了position:absolute或 relative）。也就是说拖动事件=onm...

用nodejs的实现原理和搭建服务器（动态）

2017-02-06 17
今天是我学习的Node.js的第二天，所谓的node.js其实它是javascript编写的服务器的语言，同时它又是属于后台的框架，是一个开放性的平台。一、相关理论知识：我们可以用requre来引入模块、用module.exprorts来导出模块。安装nodejs和配置npm1.安装nodejs，安装完后在cmd命令行中敲入node -v，查看版本。2.在cmd中敲入npm config list查看是否安装npm。3.设置镜像地址。淘宝镜像：在命令行中敲...

jQuery制作圣诞主题页面 更像是爱情影集

2017-02-06 19
今天制作的是有飘雪效果的圣诞主题页面，个人灰常喜欢。首先还是放张效果图：当看到这这页面的时候我们要注意四点：1.图片的轮播2.文字的滚动效果3.音乐播放4.飘雪效果那我们就一点一点来完成吧，Go，Go！对于上次分享的有人说我讲的不够细致，那在这篇文章我就细致一点。（1）准备工作首先新建css，img，js，file这四个文件夹并新建demo.css，轮播图片，demo.js，一首歌放在对应文件夹，新建demo.html，并在demo.css中加入如下代码：...

新入门node.js必须要知道的概念（必看篇）

2017-02-06 17
一、对于一个刚入门node.js的朋友来说，一定要了解一些基础概念：今年我正式进入社会后，发现自己所知道的IT方面的知识，真的只是牛毛，原来人外有人，山外有山，还需要继续努力。下面是一些我的自学习心得，发出来和大家一起分享：web的开发原理：1、C/S模式（客户端/服务器）比如：QQ、微信等要先下载客户端的软件都可以称为c/s模式，它是有专门的客户端程序。2、B/S模式（浏览器/服务器）比如：网页游戏。它的优点是：不需要下载客户端应用。缺点是：浏览器本身，...

基于js中的原型、继承的一些想法

2017-02-06 18
最近看到一个别人写的js类库，突然对js中的原型及继承产生了一些想法，之前也看过其中的一些内容，但是总不是很清晰，这几天利用空闲时间，对这块理解了一下，感觉还是有不通之处，思路上没那么条理，仅作为分享，一、instanceof在JavaScript有instanceof运算符，是二元运算符，使用方法 instanceA instanceof A，返回值是布尔值（boolean），含义是判断instanceA是否是A的一个实例，其实质是判断A.prototy...
<< 141 142 143 144 145 146 147 148 149 150 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图