• es6 语法 (模块化)

    //export export let A=123; //导出 //导出函数export function test(){ console.log('test');}//导出类export class Hello{ test(){ console.log('class'); }}引用:模块化 17import {A,test,Hello} from './class/lesson17.js';导入所有内容 import * as lesson from...

    2018-06-24 00:40:23

  • for 与forEach的区别

    for循环 for循环,通过下标,对循环中的代码反复执行,功能强大,可以通过index取得元素。在处理比较复杂的处理的时候较为方便。 foreach循环 foreach,从头到尾,对于集合中的对象遍历。适用于简单的遍历。foreach使用的时候,会锁定集合的对象,期间不能进行修改。...

    2018-06-24 00:40:21

  • es6 语法 (Decorator)

    修饰器是一个函数,用来修改类的行为(注意:1、函数 2、修改行为 3、对类进行操作) { // 修饰器函数定义 target:类本身,name名称,descriptor描述 let readonly = function (target, name, descriptor) { descriptor.writable = false ; // 只读 return descriptor...

    2018-06-24 00:40:19

  • 【前端】javascript+jquery实现手风琴式的滚动banner

    实现效果 实现步骤 // 鼠标放入到li中该盒子变宽,其他盒子变窄,鼠标移开大盒子,恢复原样 // 实现步骤 // 1. 给li添加背景 // 2. 绑定onmouseover事件,鼠标放入到li中,该盒子变宽,其他盒子变窄 // 3. 移开盒子,恢复原样 实现代码 !DOCTYPE htmlhtmlheadtitle手风...

    2018-06-24 00:40:18

  • JS获取对象“属性和方法”的方法

    平时在写的代码过程中,经常会遇到对对象Object的数据处理。而在对对象的数据处理中,操作最频繁的是数据引用、值的修改、获取关键字(属性)。平时最烦的也是获取关键字,经常忘记怎么去获取,这里做一下整理。 既然要"获取关键字",那么得首先有一个对象才行。创建对象...

    2018-06-24 00:40:15

  • vue+vuecli+webpack中使用mockjs模拟后端数据

    前言 使用mockjs可以事先模拟数据,前提是和后端约定好了数据接口,怎样的数据。使用mock就可以生成你要的数据了,从而实现开发时前后端分离。 其主要功能是: 基于数据模板生成模拟数据。 基于HTML模板生成模拟数据。 拦截并模拟 ajax 请求。 语法规范 Mock.js 的语法...

    2018-06-24 00:40:10

  • Vue2 几种常见开局方式

    在SF问题中看到了一个关于vue-cli中的template问题,问题是这样的: 用vue-cli工具生成的main.js中: import Vue from 'vue' import App from './App' import router from './router' Vue.config.productionTip = false /* eslint-disable no-new */ new Vue({ el: '#a...

    2018-06-24 00:40:09

  • chrome调试工具

    今天在调试bug的时候有一个需求,我需要知道我的代码中有哪些地方在修改body的style,然后我想到了DOM节点监听。 为body添加断点然后开始调试,但是现在的前端技术栈太复杂,即使打了断点也会跳进第三方包里。调用栈里有太多无关的js代码,妨碍调试。 所以你可以选中文...

    2018-06-24 00:40:10

  • Vue 2.0入门基础知识之全局API

    3.全局API 3-1. Vue.directive 自定义指令 Vue.directive用于自定义全局的指令 实例如下: 1 body 2 div id="app" 3 p v-sq="color"{{message}}/p 4 /div 5 /body 6 script 7 Vue.directive('sq', function (el, binding, vnode) { 8 el.style.color = binding.value;...

    2018-06-24 00:40:01

  • 浅析JavaScript事件

    首先,我是一只菜鸡,所写的内容都是建立在自己的理解基础之上,若有什么不对的地方,欢迎指正。 1.事件处理函数 事件是指自动触发的或用户手动触发的对象状态的改变。 事件处理函数:当事件触发时, 自动执行 的函数 事件处理函数的本质上是对象的一个特殊属性,而该...

    2018-06-24 00:39:57

2