首先在开发时需要考虑以下三点: 1、进入和弹出的动画效果。 2、z-index 的控制 3、overlay 遮盖层关于动画vue 对于动画的处理相对简单,给组件加入css transition 动画即可<template> <div class="modal" transition="modal-scale"><!--省略其它内容--> </div> </template> <script> // ... </script> <style> .modal-scale-transition{transition: transform,opacity .3s ease; }.modal-scale-enter, .modal-scale-le...
一、jquery源码中常见的知识点 1.string,number类型转换的快捷方法 // @param s为字符串,n为数字 function fn(obj){//转换为String类型var s = obj +"";//转换为number类型var n = +obj; } 分享一个面试例子://加会将其后面自动转换成字符串"64"+4="644"//减会将其自动转换成数字"64"-4=60 2.bool类型转换 !!obj,将其强制转换为bool类型 alert(!!0) //结果为false alert(!!"33dd") //结果为true !obj,取相反的bo...
window对象ECMAScript是JavaScript的核心,但是如果要在web中使用javascript,那么BOM(浏览器对象模型)才是真正的核心。BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。window对象:BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,它既是通过javascript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。因此,所有全局作用域中声明的变量、函数都会变成wi...
通过 "WWW" 原则我们来了解 JavaScript 插件这个东西第一个 W "What" -- 是什么?什么是插件,我就不照搬书本上的抽象概念了,我个人简单理解就是,能方便实现某个功能的扩展工具.(下面我会通过简单的例子来帮助读者理解)第二个 W "Why" -- 为什么? 为什么要有插件这种东西,首先结合第一个 W 来理解就是,使用插件的目的是方便我们实现某一个功能. 也就是说在编程过程中我们只需要找轮子,或者改轮子而不需要重新造轮子.节省开发时间,并且...
1创建 var XLObj = new ActiveXObject("Excel.Application" ); var xlBook = XLObj.Workbooks.Add; //新增工作簿 var ExcelSheet = xlBook.Worksheets(1); //创建工作表 2.保存表格 ExcelSheet.SaveAs("C:\\TEST.XLS" ); 3.使 Excel 通过 Application 对象可见 ExcelSheet.Application.Visible = true; 4.打印 xlBook.PrintOut; 或者: ExcelSheet.PrintOut; 5.关闭 xlBook.Close(savechanges=false); 或者: ExcelSheet.Close(savec...
昨天给同事一起玩耍,同事给我出了一道代码题目,是关于typeof的,感觉挺好玩的,在此分享给大家,顺便巩固下自己对typeof知识点的总结。如有不对,请给予指出,共同进步。 代码是这样的:typeofvar a= a||null; var b= c||null; var c= typeof f; console.log(a); console.log(b); console.log(c);那么,你说运行该代码,chrome调试器会打印什么呢? 请看,效果图为什么会出现这个结果呢? 首先分析上图中的两个null因为Javascr...
本文为大家介绍了jQuery中常用知识点及函数,包含许多细节方面的知识,下面我们一起学习一下。jQuery中为我们提供了很多有用的属性,自己总结的一些常用的函数。个人认为在在线排盘开发中会比较常用的,仅供大家学习和参考。 刚开始学习前端的时候开始整理这个文档,现在内容已经逐渐增多。虽然现在看起来,文档里的内容非常简单,但是看着这些内容,好像还依稀记得这一行行代码当时被记录的情景。所以我想把这段回忆保存起来,为刚...
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 一、准备工作:1、为什么学习JavaScript所有的主流浏览器都只是Javascript大部分网页都使用Javascript它可以让网页呈现各种动态效果易学 2、如何插入JS标签要成对出现...
本章内容根据本人在开发中常用到的选择符作为例子来进行讲解,如有更多常用的简单的例子可回复提供,参与讨论,一起学习研究,首先我们从常用的CSS选择符开始。 CSS选择符包括通配选择符、ID选择符、属性选择符、包含选择符、类选择符等,他们的基本格式为: 通配选择符:$("#ID *") 表示该元素下的所有元素。 ID选择符:$("#ID") 表示获得指定ID的元素。 属性选择符:$("input[type=text]") 表示type属性...
首先是普通的数组(索引为整数的数组): $.map(arr,fn); 对数组中的每个元素调用fn函数逐个进行处理,fn函数将处理返回最后得到的一个新的数组 代码如下: var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; var newarr = $.map(arr, function(item) {return item*2 }); alert(newarr); $.each(array,fn)对数组array每个元素调用fn函数进行处理,没有返回值 代码如下: var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; $.each(arr, function(key,...
所以相对来说jquery的ready可以提高网页的响应速度; jquery:ready的标准写法: 代码如下: $(document).ready(function() { alert("加载结束"); }); 一个$(document)将dom对象的document转化为jquery对象,继而可以调用jquery的方法ready();因为dom对象是不可以调用jquery的方法的,虽然他们的关系很亲密; jquery:ready的简写形式: 代码如下: $(function() { alert("加载结束"); }); ready函数的一个主要作用就是为dom对象注册...
在Jquery中这三个函数如果有参数的话就是赋值操作,没有参数则是取值操作,其中val()是一个很重要的方法,和它相关的表单对象如:input系的标签、select、textarea等都是用于和服务器端交互的标签元素,所以要搞清楚这个val(); 对于radio、checkbox、select的赋值操作: 代码如下: $("input[name=a]").val(["娱乐1"]); $("input[type=checkbox]").val(["篮球", "游戏"]); $("select").val(["篮球", "游戏"]); 代码分析: 对ra...
讲解还是以示例代码搭配注释的形式,这里做个小目录: JS代码预解析原理(包括三个段落); 函数相关(包括 函数传参,带参数函数的调用方式,闭包); 面向对象(包括 对象创建、原型链,数据类型的检测,继承)。 JS代码预解析原理 代码如下: /****************** JS代码预解析原理 ******************/ /* JS代码预解析、变量作用域、作用域链等 应该能作为学习JS语言的入门必备知识。 下边给出些简要解释和一些典型的代码段,...
示例代码: 代码如下:var xxxVar1 = 1; var outer = function(){ var xxxVar2 = 2; var results = []; for(var i = 0; i< 3; i++) { var inner = function(){ var xxxVar3 = 3; return xxxVar3 + xxxVar2 +xxxVar1 + i; } results .push(inner); } return results; } var xxxVar1 = 100; var xxxVar2 = 200; var xxxVar3 = 300; var results = outer(); results[0](); res...
代码示例: 代码如下:var date1 = new Date(2013,1,1); var date2 = new Date(2013,1,1); date1 == date2; //执行结果为false date1 === date2; //执行结果为false var num1 = new Number(10); var num2 = new Number(10); num1 == num2; //执行结果为false num1 === num2; //执行结果为false num1 == 10; //执行结果为true 10 == num2; //执行结果为true num1 === 10; //执行结果为false 10 === num2; //执行结果为false之...