Welcome

首页 / 脚本样式 / JavaScript

javascript中this关键字详解

2017-02-06 16
不管学习什么知识，习惯于把自己所学习的知识列成一个list，会有助于我们理清思路，是一个很好的学习方法。强烈推荐。以下篇幅有点长，希望读者耐心阅读。以下内容会分为如下部分：1.涵义 1.1：this涵义 1.2：this指向的可变性2.使用场合 2.1：全局环境 2.2：构造函数 2.3：对象的方法3.使用注意点 3.1：避免多层嵌套this 3.2：避免数组处理方法中的this 3.3：避免回调函数中的this1.涵义1.1：this涵义...

javascript中href和replace的比较（详解）

2017-02-06 18
在使用javascript的时候，有时候对于经常使用的方法太熟悉而忽略了他们之间原理的细微差别。举例如下：window.location.href，window.location.replace。这两种方式都可以让页面跳转到一个新的页面，但是其中我就忽略了跳转之后的细节，比如返回的原来的页面。window.location.href中的href其实就是<a>标签中的href，使用这个进行页面跳转后，可以使用浏览器的后退按钮退回到原来的页面，也可...

深入浅析Vue组件开发

2017-02-06 44
前言这里讲的主要是想谈谈基于Vue的一个组件开发。不得不说的一点就是，在实际的Vue项目中，页面中每一个小块都是由一个个组件（.vue文件）组成，经过抽离后，然后再合并一起组成一个页面。由于上家公司我负责多的是可视化这一块的开发，这边我也将带着大家进行一个Vue项目中的可视化组件的开发，这里用到的框架将是主流的可视化框架highcharts。一、Vue环境的搭建1、Mac用户首先安装包管理homebrew/usr/bin/ruby -e "$（curl -...

详解JS几种变量交换方式以及性能分析对比

2017-02-06 19
前言“两个变量之间的值得交换”，这是一个经典的话题，现在也有了很多的成熟解决方案，本文主要是列举几种常用的方案，进行大量计算并分析对比。起由最近做某个项目时，其中有一个需求是交换数组中的两个元素。当时使用的方法是:arr = [item0,item1,...,itemN];//最初使用这段代码来交换第0个和第K（k<N）个元素arr[0] = arr.splice（k, 1, arr[0]）[0];当时觉得这种方法很优雅，高逼格。。。后来，业余时间又...

js移动焦点到最后位置的简单方法

2017-02-06 16
当输入框（input/textarea）获得焦点时，将焦点移动到最后，在某些情况下用户体验很好。网上的大部分方法都是针对IE浏览器的。代码如下：var el = document.getElementById（"txtArticle"）;var range = el.createTextRange（）;range.moveStart（"character", el.value.length）;range.collapse（false）;range.sele...

使用JavaScript解决网页图片拉伸问题（推荐）

2017-02-06 18
问题描述这段时间在做PM的需求的时候突然发现一个问题，产品上的图片来自多个第三方，具体的尺寸无法确定，如果直接在样式中写死图片的尺寸大小就会出现图片拉伸的现象，十分影响产品的美观，因此希望可以找到一个比较好的解决方案。自己先做了一个简单的demo来展示问题。<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><...

JS比较两个数值的大小实例

2017-02-06 17
一般情况下：if（2 > 10）{alert（"不正确！"）;} 此比较不会是想要的结果：它相当于2 >1，把10的第一位取出来比较。解决方法：if（eval（2） > eval（10））{alert（"不正确！"）;} eval（）函数用于在不引用任何特定对象的情况下计算代码字符串。<script> functioncheck（） { varnum1=document.form1.num1.value; varnum2=do...

使用JS读取XML文件的方法

2017-02-06 16
由于项目上需要解析xml，于是各种百度，然后自己总结了下各个主流浏览器解析xml的方法，只能是很浅显的知道他的用法，但是还没有深层次的研究。不同的浏览器对xml的解析方式不同，根据目前主流浏览器大致分三类：第一类，ie祖宗： js 提供用于创建 Automation对象的方法，new ActiveXObject（"Microsoft.XMLDOM"） ；第二类：firefox，opera：用构造函数 DOMParser（）实例化DOMParser对象，解析...

js事件源window.event.srcElement兼容性写法（详解）

2017-02-06 20
如下所示：<html><body><p>一个好处就是 我想让body（或其他元素内）的某些对象响应事件 就不用挨个儿去写只要在外层上写一个 然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 </p><p>比如</p><p><input value="in...

JS冒泡事件与事件捕获实例详解

2017-02-06 18
本文实例分析了JS冒泡事件与事件捕获。分享给大家供大家参考，具体如下：案例<！DOCTYPE html><html><head><title>冒泡事件</title><script type="text/javascript">window.onload = function（）{window.onclick = function（）{alert（"Window"）; // 顶级};d...

利用angular.copy取消变量的双向绑定与解析

2017-02-06 17
首先我们来看看示例代码<body ng-app="app"> <div ng-controller="CopyController"> <div> data: <input ng-model="user.data" /><br> user.data: {{user.data}} <br> user1.data: {{user1.data}} <br> <button ...

bootstrap-datetimepicker实现只显示到日期的方法

2017-02-06 44
本文实例讲述了bootstrap-datetimepicker实现只显示到日期的方法。分享给大家供大家参考，具体如下：bootstrap-datetimepicker 一般都是设置到时分秒，有时候并不需要，怎么处理呢？minView: "month", //选择日期后，不会再跳转去选择时分秒1.引入<link href="Public/css/bootstrap.min.css" type="text/css" rel="stylesheet">...

Javascript基于jQuery UI实现选中区域拖拽效果

2017-02-06 20
一、效果展示普通的三个div鼠标拖动选中效果选中所有的div这样貌似看不出效果，没关系，我们有神奇的gif动画，来一个整体的动画效果感受下。二、代码实现整个代码其实也不难，需要用到一个博主自己封装的js文件。AreaSelect.js考虑到代码量有点大，并且知乎没有代码折叠功能，所以这里就留一个文件名。等博主抽时间将它开源到github上面去，当然，有需要的朋友也可以直接联系博主，博主免费提供！引入这个js后，还需要引用jquery和jquery UI相关...

微信小程序开发之实现选项卡（窗口顶部TabBar）页面切换

2017-02-06 19
微信小程序开发中选项卡.在Android中选项卡一般用fragment,到了小程序这里瞬间懵逼了.总算做出来了.分享出来看看.先看效果:再上代码:1.index.wxml<！--index.wxml--> <view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? "on" : ""}}" data-current="0" bindt...

JS实现的图片预览插件与用法示例【不上传图片】

2017-02-06 20
本文实例讲述了JS实现不需要上传的图片预览插件与用法。分享给大家供大家参考，具体如下：小小的几十行代码，很牛逼，很实用。支持多个图片的预览，只要new多个对象就行了。html如下<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=...

微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】

2017-02-06 15
本文实例讲述了微信JS-SDK自定义分享功能。分享给大家供大家参考，具体如下：分享出去的内容，可以通过jssdk进行修改。1.配置jssdkWx_config.html<?phpimport（"@.ORG.jssdk"）;$jssdk = new JSSDK（C（"oauth_config.appid"）, C（"oauth_config.appsecret"））;$signPackage = $jssdk->GetSignPackag...

js document.getElementsByClassName的使用介绍与自定义函数

2017-02-06 15
getElementsByClassName（）是HTML5 新增的DOM API。IE8以下不支持搜索。getElementByClassName（）函数的使用方法：使用JavaScript访问DOM的一个重大问题是,此过程需要一种通过元素类名称来选择类的类函数,对DOMContentReady,这种类函数的缺失导致开发人员需要自己编写自定义脚本业执行上述任务,许多这个类脚本都是围绕着getElementByClassName（）建立的,这种解决方法在H...

jQuery实现发送验证码并60秒倒计时功能

2017-02-06 21
本文给大家分享一段js代码关于实现验证码功能并在60秒后倒计时功能。废话不多说了，具体代码如下所示：<！DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta content="width=device-width,initial-scale=1.0,maximum...

AngularJs验证重复密码的方法（两种）

2017-02-06 17
本文给大家分享angularjs验证重复密码的两种方法。具体方法详情如下所示：第一种：<label for="password">密码</label><input id="password" name="password" type="password" ng-model="user.password" required><label for="repassword">重复密码</label>&l...

Vue 固定头 固定列 点击表头可排序的表格组件

2017-02-06 15
原理是将原table的指定行，指定列clone一份放在其上实现代码如下：<template><div> <div id="divBox1" :style="{height:height}"><table id="tbTest1" cellpadding="0" cellspacing="0" style="text-align:center;background:rgba（244,249,255,0.4）;">...
<< 61 62 63 64 65 66 67 68 69 70 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图