![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
笔记
文章平均质量分 53
前端初学笔记
一只白猫罢了
doctrine doctrine
展开
-
data自定义属性在jQuery中的用法
(1)如果在HTML文档中设置的data-自定义属性的单个字符串的名称的属性中若有大写值,在js文件中获取时只能用小写的形式获取。如:HTML中data-Role,获取当时为$(node).data(“role”);(2)如果在HTML中设置data-role和data-Role是一样的,html属性不区分大小写。然后我们从验证结果中可以看出,js只会找到第一个与其匹配就直接返回。(3)如果...转载 2020-03-20 14:35:29 · 395 阅读 · 0 评论 -
日常-js原生for循环绑定事件时,引用循环里的变量,发现只是最后值的问题
今日疑惑:大for套小for,在非严格模式下,for (var i =5; i >= 0; i--) { // console.log(i);//5 4 3 2 1 0 // console.log(this);//window对象 for (var j =5; j >= 0; j--) { // console.log(i);5 4 3 2 1 0各六遍 ...原创 2020-02-24 15:59:05 · 713 阅读 · 0 评论 -
详解js中的prototype属性
在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例。但是在Javascript语言体系中,是不存在类(Class)的概念的,javascript中不是基于‘类的',而是通过构造函数(constructor)和原型链(prototype chains)实现的。但是在ES6中提供了更接近传统语言的写法,引入了Class(类)这个概念,作为对象的模板。...转载 2020-03-29 22:04:54 · 635 阅读 · 0 评论 -
判断网页中element是否可见的方法汇总
.is(":hidden") 和.is(":visible")用法: var box = $('.box'); console.log(box.is(':hidden'));//返回true或false兼容性:$(".box").is(":hidden") IE9+运行正常。缺点: 消耗CPU最多的,这个函数效率很低!style.display == "none"用法: v...原创 2020-03-21 13:52:27 · 1002 阅读 · 0 评论 -
伪元素和伪类的区别
伪类 - pseudo classesCSS3定义:伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息。伪元素 - Pseudo-elementsCSS3定义:伪元素在DOM树中创建了一些抽象元素,这些抽象元素是不存在于文档语言里的(可以理解为html源码)。比如:documen接口不提供访问元素内容的第一个字或者第一行的机制,而伪元素可以...原创 2020-03-20 16:08:06 · 227 阅读 · 0 评论 -
CDN加载jQuery
CDN的(Content Delivery Network),即内容分发网络。简单理解为从别人的服务器加载资源推荐两个CDN库:1.百度静态资源公共库(选择jQ1.X.X版本,因为2.X.X版本IE678不支持。复制其提供的url地址即可)2.cdnjs(同上,资源更全)使用CDN加载jQuery优点:1.减轻服务器压力2.速度快3.可以缓存缺点:稳定性方面(人家服务器出现宕机等...原创 2020-03-16 21:38:46 · 712 阅读 · 0 评论 -
var ev = ev || event
event是事件对象(也是window的属性),但不是标准的,只有IE支持。在W3C标准支持的浏览器下事件对象是引发事件函数的第一个参数,参数名随意。所以,我们一般使用事件对象: function (ev){ var ev = ev || event; }...转载 2020-04-12 08:38:11 · 422 阅读 · 0 评论 -
jquery开发插件方法之$.extend()、$.fn、$.fn.extend()、$.widget()
jQuery为开发插件提拱了两个方法,分别是:jQuery.fn.extend();jQuery.extend();关于jQuery.fnjQuery.fn = jQuery.prototype = { init: function( selector, context ) { //… }};原来,jQuery.fn = jQuery.prototype,对proto...原创 2020-03-20 15:18:49 · 319 阅读 · 0 评论 -
小贴士-CSS文件与JS文件链入位置为何不同
CSS外链写在< head >是因为防止看到DOM裸奔;< link rel=“stylesheet” href=“css/index.css”/>JS外链写在DOM后面有两个原因:< script src=“js/index.js”>< /script>JS可以直接访问到DOM节点防止JS阻塞页面(网速较慢或JS文件较大情况下会出现...原创 2020-03-16 18:53:07 · 161 阅读 · 0 评论 -
日常-Ajax关于readyState(状态值)和status(状态码)
0: 请求未初始化1: 服务器连接已建立2: 请求已接收 接收到了响应头3: 请求处理中 正在下载响应体4: 请求已完成,且响应已就绪原创 2020-03-15 22:21:42 · 361 阅读 · 0 评论 -
js中typeof用法
typeof 运算符把类型信息当作字符串返回。语法:typeof运算符后接操作数:typeof operand 或 typeof(operand)返回值:原创 2020-03-20 21:31:33 · 345 阅读 · 0 评论 -
日常-事件冒泡与取消事件冒泡
事件冒泡:子事件的动作会向上传递给父辈直到window,如果祖上有元素绑定了事件就会被触发。取消事件冒泡:1.return false;暴力阻止事件冒泡和默认事件2.event.stopPropagation()阻止冒泡但不阻止默认事件(标准的W3C 方式)3.event.preventDefault()阻止默认事件但不阻止冒泡4.ev.cancelBubble=true; 阻止冒泡但不...原创 2020-03-15 22:33:28 · 273 阅读 · 0 评论 -
v-if 和 v-show的区别
简单来说,v-if 的初始化较快,但切换代价高;v-show 初始化慢,但切换成本低1.共同点: 都是动态显示DOM元素2.区别(1)手段:v-if是动态的向DOM树内添加或者删除DOM元素;v-show是通过设置DOM元素的display样式属性控制显隐;(2)编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换;(3)编译条件:v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时转载 2020-05-24 20:36:24 · 135 阅读 · 0 评论 -
display:none、visibility:hidden 和 opacity:0的区别
一、空间占据display:none隐藏后不占据额外空间,它会产生回流和重绘,而visibility:hidden和opacity:0元素虽然隐藏了,但它们仍然占据着空间,它们俩只会引起页面重绘。二、子元素继承display:none不会被子元素继承,但是父元素都不在了,子元素自然也就不会显示了,皮之不存,毛之安附~~visibility:hidden 会被子元素继承,可以通过设置子元素v...转载 2020-03-22 12:41:35 · 209 阅读 · 0 评论 -
Vue问题合集
1. Vue的组件为什么要export default2. VueJs中的过滤器3. v-if 和 v-show的区别4. vue官网原创 2020-05-24 21:11:56 · 93 阅读 · 0 评论 -
git问题小汇总
1. Warning: Permanently added the RSA host key for IP address ‘13.250.177.223’ to the list of known hosts.2. 如何在github上实现预览原创 2020-07-13 19:04:53 · 130 阅读 · 0 评论 -
仿csdn头像动画@mouseenter + @mouseleave + animation(antdVue)
<div class="header-avatar" @mouseleave="() => { avatarVisi = true; floatCardVisi = false}"> <a-avatar v-show="avatarVisi" :class="floatCardVisi === true ? 'avatarAnimation' : ''" class="avatar" shape="circle" :src="user.avatar" @mouseen原创 2021-02-05 10:17:34 · 202 阅读 · 0 评论