浏览器工作原理——Chrome开发者工具
Chrome 开发者工具chrome开发工具有很多重要的面板,比如与性能相关的有网络面板。performance面板/内存面板,与调试有关的有 Elements面板、sources面板、console面板等你可以在浏览器窗口的右上方选择chrome菜单,然后选择更多工具来打开
从图中可以看出, ...
js Storage接口
概述Storage接口用于脚本在浏览器中保存数据,两个对象部署了这个接口:window.sessionStroge和window.localStoragesessionStorage保存的数据用于浏览器的一次会话。当会话结束(通常是窗口关闭),数据被清空;localStorage保存的数据长期存在, ...
vueApi
vue apivue 指令
1.v-text 更新元素的textcontent 如果要更新部分的texecontent 需要使用插槽123<span v-text="msg"></span>/* 和下面的一样 */<span>{{msg ...
Es6字符串
字符串的遍历器接口ES6为字符串添加了遍历器接口,使得字符串可以被for…of循环
123456for (let codePoint of 'foo'){ console.log(codePoint)} //'f' //'o'//'o'
includes() startsWit ...
vue 源码分析
什么周期钩子
beforeCreate在实例和初始化之后,数据观测(data observer)和(event/watcher)事件之前被调用
created在实例创建完成后立即调用,在这一步,实例已完成以下的配置:数据观测(data observer) property和方法的运算,watch/e ...
Es6对象
属性的简洁表示法Es6允许直接写入变量和函数,作为对象的属性和方法。
12345const foo = 'bar'const baz = {foo}baz // {foo:"bar"}//等同于const baz = {foo:foo}
上 ...
Es6箭头函数
函数参数的默认值基本用法Es6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。
12345678 function(x,y){ y=y ||'world'; console.log(x,y); }log('hello')// hello worldlog('He ...
前端笔试题整理
.CSS 盒子模型中(padding)是透明的,这部分可以显示背景。<meta name=”viewport” content=””width=device-width,initial-scale=1”> 表示支持响应式设计jquery 是JavaScript的类库,主要由ECMAsc ...
Es6数组
扩展运算符扩展运算符是三个点(…)。它好比rest参数的逆运算,将一个数组转为用逗号分隔的参数序列。
123console.log(...[1, 2, 3]) // 1 2 3console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5[...document.query ...
vue Router 进阶
导航守卫导航表示路由正在发生改变。vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的,单个路由独享的,或者组件级的。参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察$route对象来应对这些变化,或使用beforeRouteUp ...