前端开发
LTIven
爱闻,爱问,爱文
展开
-
form表单的属性
form表单HTML标签、属性、属性值:(单行文本输入框)(密码输入框)(单选框)(多选框)(提交按钮)(重置按钮)或者按钮(空按钮)(下拉框选) (多行文本框)(1) 是表单的标签,所有的需要写在form里面才能今 进行提交; 1:name=”” form中的name属性主要是对这个form进行标记; 2:m...转载 2019-11-21 17:37:00 · 16422 阅读 · 0 评论 -
vue中如何对象和数组数据的变化产生响应式
做checkbox多选功能的时候遇到了一个坑,逻辑怎么看都对,但是就是有bug,最后发现数组那里值变了页面勾选没有重新渲染。换了关键词搜索找到了相关方法。其实之前读文档教程的时候看到过这里,但是只有真的使用之后才会有最直接的感触。-------------------------------------------数组更新检测变异方法Vue 包含一组观察数组的变异方法,所以它们也将会触...转载 2019-11-19 09:38:31 · 1531 阅读 · 0 评论 -
关于transform-style:preserve-3d的一些理解
transform-style属性是3D空间一个重要属性,指定嵌套元素如何在3D空间中呈现。他主要有两个属性值:flat和preserve-3d。transform-style属性的使用语法非常简单:CSS Code复制内容到剪贴板 transform-style: flat | preserve-3d 其中flat值为...转载 2019-11-16 15:05:11 · 10201 阅读 · 1 评论 -
鼠标事件中的各种距离和元素的各种宽高
元素属性中的各种“距离”元素属性中的距离有以下6对:scrollLeft: 设置或获取位于对象左边界和窗口中可见内容的最左端之间的距离scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离offsetHeight: 获得对象的可视区域的高度,包括边框offsetWidth: 获得对象的可视区域的宽度,包括边框clientHeight: 获得对象边框内部分的高度cli...转载 2019-11-15 14:35:14 · 1077 阅读 · 0 评论 -
css属性鼠标指针的使用
今天在项目中,要用到自定义鼠标样式,格式:css:{cursor:url('绝对路径的图片(格式:cur,ico)'),-moz-zoom-out;}//FF下面css:{cursor:url('绝对路径'),auto;}//IE,FF,chrome浏览器都可以前面url是自定义鼠标格式,图像的绝对路径地址,后面的参数是css标准的cursor样式,(IE下面可以不需要)图标的格式根据不同...转载 2019-11-15 13:05:15 · 170 阅读 · 0 评论 -
详解css3属性border-radius
当时写这篇文章主要是想探讨一下优雅降级和渐进增强的区别,按照正常的逻辑思维,不管是降级还是增强,应该对于效果是没什么区别的,因为后者会覆盖前者,但今天无意看到张鑫旭的一篇文章,关于CSS3属性的书写顺序(10年的,原谅我的孤陋寡闻T_T),标准的css3属性和带webkit的前缀在某些情况是不一样的效果,比如border-radius和-webkit-border-radius带两个参数时,显示的...转载 2019-11-15 10:14:16 · 332 阅读 · 0 评论 -
如何兼容性的创建XMLHttpRequest对象
function CreateXHR() { /* 由于XMLHttpRequest对象最早是由微软的MSXML库中的一个ActiveX实现的,并且在ie中有MSXML2.XMLHttp、MSXML2.XMLHttp.3.0、MSXML2.XMLHttp.6.0三个版本 后来又有了XHMHttpRequest对象直接实现,所以为了保持兼容,在创建XMLHt tpRequest对象之前需要...原创 2019-11-14 23:01:50 · 343 阅读 · 0 评论 -
搞清arguments,callee,caller
arguments是什么?arguments是函数调用时,创建的一个类似的数组但又不是数组的对象,并且它存储的是实际传递给函数的参数,并不局限于函数声明的参数列表哦。尼玛,什么意思?写个demo看看,代码见下<!DOCTYPE html> <head> <title>arguments</title...转载 2019-11-14 22:16:14 · 139 阅读 · 0 评论 -
如何在vue项目中获取dom节点
一、问题由来在vue项目中,我需要获取一个dom的offsetHeight、scrollHeight等,但是不知道如何在vue中获取一个dom节点。毕竟是新手,所以在看了很多大佬的博客外,打算做一个小的总结,以便梳理知识,和大家共勉以及一起进步。二、3种方法1、利用js原生的获取dom节点的方法:document.getElementById等2、可以在vue项目中引入jquery,具体怎...原创 2019-11-14 21:42:14 · 4470 阅读 · 0 评论 -
vue中获取dom元素
最近在项目中要用到拦截器,坦白说是第一次听说这玩意,所以资料查了好久,现在也算是明白了拦截器的作用。我的理解就是拦截每一次你的请求和响应,然后进行相应的处理。比如一些网站过了一定的时间不进行操作,就会退出登录让你重新登陆页面,当然这不用拦截器你或许也可以完成这功能,但是会很麻烦而且代码会产生大量重复,所以我们需要用到拦截器在src目录下的api目录创建一个js文件import axios fr...转载 2019-11-14 14:29:53 · 480 阅读 · 0 评论 -
background-attachment属性进阶
前提是定义了background-image属性,然后用background-attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。取值:scroll:默认值,背景图相对于元素固定,背景随页面滚动而移动,即背景和内容绑定。fixed:背景图相对于视口固定,所以随页面滚动背景不动,相当于背景被设置在了body上。lo...转载 2019-11-12 11:02:16 · 200 阅读 · 0 评论 -
background的简写形式
在CSS2.1里,background属性的简写方式包含五种属性值,从CSS3开始,又增加了3个新的属性值,加起来一共8个。CSS2.1background-color 使用的背景颜色。background-image 使用的背景图像。background-repeat 如何重复背景图像。background-attachment 背景图...原创 2019-11-12 10:57:13 · 1602 阅读 · 0 评论 -
background:-webkit-gradient()背景渐变属性
<link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-cd6c485e8b.css"> <link rel="stylesheet" href="https://csdnim...转载 2019-06-25 14:08:32 · 352 阅读 · 0 评论 -
Javascript调试命令——你只会Console.log() ?
Javascript调试命令——你只会Console.log() ?Console 对象提供对浏览器控制台的接入(如:Firefox 的 Web Console)。不同浏览器上它的工作方式是不一样的,但这里会介绍一些大都会提供的接口特性。Console对象可以在任何全局对象中访问,如 Window,WorkerGlobalScope 以及通过属性工作台提供的特殊定义。它被浏览器定义为 Windo...转载 2019-06-25 14:18:06 · 161 阅读 · 0 评论 -
typeof与instanceof的区别及用法
在我们运用JavaScript中typeof与instanceof是我们经常用到来判断一个变量的类型,以及是否为空,但是他们两者之间还是有较大的区别的,首先来说typeoftypeoftypeof的返回值是个字符串,返回的字符串表达了程序员想要输出的变量类型然而typeof返回的结果通常情况下一般都是以下6个:numberstringbooleanobjectfunctionun...转载 2019-06-25 14:37:18 · 212 阅读 · 0 评论 -
[转]JS Array.slice 截取数组的实现方法
这篇文章主要介绍了JS Array.slice 截取数组的实现方法,因为我们需要控制一下长度,需要的朋友可以参考下slice定义和用法slice() 方法可从已有的数组中返回选定的元素。语法arrayObject.slice(...转载 2019-06-26 10:25:22 · 2666 阅读 · 0 评论 -
【转】javascript中的toString()方法(同时对比Array.join()和Array.toString()方法
本文转载和整合自点击打开链接和点击打开链接(1)Array.toString()和Array.join():join()方法将数组中所有的元素转化为字符串,并将这些字符串有逗号隔开合并成一个字符串作为方法的结果返回。如果调用时给定参数string,就将s...转载 2019-06-26 11:29:16 · 568 阅读 · 0 评论 -
【转】关于对正则表达式中\b单词边界的理解
点击去原文 最近重新学了一下正则表达式,当进行到定位符 \b 时,官方解释是这样的:\b 匹配一个单词边界,即字与空格间的位置。 \B 非字边界匹配。 当时对单词边界有点陌生,于是去网上查阅了一些资料.总体上了解了单词边界它的含义.提前写出我对单词边界的结论:\w == [0-9A-z_] ...转载 2019-07-01 16:27:05 · 407 阅读 · 0 评论 -
【转】Array.sort()的使用方法以及原理
sort()是Java中用来排序的一个方法,在我们专心学习各种经典排序算法的时候,其实在代码中一个sort()就可以解决,并且时间复杂度和空间复杂度相对都不会过高.其实sort()不光可以对数组进行排序,基本数据类型的数组都可以,并且可以实现对对象数组的排序.接下来介绍一下用法.1基本数据类型(1)数字类型: &n...转载 2019-06-26 13:34:38 · 344 阅读 · 0 评论 -
逻辑与&&、逻辑或||和逻辑非!
点击跳转原文js中逻辑运算符在开发中可以算是比较常见的运算符了,主要有三种:逻辑与&&、逻辑或||和逻辑非!。当&&和|| 连接语句时,两边的语句会转化为布尔类型(Boolean),然后再进行运算,具体的运算规则如下:1.&& 1.1两边条件都为true时,结果才为true;1.2如果有一个为false,结果就为false;1.3当第一个...转载 2019-07-01 18:01:39 · 20509 阅读 · 0 评论 -
【转】JavaScript语言的历史
来自《JavaScript 标准参考教程(alpha)》,by 阮一峰目录JavaScript的诞生JavaScript与ECMAScript的关系JavaScript与Java的关系JavaScript的版本周边大事记参考链接 重要说明:本教程已经搬迁,此处不再维护,请访问新网址:wangdoc.com/javascript。JavaScript的诞生JavaScr...转载 2019-06-27 14:12:53 · 198 阅读 · 0 评论 -
【转】正则表达式中的特殊字符
字符/意义:对于字符,通常表示按字面意义,指出接着的字符为特殊字符,不作解释。例如:/b/匹配字符’b’,通过在b 前面加一个反斜杠,也就是/b/,则该字符变成特殊字符,表示匹配一个单词的分界线。或者:对于几个字符,通常说明是特殊的,指出紧接着的字符不是特殊的,而应该按字面解释。例如:是一个特殊字符,匹配任意个字符(包括0个字符);例如:/a/意味匹配0个或多个a。为了匹配字面上的*,...转载 2019-06-27 16:11:21 · 2515 阅读 · 0 评论 -
【转】详解Javascript中prototype属性(推荐)
在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例。但是在Javascript语言体系中,是不存在类(Class)的概念的,javascript中不是基于‘类的',而是通过构造函数(constructor)和原型链(prototype chains)实现的。但是在ES6中提供了更接近传统语言的写法,引入了Class(类)这个概念,作为对象的模板。...转载 2019-07-08 15:35:28 · 91 阅读 · 0 评论 -
【转】js面试笔试---js的严格模式
1、必须用var关键字初始化变量2、不能使用with关键字(1、with效率低下 2、可能导致内存泄露)3、严格模式写会出现会出现除了全局作用域和局部作用域之外的第三种作用域eval作用域 4、为了安全,全面禁止this关键字指向全局window对象5、为了安全,禁止函数内部调用栈6、为了安全,禁止删除变量,对象的成员变量可以删除7、普通模式写对一个对象的只读属性赋值,不会成功,但...转载 2019-07-03 09:33:09 · 117 阅读 · 0 评论 -
【转】js object 常用方法总结
点击去原文Object.assign(target,source1,source2,...)该方法主要用于对象的合并,将源对象source的所有可枚举属性合并到目标对象target上,此方法只拷贝源对象的自身属性,不拷贝继承的属性。Object.assign方法实行的是浅拷贝,而不是深拷贝。也就是说,如果源对象某个属性的值是对象,那么目标对象拷贝得到的是这个对象的引用。同名属性会替换。Ob...转载 2019-07-08 17:08:55 · 193 阅读 · 0 评论 -
【转】深入理解CSS中的层叠上下文和层叠顺序
深入理解CSS中的层叠上下文和层叠顺序 这篇文章发布于 2016年01月9日,星期六,22:15,归类于 CSS相关。 阅读 110263 次, 今日 7 次 62 条评论 零、世间的道理都是想通的什么是层叠上下文什么是层叠水平什么是层叠顺序务必牢记的层叠准则层叠...转载 2019-07-03 09:57:12 · 278 阅读 · 0 评论 -
【转】CSS 背景位置 background-position属性
所属专栏:揭秘 CSS点击去原文 ...转载 2019-07-03 14:37:16 · 336 阅读 · 0 评论 -
【转】 详解数组--sort()方法原理上
点击去原文 sort()方法在适当的位置对数组进行排序,并且返回数组。对于sort()方法,W3school给的定义是可知参数是可选的,也就是有两种情况,一是不加参数,另外一种是加函数参数,参数必须是函数。函数就是比较函数。先看第一种不加参数的情况: var arr=[1,3,10,4,2]; arr.sort(); alert(arr);...转载 2019-07-09 09:41:51 · 300 阅读 · 0 评论 -
【转】正则表达式三种模式:贪婪模式、懒惰模式、独占模式
周末快到了,今天为大家送上一篇很有意思的小文章,具有提神醒脑之功效。作者是来自阿里巴巴LAZADA产品技术部的申徒童鞋。1. 血案由来近期我在为Lazada卖家中心做一个自助注册的项目,其中的shop name校验规则较为复杂,要求:1. 英文字母...转载 2019-06-28 10:52:07 · 328 阅读 · 0 评论 -
【转】四种方式实现轮播图
转载自:http://www.jianshu.com/p/bd1f34e7e953不论是app,还是网站,基本上都会出现轮播图,今天和大家分享几种不同工具实现轮播图的几种方式。轮播图的基本样式和功能就不需要解释了,相信能根据题目选择看文章的话都知道啥是轮播图,如果哪位读者老爷真的让非要我解释一下啥是轮播图,求您饶了在下吧,真心词穷~为了方便大家观看,我把css,html,js都写在一...转载 2019-07-03 19:15:52 · 1244 阅读 · 0 评论 -
【转】常见的解析方式和解析器
解析方式:1.DOM:要求解析器把整个XML文档装载到内存,并解析成一个Document对象。a)优点:元素与元素之间保留结构关系,故可以进行增删改查操作。b)缺点:XML文档过大,可能出现内存溢出显现,解析速度慢。2.SAX:是一种速度更快,更有效的方法。它逐行扫描文档,一边扫描一边解析。并以事件驱动的方式进行具体解析,每执行一行,都将触发对应的事件。(了解)a)优点:处理速度快,可以...转载 2019-07-09 15:05:28 · 139 阅读 · 0 评论 -
【转】理解CSS3 max/min-content及fit-content等width值
本文地址:https://www.zhangxinxu.com/wordpress/?p=5392一、为何要蹦出这些新玩意?在CSS3的世界里,width属性又多了几个关键字成员,fill-available, max-content, min-content, 以及fit-content。想必很多小伙伴都没见过。不知大家有没有跟我一样的感觉,去厕所蹲了个大号,再回到办公室就会遇到之前没见过...转载 2019-06-28 13:53:33 · 380 阅读 · 0 评论 -
【转】JavaScript引擎
点击去原文 什么是JavaScript引擎? JavaScript引擎是一个专门处理JavaScript脚本的虚拟机,一般会附带在网页浏览器之中。 什么是虚拟机呢? 虚拟机(英语:virtual machine),在计算机科学中的体系结构里,是指一种特殊的软件,可以在计算机平台和终端用户之间创建一种环境,而终端用户则是基于这个软件所创建的环境来操作软件。根据虚拟机的运用和直...转载 2019-07-09 15:48:08 · 99 阅读 · 0 评论 -
【转】JavaScript 深入了解对象中的属性
点击去原文 本篇主要介绍JS中对象的属性,包括:属性的分类、访问方式、检测属性、遍历属性以及属性特性等内容。目录1. 介绍:描述属性的命名方式、查找路径以及分类2. 属性的访问方式:介绍'.'访问方式、'[ ]'中括号访问方式3. 删除属性:通过delete关键字删除对象的某个属性4. 检测属性:介绍三种判断某个属性是否为对象的实例属性:in、obj.hasOwnProperty、o...转载 2019-07-09 17:32:08 · 117 阅读 · 0 评论 -
【转】URL的组成
点击去原文URL的组成 URL由三部分组成:协议类型,主机名和路径及文件名。通过URL可以指定的主要有以下几种:http、ftp、gopher、telnet、file等。 URL的组成URL的组成协议 1、protocol(协议):指定使用的传输协议,下表列出 protocol 属性的有效方案名称。最常用的是HTTP协议,它也是目前WWW中应用最广的协议。...转载 2019-07-04 14:27:50 · 682 阅读 · 0 评论 -
【转】avaScript中url 传递参数(特殊字符)解决方法及转码解码的介绍
点击去原文有些符号在URL中是不能直接传递的,如果要在URL中传递这些特殊符号,那么就要使用他们的编码了。下表中列出了一些URL特殊符号及编码 十六进制值 1. + URL 中+号表示空格 %2B 2. 空格 URL中的空格可以用+号或者编码 %20 3. / 分隔目录和子目录 %2F 4. ? 分隔实际的 URL 和...转载 2019-07-04 15:33:56 · 226 阅读 · 0 评论 -
【转】JavaScript 预编译(变量提升和函数提升的原理)
本文部分内容转自https://www.cnblogs.com/CBDoctor/p/3745246.html1.变量提升 1 console.log(global); // undefined 2 var global = 'global'; 3 console.log(global); // global 4 5 function fn () { 6 console.l...转载 2019-06-29 11:27:31 · 87 阅读 · 0 评论 -
JS中offsetTop、clientTop、scrollTop、offsetTop各位置属性详解(含示例图)
点击去原文 这里是javascript中制作滚动代码的常用属性页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight...转载 2019-07-14 11:03:07 · 252 阅读 · 0 评论 -
css如何修改滚动条样式
默认滚动条样式如下:那如何修改呢?如下代码:<div class="inner"> <div class="innerbox"> <p style="height:200px;">这是内容111</p> ...转载 2019-07-14 11:30:12 · 107 阅读 · 0 评论 -
scrollWidth、clientWidth、offsetWidth、width的区别
scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。offsetWidth:对象整体的实际宽度,包滚动条等边线,会随对象显示大小的变化而改变。innerWidth:window.innerHeight=浏览器窗口的内部高度wi...转载 2019-07-14 12:26:02 · 242 阅读 · 0 评论