![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
默默的小跟班
这个作者很懒,什么都没留下…
展开
-
【Vue】拖拽式分割布局的一个示例
示例展示代码特地写了一个demo代码,可以直接复制下来运行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.jsdelivr.net/npm/vu原创 2021-02-24 14:49:45 · 773 阅读 · 0 评论 -
v-for动态渲染img时src属性的处理
一、问题现象项目中需要渲染一个包含图片的列表。采用v-for循环渲染,代码简写如下: <li v-for="{ pic } in picList"> <img :src="pic" > </li>picList = [{ pic: '@/assets/images/mysql.png'}]采用了各种字符串拼接方案都不行。:src = "'@/assets/images/'+'mysql.png'":src = "'..原创 2021-01-12 13:02:45 · 1274 阅读 · 0 评论 -
【ES5】JavaScript创建对象与继承的方式汇总
创建对象工厂模式 (new一个obj,属性方法给obj,return obj)无法知道对象的类型构造函数 (属性方法给this,无返回,new调用,创建对象,作用域给新对象,调用函数给对象加属性方法,返回新对象)每个实例包含的方法不相等。 每个实例都是new 了一个新的同名的方法,不能函数复用。原型模式。(方法属性写在function.prototype上,还可以直接字面量形式重写prototype = {},但是同时要加上constructor,defineProperty设置不可枚原创 2020-09-09 12:30:34 · 119 阅读 · 0 评论 -
前端笔试知识点补充
1. IP地址、子网掩码、广播地址、网络地址IP地址:10.123.6.11子网掩码:255.255.252.0子网掩码二进制:1111 1111 . 1111 1111 . 1111 1100 . 0000 0000子网掩码有22个连续1,所以前22位作为网络地址,后10位作为主机地址,IP地址 & 子网掩码 = 网络地址 (& 都为1才取1) 10 . 123 . 0000 0110 .11 255 . 255 . 1111 1100原创 2020-09-07 18:25:55 · 284 阅读 · 0 评论 -
自定义Array.sort()排序规则
Array.sort()默认都是进行字符串比较,哪怕是数字也会先转换成字符串,然后一个字符一个字符的比较。const arr = [1, 2, 3 ,10, 12]console.log(arr.sort()); // [1, 10, 12, 2, 3]比较数字// 定义一个compare传入sort中const compare1 = function(val1, val2){ return val1 - val2}console.log(arr.sort(compare1));原创 2020-09-03 15:49:27 · 679 阅读 · 0 评论 -
iview下拉添加全部选择功能遇到的坑
需求在iview的select下拉多选菜单下,加入一个全部选择和全部清空的功能。实现点击全部选择的时候,将当前下拉菜单下所有的item都加到select绑定的list里面问题二联下拉菜单,当一级下拉选择一个后,点击二级下拉的全部选择,再到一级下拉选择另外一个,再点击二级下拉的全部选择,此时,第一次一级下拉的内容和第二次一级下拉的内容,都会被选中。如图。一级下拉选择楼层3,二级下拉点击全选一级下拉选择楼层4,二级下拉选择全选问题出现了,此时,楼层三的内容也被选中放到了里.原创 2020-08-27 11:01:05 · 1079 阅读 · 1 评论 -
重写video标签的控制条(待更新汇总)
JS自定义多媒体Video控制条(控制视频播放、进度、全屏案例)https://blog.csdn.net/weixin_41105030/article/details/86695625?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-Blo原创 2020-08-27 10:29:39 · 1094 阅读 · 0 评论 -
【Vue】封装全局弹窗警告组件this.$message.success
先上效果图。背景有遮罩层,并且模糊,弹窗设置了最小宽度,文字超出范围,弹窗会自动扩展。写一个弹窗组件message.vue<template> <!-- 遮罩层 也是整个组件的容器--> <div class="pop-container" v-if="isShow"> <div class="message-container"> <!-- 两个icon放在一个容器中,但是只显示一个 --> <原创 2020-08-08 14:41:33 · 21222 阅读 · 2 评论 -
【ES6】ES6中的作用域
1. window全局作用域 全局变量var abc = 123;bcd = 234;// var 定义的这个abc肯定是全局变量。 且是挂在window下面的。 window.abc可以访问到// bcd不直接定义,也是挂在在window下,可以访问到。 window.bcd window是个全局对象。// 区别,bcd不能说是变量,只能说是window的属性; 变量不能删除,属性可以删除delete abc; // false 也可以是 delete wi原创 2020-07-28 18:27:36 · 1308 阅读 · 0 评论 -
【ES6】var和let/const的区别
1. var声明的变量会挂载在window上,而let和const声明的变量不会let / const允许把变量的作用域限制在块级域中;var 申明变量要么是全局的,挂载在window上,要么是函数级的,限制在函数作用域内,而无法是块级的。function fn(){ var username = '1'; console.log(username);}fn();console.log(username); // 报错 变量存在函数作用域内。2. var声明变量存在变量提升原创 2020-07-28 18:20:38 · 816 阅读 · 0 评论 -
new操作符到底发生了什么
ES6中 新增了class。 直接new class就可以得到一个实例对象。 但是在ES5中,我们是通过函数模拟class,从而就涉及到new一个函数,那么这个过程中到底发生了什么?1. ES6中的new在ES6中,我们通过new来创建一个实力对象。例如:class Car { constructor(){ // 提一下,类中隐含了一个new.target 属性。 没法直接 访问,只能在类里面访问。 返回的就是 new出来的这个类 console.log(new.ta原创 2020-07-28 17:29:59 · 464 阅读 · 0 评论 -
原型和原型链的理解
原型链:js在创建对象的时候,都有一个_proto_的内置属性,用于指向创建它的函数(相当于constructor)的原型对象prototype简单点:person 表示对象实例 Person表示类 person → Person → Object原型和原型链的理解主要针对的是在ES6之前,没有自定义类,利用普通function当做构造函数。区别于ES6中class里的contructor对象的一个属性或方法时,会先在对象自身中找,有则直接使用,没有则会去该对象原型中找,直到找到Ob原创 2020-06-24 08:34:49 · 522 阅读 · 0 评论