三千繁华不及你眉眼-CSDN博客

原创 JavaScript判断数据类型几种方式

JavaScript 判断数据类型的几种方法 1.最常用的typeof 这是一个符号并不是一个方法，以前一直认为这是一个方法返回的是一个字符串，有些笔试题花里胡哨的就问如下这个输出的是什么，它套100层都是string类型的 console.log(typeof typeof typeof []);// string typeof 的缺点判断数组也是object ty...

2020-04-11 16:54:14 283

原创清除浮动的四种方法

清除浮动的几种方法今天面试被问了一个常考的问题如何清除浮动，本身这个技术没总结过，加上嘴笨，回答的不怎么样，于是简单的整理一下 1.为什么清除浮动总是要清除浮动，为什么呢，使用浮动之后出现什么预期之外的显示效果要清除浮动，总结一下，我认为是为了解决浮动带来的高度塌陷 2.高度塌陷先给一个父元素只设置宽度，不设置高度，给一个边框，这样会看的更清楚。再给两个子元素 first ...

2020-04-06 23:14:21 357

原创前端面试题2 -CSS隐藏元素常用的三种方法

CSS隐藏页面元素的方法前几天面试被问到了这个问题，只记得前三种，第三种只记得叫透明度，单词死活是想不起来，回来总结一下 1.第一种 display:none 真正的隐藏元素，压根就没有给这个元素保留位置，连盒模型也没生成，被隐藏的元素不占据任何空间也不可以与用户产生交互 #second{ width: 50px; height:50px; ...

2020-04-03 19:24:07 402

原创前端常见面试题1-标准盒模型与怪异盒模型

标准盒模型和怪异盒模型 1. box-sizing 设置盒模型 content-box 标准盒模型 border-box 怪异盒模型(也叫做IE盒模型) <style> /*box-sizing把标准盒模型设置为怪异盒模型*/ /*宽度已经固定好增加 padding border margin 不会增加盒子的总宽度*/ /*而是减少content的宽...

2020-04-03 18:47:51 446

原创 Vue之v-once指令

v-once 指令只渲染元素和组件一次，可以优化更新性能，执行一次性的插值，当数据改变的时候，插值出的内容不会更新 <div id="first"> <input type="text" v-model="name"/> <h1 v-once>{{name}}</h1> <h2>{{name}}</h2>...

2020-03-19 12:14:00 427

原创 JavaScript ES6-箭头函数

箭头函数新增的定义函数的方式 const fn= ()=>{ console.log("hello world"); }; fn(); 一般把箭头函数赋值给一个变量，通过变量名字调用函数大括号里面仍然是函数体特殊情况1：函数体中只有一句话并且代码的执行结果就是返回值，可以省略大括号 //正常写法 function sum1(a...

2020-03-16 14:21:00 215

原创 JavaScript之原型

1.创建对象的方法 1.利用new Object()创建对象 var obj1=new Object(); 2.利用对象字面量创建对象 var obj2={} 3.利用构造函数创建对象构造函数时一种特殊的函数主要用来初始化对象 function Star(name,age){ this.name=name; this.age=age; } 2.构造函...

2020-03-14 21:14:32 167

原创 Vue值过滤器(filter)

Vue过滤器(filter) 过滤器只是过滤数据，并不会修改原始数据，只是过滤掉不想要的数据 1.全局过滤器 (1).无参全局过滤器语法Vue.filter() 类似于定义全局组件第一个参数也是名称，过滤器的名称第二个参数是过滤器的功能函数 Vue.filter('global-filter', function(msg) { //过滤敏感词汇 re...

2020-03-13 18:58:35 762

原创 Vue之事件处理

事件处理 1. 监听事件 v-on指令监听事件 ,触发时执行一些简单的JavaScript代码 <button v-on:click="count ++" >点击</button> 2.事件处理方法事件处理逻辑较为复杂的时候 JavaScript代码写在标签中影响可读性，所以v-on 可以接受一个方法名，根据这个方法名调用方法 <div id...

2020-03-10 17:00:17 332

原创 Vue之条件渲染

条件渲染 1.v-if 条件性的渲染一块内容指令中的表达式返回为true的时候渲染反之为false 不渲染 <p v-if="first">one</p> <p v-if="second">two</p> <p v-if="third">null</p> new Vue({ ...

2020-03-10 14:59:08 309

原创 JavaScript基本数据类型(3) boolean

布尔数据类型只有两个值 true/false 把其他类型值转换为布尔类型只有0 NaN ‘’ null undefeind 这五个值会转换为false 其余都会转换为true 没有特殊情况 boolean console.log(Boolean(0)); console.log(Boolean(undefined)); console.log(Bo...

2020-03-05 21:26:55 230

原创 JavaScript基本数据类型(2) String

String数据类型所有用单引号双引号反引号（ES6模板字符串）包起来的都是字符串把其他类型值转换为字符串 toString() console.log((NaN).toString()); console.log((null).toString());//报错 console.log((undefined).toString());//报错 co...

2020-03-05 21:25:09 206

原创 Vue-router路由之命名路由

命名路由有些情况使用一个name名称来标识一个路由会比path更加的方便，所以在定义route的时候可以添加一个name属性 routes:[ {name:'register',path:'/register',component:reg}, {name:'login',path:'/login',component: log} ...

2020-03-04 11:20:09 531

原创 JavaScript基本数据类型(1) number

基本数据类型所占内存基本数据类型占8字节内存(8byte) 引用数据类型只保存对象数组函数的内存地址 JavaScript中的数值类型不区分整型和浮点型把其他类型转换为数字类型 Number(‘10’) 输出10 把字符串转换为数字，只要字符串中包含任意一个非有效数字字符就会是NaN 空字符串会变为数字0 console.log(Number(true));//...

2020-03-03 21:13:13 534

原创 Vue创建全局组件的三种方式

第一种方式 (1) 使用Vue.extend创建全局组件 Vue.extend({ template:'<h2>使用Vue.extend创建的组件</h2>'}); (2) 使用Vue.component(‘组件的名称’，创建出来的模板对象) component 英文 n.组件元件组成不封 Vue.component('myCon1',con1); ...

2020-02-27 15:57:50 827

lancelote_pc的博客