lancelote_pc的博客

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

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

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

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

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

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

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

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

条件渲染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({ ...

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

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

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

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