- 博客(15)
- 资源 (1)
- 收藏
- 关注
原创 JavaScript判断数据类型几种方式
JavaScript 判断数据类型的几种方法1.最常用的typeof这是一个符号 并不是一个方法, 以前一直认为这是一个方法返回的是一个字符串 ,有些笔试题花里胡哨的就问如下这个输出的是什么,它套100层都是string类型的 console.log(typeof typeof typeof []);// stringtypeof 的缺点判断数组也是object ty...
2020-04-11 16:54:14
168
原创 清除浮动的四种方法
清除浮动的几种方法今天面试 被问了一个常考的问题 如何清除浮动,本身这个技术没总结过,加上嘴笨 ,回答的不怎么样,于是简单的整理一下1.为什么清除浮动总是要清除浮动,为什么呢,使用浮动之后出现什么预期之外的显示效果要清除浮动,总结一下,我认为是为了解决浮动带来的高度塌陷2.高度塌陷先给一个父元素 只设置宽度,不设置高度,给一个边框,这样会看的更清楚。再给两个子元素 first ...
2020-04-06 23:14:21
262
原创 前端面试题2 -CSS隐藏元素常用的三种方法
CSS隐藏页面元素的方法前几天面试被问到了这个问题,只记得前三种 ,第三种只记得叫透明度,单词死活是想不起来,回来总结一下1.第一种 display:none真正的隐藏元素,压根就没有给这个元素保留位置,连盒模型也没生成,被隐藏的元素不占据任何空间也不可以与用户产生交互 #second{ width: 50px; height:50px; ...
2020-04-03 19:24:07
311
原创 前端常见面试题1-标准盒模型与怪异盒模型
标准盒模型和怪异盒模型1. box-sizing 设置盒模型content-box 标准盒模型border-box 怪异盒模型(也叫做IE盒模型)<style> /*box-sizing把标准盒模型设置为怪异盒模型*/ /*宽度 已经固定好 增加 padding border margin 不会增加盒子的总宽度*/ /*而是减少content的宽...
2020-04-03 18:47:51
347
原创 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
320
原创 JavaScript ES6-箭头函数
箭头函数新增的定义函数的方式 const fn= ()=>{ console.log("hello world"); }; fn();一般把箭头函数赋值给一个变量,通过变量名字调用函数大括号里面仍然是函数体特殊情况1:函数体中只有一句话 并且代码的执行结果就是返回值 ,可以省略大括号//正常写法function sum1(a...
2020-03-16 14:21:00
115
原创 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
118
原创 Vue值过滤器(filter)
Vue过滤器(filter)过滤器只是过滤数据,并不会修改原始数据,只是过滤掉不想要的数据1.全局过滤器(1).无参全局过滤器语法Vue.filter() 类似于定义全局组件第一个参数也是名称,过滤器的名称第二个参数是过滤器的功能函数 Vue.filter('global-filter', function(msg) { //过滤敏感词汇 re...
2020-03-13 18:58:35
613
原创 Vue之事件处理
事件处理1. 监听事件v-on指令监听事件 ,触发时执行一些简单的JavaScript代码 <button v-on:click="count ++" >点击</button>2.事件处理方法事件处理逻辑较为复杂的时候 JavaScript代码写在标签中影响可读性,所以v-on 可以接受一个方法名 ,根据这个方法名调用方法<div id...
2020-03-10 17:00:17
225
原创 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
164
原创 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
149
原创 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
84
原创 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
398
原创 JavaScript基本数据类型(1) number
基本数据类型所占内存基本数据类型占8字节内存(8byte)引用数据类型只保存对象 数组 函数的内存地址JavaScript中的数值类型 不区分整型和浮点型把其他类型转换为数字类型Number(‘10’)输出10把字符串转换为数字,只要字符串中包含任意一个非有效数字字符就会是NaN 空字符串会变为数字0 console.log(Number(true));//...
2020-03-03 21:13:13
387
原创 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
682
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人