Welcome

首页 / 脚本样式 / JavaScript

详解JavaScript中this的指向问题

2017-02-06 24
this是面向对象语言中一个重要的关键字，理解并掌握该关键字的使用对于我们代码的健壮性及优美性至关重要。而javascript的this又有区别于Java、C#等纯面向对象的语言，这使得this更加扑朔迷离，让人迷惑。this使用到的情况：1. 纯函数2. 对象方法调用3. 使用new调用构造函数4. 内部函数5. 使用call / apply6.事件绑定1. 纯函数var name = "this is window"; //定义window的name属...

AngularJs上传前预览图片的实例代码

2017-02-06 27
在工作中，使用AngularJs进行开发，在项目中，经常会遇到上传图片后，需在一旁预览图片内容，之前查了一些资料，结合实践，得出一种比较实用的方法，相对简化版，在这里记录一下，如有不同看法，欢迎一起沟通，一起成长。demo.html:<！doctype html> <html ng-app="myTestCtrl"> <head><meta charset="UTF-8"><title>demo&...

jquery表单插件form使用方法详解

2017-02-06 33
传统的表单提交，都是页面跳转的形式，但是现在更流行ajax提交，那么如果希望有表单提交的简便，也有ajax的效果，有什么解决办法吗？怎么使用两种使用方式：第一种方式 <！DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><script src="js/jquery-1.9....

jquery表单验证插件validation使用方法详解

2017-02-06 33
一、如何使用引入js文件<script src="jquery.js"></script><script src="jquery.validate-1.13.1.js"></script>编写html页面，这里仅以用户名、密码为例<body> <form id="demoForm"><fieldset> <legend>用户登录</legend> &...

JS中from 表单序列化提交的代码

2017-02-06 23
废话不多说了，直接给大家贴代码了，具体代码如下所示：// ----ajax begin$.ajax（{type: "POST", url: "../compRule/updateRuleById?tids="+compTableName_val+"&isReportName="+$（"#isReport_update"）.val（）+"&heji_add="+$（"#heji_update"）.val（）, async:false, data:$（...

Javascript DOM事件操作小结（监听鼠标点击、释放，悬停、离开等）

2017-02-06 32
本文实例总结了Javascript DOM事件操作。分享给大家供大家参考，具体如下：使用JavaScript可以对HTML页面上的各种事件进行监听，如鼠标点击/释放，鼠标悬停/离开，等等。效果图：代码：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><...

BootStrap 图片样式、辅助类样式和CSS组件的实例详解

2017-02-06 31
首先把模板代码上上来:<！DOCTYPE html><html> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel...

BootStrap CSS全局样式和表格样式源码解析

2017-02-06 29
CSS全局样式1、布局容器类样式：.container 和 .container-fluid.container 固定宽度并且具有响应式。.container-fluid 自由宽度（100%宽度）。这2个class是直接在body标签下建立一个div标签，class等于这2个中的一个。 然后其他内容全部写在这个div标签中即可！ 例如:<！DOCTYPE html><html><head> <title>Bo...

JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法

2017-02-06 26
本文实例讲述了JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法。分享给大家供大家参考，具体如下：当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被构造为对象的树。通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。例如：改变HTML元素，改变HTML属性，改变CSS样式，事件响应。效果图：代码：<！DOCTYPE html...

JavaScript简单验证表单空值及邮箱格式的方法

2017-02-06 24
本文实例讲述了JavaScript简单验证表单空值及邮箱格式的方法。分享给大家供大家参考，具体如下：运行效果图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><meta http-equiv="Conten...

Vue开发过程中遇到的疑惑知识点总结

2017-02-06 26
前言Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。最近终于有时间空下来，所以想着把在使用vue过程遇到的一些问题疑惑总结处理，方便自己或者有需要的朋友们参考，下面话不多说了，来看看详细的介绍吧。一、计算缓存computed与Methodshtml代码: <div id="app"&g...

BootStrap栅格系统、表单样式与按钮样式源码解析

2017-02-06 28
栅格系统1、栅格系统介绍Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。Bootstrap的栅格系统，由一个行（.row）和多个列构成。栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的网页布局中。具体的数据（文字、图片等都可以）放入列当中。注意：栅格系统，必须放在.container（固定宽度）或.conta...

微信小程序通过api接口将json数据展现到小程序示例

2017-02-06 26
实现知乎客户端的一个重要知识前提就是，要知道怎么通过知乎新闻的接口，来把数据展示到微信小程序端上。 那么我们这一就先学习一下，如何将接口获取到的数据展示到微信小程序上。 1.用到的知识点<1> wx.request 请求接口资源（微信小程序api中的发起请求部分） <2>swiper 实现轮播图的组件 <3>wx:for 循环语句 <4>微信小程序的基础知识2.实现原理首先，先看一下这个请求函数wx.requ...

node.js与C语言 实现遍历文件夹下最大的文件，并输出路径，大小

2017-02-06 22
node.js版 遍历文件夹下最大的文件，并输出路径，大小实现代码：/*遍历文件夹下最大的文件，并输出路径，大小*/ function findmax（basepath）{//只能执行一次if（findmax.s） return;findmax.s = true;var fs = require（"fs"）;var maxfile = 0;var count = 0;var begin = new Date（）.getTime（）;function Tra...

Vue.js实现表格动态增加删除的方法（附源码下载）

2017-02-06 54
Vue.jsVue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。先来看看实现的效果：下面的例子会用到bootstrap.min.css以及vue.js，都可以从网上下载（文末有完整源码下载提供）。实例 源码<！DOCTYPE html> <html lang="en"> ...

原生js实现新闻列表展开/收起全文功能

2017-02-06 28
知识要点1.实现原理很简单，通过点击a标签设置div的display属性隐藏或者显示，主要是对dom操作的掌握。2.需要用到的dom操作：parentNode 获取父级元素nextSibling获取下一个紧跟的节点previousSibling获取上一个紧跟的节点3.注意事项：要考虑到当点击展开全文的时候，其他已经展开的全文要收起来。当用nextSibling获取下一个节点时候，不同浏览器的判断是不一样的有的是获取元素，有的获取换行符或者空格，所以这里就要...

详解基于angular路由的requireJs按需加载js

2017-02-06 26
最近终于不忙了！！有时间沉淀一下之前学到的angular东东！！angular路由想必大家已经不陌生了！（陌生的去看我之前那篇手把手教你配置angular路由！）angular路由作为单页面应用，切换页面的时候都是一个页面，所以切换controller和按需加载控件js就成了大问题！！折腾了我半天啊，angular-route内置的办法也没有解决这个问题，最终我是用requireJs解决的这个问题！！上代码！1.首先引入requireJs，并且在它的下面用...

原生js实现图片放大缩小计时器效果

2017-02-06 20
知识要点var fn=setInterval（function（）{},1000）每隔1秒执行一次函数clearInterval（fn）清除计时器判断当图片放大缩小到固定大小时，清除计时器完整代码<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><h...

jQuery中DOM节点删除之empty与remove

2017-02-06 30
前言最近刚学了新知识，虽然是一个小知识点，但还是忍不住想和大家分享。本文的内容主要针对的是初学者，如果大家有什么意见或者问题都可以留言交流的，下面来看看详细的介绍吧。.empty（）是指对该节点后代的删除，结果是清空该节点（该节点里面已无元素）。.remove（）是指删除该节点，结果是删除该节点（该节点及其后代元素都将不存在）。下面放代码来说明。<！DOCTYPE html><html><head lang="en"> ...

原生js实现弹出层效果

2017-02-06 26
知识要点1.遮罩层的宽度和高度是js获取页面的宽高（页面内容）//获取遮罩层（内容）的高度和宽度 var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth;2.登录框设置静止定位fixed3.登录框居中显示公式：（可视区域宽高-登录框宽高）/2//获取login的宽度和高度并设置偏移值 var dHeight=oLog...
<< 31 32 33 34 35 36 37 38 39 40 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图