javascript教程

gitbash下创建vue-cli3时上下选择交互时提示符无效的问题

vue-cli3下我们使用vue create命令来快速创建项目，在window下会遇到交互提示符不工作的问题。当然部分同学使用的命令可能是 vue init webpack xxxx 的形式，解决方案也是一样的...

文章列表 2019-07-13 1 vue-cli gitbash
webpack的devtool和source maps的作用

我们在打包中，将开发环境中源代码经过压缩，去空格，babel编译转化，最终可以得到适用于生产环境的项目代码，这样处理后的项目代码和源代码之间差异性很大，会造成无法debug的问题。举例来说，如果压缩等处理过的生产环境中的代码出现bug，调试的时候只能定位到压缩处理后的代码的位置，无法定位到开发环境中的源代码。...

文章列表 2019-07-09 1 source map webpack
ES6中的异步fetch请求

ajax请求，我想大家用的最多的恐怕就是jQuery ajax, vue axios吧，es6下，这些统统不需要了。fetch 是全局量 window 的一个方法, 第一个参数是URL。虽然各种框架对 XHR 的封装已经足够好用, 但我们可以做得更好。更好用的API是 fetch 。...

文章列表 2019-07-08 1 js fetch fetch
jQuery事件委托之动态添加的元素绑定事件的方法

当我获取 $("#art-list")页面元素后去在后面追加标签的时候（append），可能出现以下几种情况。在下面用 $(selector) 获取刚刚添加的标签，发现怎么都获取不到。给新增的元素绑定事件也无效。原先通过class绑定的事件，也无法执行.因为页面已经将JS加载完毕，此时新增请求动态添加节点，自然获取不到。...

文章列表 2019-07-05 1 事件委托
js异步加载详解

没有 async 属性，script 将立即获取（下载）并执行，然后才继续后面的处理，这期间阻塞了浏览器的后续处理。如果有 async 属性，那么 script 将被异步下载并执行，同时浏览器继续后续的处理。HTML4中就有了defer属性，它提示浏览器这个 script 不会产生任何文档元素（没有document.write）...

文章列表 2019-06-30 1 异步
js出现null错误的原因？

在学习getElementById()方法的过程中出现了这样一个问题，便想记录下来。分析问题之前，我们不妨先来认识一下getElementById()方法。getElementById()方法，接受一个参数；获取元素的ID。如果找到相应的元素则返回该元素的HTMLDivElement对象，如果不存在，则返回null。...

文章列表 2019-06-26 1 null
js强制转换字符串的方法

javascript提供了3种强制将数据类型转化为字符串的方法。1.toString() 方法2、String('值') 3、字符串拼接...

文章列表 2019-06-26 1 js字符串 toString
jquery的offset().top详解

offset().top是JQ的方法，需要引入jquery才能使用，它获取的是你绑定元素上边框相对于html上边界的偏移量。offset().top参展对象始终是html ...

文章列表 2019-06-19 1 offset().top offsetTop
原生JS获取浏览器高度和宽度值(兼容多浏览器)

原生JS获取浏览器高度和宽度值(兼容多浏览器)，亲测有用...

文章列表 2019-06-18 1
vuex使用详解

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。...

文章列表 2019-06-11 1 vuex
vue生命周期中mounted和created的区别

created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。...

文章列表 2019-06-11 1 mounted created
vue使用stop属性阻止事件冒泡

本文教大家在vue中使用stop属性来阻止冒泡事件的发生。...

文章列表 2019-06-10 1 vue阻止冒泡 stop
vue实现跑马灯效果

vue跑马灯效果...

文章列表 2019-06-10 1
vue基础语法笔记

1、双花括号 mustache(胡子)/interpolation（插值表达式）语法： {{表达式}} 作用：将表达式执行的结果输出当调用...

文章列表 2019-06-10 1 vue基础
js事件模型详解

浏览器的事件模型，就是通过监听函数（listener）对事件做出反应。事件发生后，浏览器监听到了这个事件，就会执行对应的监听函数。这是事件驱动编程模式（event-driven）的主要编程方式。...

文章列表 2019-06-10 1 js事件
es6数组解构赋值用法

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子。...

文章列表 2019-06-06 1 es6 数组解构赋值
es6 const用法详解

const声明一个只读的常量。一旦声明，常量的值就不能改变。...

文章列表 2019-06-06 1 const es6
es6 let的用法详解

ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。...

文章列表 2019-06-06 1 let
js多重判断多个条件的方法

我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑...

文章列表 2019-06-05 1 多重判断
js定时器详解

JavaScript 提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。...

文章列表 2019-06-05 1 setTimeout setInterval