- 博客(28)
- 收藏
- 关注
RSS订阅原创 vue指令及用法
v-text 解释：更新元素的 textContent v-html 解释：更新元素的 innerHTML v-bind 作用：当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM 语法：v-bind:title="msg" 简写：:title="msg" v-on 作用：绑定事件 语法：v-on:click="say"orv-on:click="say('参数', $event)" 简写：@click="say"..
2022-01-23 12:50:57
126
原创 组件传参的小案列——(分类页面实现)
<style> *{ margin:0px; padding:0px; } #app{ width: 600px; height: 1000px; text-align: center; margin: 0 auto; padding:100px; ...
2021-10-12 12:21:18
81
原创 面试题120——140
21.如何实现水平、垂直居中？方法一：使用position定位<html> <head> <meta charset="utf-8" /> <title>实现垂直水平居中方法1</title> </head> <style> html,body,div{ margin:0; padding:0;...
2021-10-02 22:13:20
536
原创 面试题100——120
1.CSS选择器的优先级排序，怎么计算权值？总体来说：内联样式 > id>class=属性选择器=伪类选择器=伪元素选择器>标签，大致分为四个等级：一等：代表内联样式，如: style=””，权值为1000；二等：代表ID选择器，如：#content，权值为100；三等：代表类，伪类和属性选择器，如.content，权值为10；四等：代表类型选择器和伪元素选择器，如div p，权值为1；2.CSS的继承选择器，.one. two和.one > .two的区别
2021-10-02 12:41:12
96
原创 面试题81——100
81.路由跳转的方式？1、router-link （声明式路由）1. 不带参数<router-link :to="{name:'home'}"><router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。2.带参数<router-link :to="...
2021-10-02 11:58:53
201
原创 面试题61——80
61.冒泡排序？冒泡排序是js中比较好理解的一种排序算法基本原理：比较相邻的两个数。如果第一个比第二个大，就交换他们两个for(var j=0;j<list.length-1;j++){ for(var i = 0;i < list.length-1-j; i++){ // 0 length-2 if(list[i] > list[i+1]){ var temp = list[i]; ...
2021-10-01 22:53:25
170
原创 面试题51——60
51.JS内存回收机制？Javascript语言有自己的一套内存回收机制，一般情况下局部变量和对象使用完就会被系统自动回收，无需我们理会。但是碰到闭包的情况这些变量和对象是不会被回收的，对于普通的web站点，页面刷新或跳转这些内存也会被回收。如果是单页web站点，页面切换及数据请求都是通过ajax无刷新机制实现的，页面资源无法自动回收，时间长了会严重影响性能，造成内存泄漏甚至页面崩溃直接退出，这时候手动释放不用资源就非常必要了，包含删除dom、释放对象等想手动释放含有闭包的对象时，必须先将引用对象属性
2021-10-01 19:28:42
90
原创 面试题41--50
41.js对数组的操作，包括向数组中插入删除数据?1.检查数组的api代码实例如下： let value = [1, 2, 4, 5, 6];console.log(Array.isArray(value))//输出为true2.转换方法将数组array转换为以逗号隔开的字符串let array = ['你好','hello','世界','world'];console.log(array.toString())//输出为你好,hello,世界,world3.栈，队...
2021-10-01 14:51:49
174
原创 面试题31——40
31.bind() apply()？ apply()apply() 方法调用一个函数, 其具有一个指定的this值，以及作为一个数组（或类似数组的对象）提供的参数语法:fun.apply(thisArg, [argsArray])thisArg：在 fun 函数运行时指定的 this 值。需要注意的是，指定的 this 值并不一定是该函数执行时真正的 this 值，如果这个函数处于非严格模式下，则指定为 null 或 u...
2021-10-01 13:51:49
80
原创 面试题21——30
21.继承方法22.团队合作的经验23.通宵经历（不是玩的）24.课外项目（自己瞎做的那种）25.为什么学前端？26.有没有参赛或者除了学校课程内容外的经验？应该是想知道有没有合作经验27.原型与原型链28.辗转相除法29.数组转字符串30.二级下拉菜单...
2021-09-29 12:19:29
113
原创 面试题11——20道
11.作用域链12.购物车的实现过程（包括怎么布局，可以用vue、react、jq等）13.购物车详情页优化（用户商品加入太多导致页面卡顿）（懒加载、分页）14.页面渲染过程15.闭包16.http协议17.http中的方法，除了get方法、post方法18.数据结构（排序算法，冒泡以外的）19.vue和react的区别，用法区别20.网页上哪里可以看到请求的所有信息...
2021-09-27 12:34:34
724
原创 class类,静态属性 以及 静态方法
class 创建类class People{ constructor(name="王一",age=16) { // constructor 构造函数 this.name=name this.age=age } showInfo(){ //方法 console.log(this.name) ...
2021-08-06 14:22:25
359
原创 新增数据类型map类型,symbol类型
map类型map类型 对 对象类型一种加强 在原始js中对象 key:value key只能为字符串格式map类型 可以将其他的数据类型作为keylet bt1=document.getElementsByTagName("button")[0]let m1=new Map() //创建一个map对象m1.name="张三" // m1.bt1=4 //map对象中 用变量作为key值 需要使用set方...
2021-08-06 13:22:43
134
原创 字符串新增repeat,includes,startsWith,endsWith,trim方法
1. .repeat() 重复字符串 返回一个新的字符串 let str="hello world" let result=str.repeat(3) //重复3次 console.log(result)2.includes() 是否包含指定内容 子串 返回T 或者Flet str="hello world" console.log(str.includes("hel1lo"))3.starts...
2021-08-06 13:17:12
70
原创 数组新增 reduce 方法
reduce与filter对比?filter map依次拿出数组中的内容 1对1 . reduce 多对一 只返回一个结果.reduce 参数 计算处理 返回一个结果.let x1=arr.reduce((prev,item,index,array)=>{}) 第一个参数 prev 上一次操作返回的结果. 第二个参数 item 当前要处理的元素. 第三个参数：index 当前处理元素的索...
2021-08-06 13:10:30
106
原创 数组新增map,some和every方法
一. map方法 map与filter对比? filter 筛选 一组数组 筛选出符合要求的内容. map方法 给数组中每一个元素 特殊处理后，返回一个新的数组.例 let prices=[20,30,40,50] let arr=prices.map(item=> item+"元") console.log(arr) //20元 30元 40元 50元仿 豆瓣电影 电影信...
2021-08-06 12:36:18
106
原创 箭头函数的定义及与普通函数的区别
箭头函数与普通函数的区别？ 1.在传统函数中 this的指向性不明确,随着环境发生变化 水性杨花。 箭头函数 this的指向性用于等于所创建环境，不会随着使用环境而改变 专一。 2.箭头函数没有函数的提升功能。 3.function 构造函数 箭头函数无法作为构造函数。 4.传统函数中 具有 arguments参数集合 ，箭头函数没有。 写法：定义箭头函数...
2021-08-02 13:26:35
231
原创 字符串模板，对象简化写法，参数默认值，数据解构，rest参数，拓展运算符，过滤函数
一. 字符串模板 字符串模板：快速拼接字符串 。 在`` 反引号里加 变量 ${变量} 例： var x="hello world" console.log(`我们的口号是${x}。`) ...
2021-08-02 13:06:41
111
原创 原型链继承
//父类 function Clothes(name,size,color){ this.name=name this.size=size this.color=color } Clothes.prototype.put=function(){ console.log(this.color+"的"+th...
2021-07-31 15:08:01
54
原创 面试题10道
一.css的居中方式 常用： ①文本左右居中：text-align:center ②文本上下居中：line-height ③利用边距：padding: ,margin:0 auto; ④按中线对齐：vertical-align：middle ⑤利用定位：position:fixed top:50%; left:50%;二.px,em,rem,% ...
2021-07-31 15:05:59
58
原创 三种不同的继承方式
//父类 人类 function People(name,age){ this.name=name this.age=age } People.prototype.move=function(){ console.log(this.age+"的"+this.name+"正在运动") }...
2021-07-30 23:29:49
87
原创 let const var 对比
let const 全局 局部 块级var 变量名=值 全局作用域 局部作用 只有在函数内部才叫局部let 定义变量 const 定义常量一区别：存在块级作用域 {} if(true){ //块级作用域 let x=20 } console.log(x)二区别 ： var定义变量具有默认的提升功能 let和const不具有提升功能 console.log(x) var x=20...
2021-07-30 13:06:27
44
原创 call()和apply()的使用方法
call和apply 作用：改变this的指向语法：.call(对象,参数) 更改对应的this执行 将其对应的this执行 执行参数对象 参数1 (对象) ：更改this指向的对象 参数2 (参数) :当前方法需要的参数.apply(对象,[1,2,3])更改对应的this执行 将其对应的this执行 执行参数对象将参数改成数组传递 function Student(name,age){ this.name=name ...
2021-07-30 12:56:46
150
原创 面向对象编程--继承性
面向对象编程的特点： 1.抽象性：通过对象分析问题 2.封装性：属性以及方法 封装到对象中 节约维护成本 安全 3.继承性：JAVA,PYTHON 会讲继承性 4.多态性：一个类可以创建 多种对象 js基本用不到继承性：父类 写公共的方法和属性 子类继承 节约代码//父类 动物类 function Animal(name,age,color){ this.name=name t...
2021-07-30 12:43:00
113
原创 面向对象编程
面向对象编程的特点： 1.抽象性：通过对象分析问题 2.封装性：属性以及方法 封装到对象中 节约维护成本 安全 3.继承性：JAVA,PYTHON 会讲继承性 4.多态性：一个类可以创建 多种对象 js基本用不到封装性：set get的作用及目的：通过set get 来对类的属性进行封装,属性又分为共有属性，私有属性，不能让对象直接用 . 的方法来获取以及设置，需要通过get set方法来实现对应的获取与设置，这样就增加了参数的安全性，...
2021-07-30 12:34:19
38
原创 构造函数中的常用方法
一. instanceof 检测变量类型的方法 function Student(name,age){ this.name=name this.age=age } Student.prototype.showInfo=function(){ console.log(this.name+this.age) } var s1=new Student("Wangyi",12) ...
2021-07-30 12:05:50
337
原创 四种创建对象方式，以及优缺点？
一. js中 创建对象 //好处：简单 //坏处：创建过程太过麻烦，尤其创建相同对象时 var s1={ name:"王一", age:18, eat:function(){ console.log(this.name+"正在吃") } } s1.eat() console.lo...
2021-07-28 23:02:49
253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人