JavaScript提供了许多从一个数组（Array）中删除一个元素。有许多第三方提供的库可以轻松完成这个事情，比如 Lodash 等，不过我们今天主要说用最朴素的JavaScript看看如何实现。 如果你知道要删除元素的位置 假定你有一个数组，并且要删除元素的位置是 。 一个方法是用 ： 数组的方法 接收两个参数，第一个参数是元素的位置，第二个参数是元素的数量，从这个数组里建一个新的数组，并把从...

我们先来回顾一下，JSON的全名是JavaScript Object Notation(JavaScript对象表示法)，跟JavaScript有关，这就很容易带来一些误解： JSON就是JavaScript对象 JSON在JavaScript里序列化、反序列化是不花时间的 我们来逐个分析一下。 误解1： JSON就是JavaScript对象 网上经常可以看到一些流行的网站，在介绍JSON的时候，...

JSON的语法很简单，因为JSON能够表达的数据类型只有五种： 字符串（String） 数值（Number） 布尔值（Boolean） 对象（Object） 数组（Array） 那我们接下来看看每种数据类型的具体说明： 1. 字符串（String） 把一个或多个字符用英文的双引号 来表示。除了少数特殊字符 、 、 和一些控制符（ 、 、 、 、 ）需要编码外，其他 Unicode 字符可以直接输出...

既然说JSON是一种轻量级的 数据交换格式 ，那么就要理解 序列化 和 反序列化 了。 通常，在写代码的时候，有时候会需要把数据保存到文件，或者通过网络传输给其他的程序。如果一个程序是用Java写的，另一个程序是Python的，那么怎么做才能把数据对象在两个程序之间传递呢？ 那就是先把数据对象转换成一种两者都能够轻松处理的一种格式的数据，然后需要的程序自己去处理这种数据。比如Java把数据对...

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，JSON采用完全独立于语言的文本格式，使JSON成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成。 JSON是一种轻量级的数据交换格式，它的全称是JavaScript Object Notation(JavaScript对象表示法) 是在2001年，由Douglas Crockford...

用过Python或其它脚本语言都知道，一个简单的命令行控制台是多么的方便：敲一行或几行代码，就立刻能看到代码的结果，根本不需要临时创建个新文件。 JavaScript其实也有的，就是浏览器开发者工具里的 Console 面板。 先小试牛刀一下： 你也可以按F12后，切换到 Console 面板，复制下面的两段代码，亲手试一下。 程序1： 程序2： 还有更厉害的试验，拷贝下面代码到Console...

现在我们切换到 (元素)面板，可以检查并实时编辑页面中的HTML和CSS。 对于一个开发者来说，日常最主要用的功能主要有两个： 查看/修改HTML元素。 从而不需要任何真实的代码改动，就能看到实际的运行结果。可以用来快速调试、测试等等。 查看/修改CSS样式。 可以快速地试验某些样式的改动，然后再复制到真实的代码中去。 查看/修改HTML元素 请看下面这个例子。 上图中要注意几点： 图片中 红...

一个受不同人都欢迎的网页，不仅仅要考虑各种大小的屏幕，比如14寸、17寸、23寸及更大的桌面显示器，也要考虑各种移动设备如手机、平板电脑的屏幕。也就是说，要做一个响应式的页面，要能在不同大小的窗口上都要适配没问题才行。 手动调整浏览器的窗口测试太麻烦，利用Chrome自带的显示模式切换功能就方便多了。点下图中的手机/平板图标来打开/关闭这个功能（开启时是蓝色，关闭时是灰色）： 可以看到，Chrom...

Chrome开发者工具(Chrome DevTools)是一项Web前端开发的利器，简单的有分析DOM元素、分析网络请求，复杂的如debug页面代码，分析页面性能等等，是一个前端开发必用的工具。 由于官方的 链接 是英文的，并且也打不开，所以这个教程将对这个工具做一下简单的使用说明。 本教程从实用角度出发，主要介绍的是程序员们经常用到的功能。开发者工具非常强大，细节功能也非常多，由于不想做成一个工...

大家都知道，网页在加载新内容的时候，会通常显示一个Loading动画做为一个过渡，让用户知道界面没有卡死或没有反应，安心地等待内容出现。 在实现的时候，一般会放一个.gif格式的动画图片，或者用JavaScript实现一个动画效果。用纯CSS实现也是可以的，但往往由于各种原因导致难以达到预期的效果，比如： 动画效果比较小众，有经验的开发人员对CSS动画效果可能也不熟悉 某些CSS属性需要很多高昂的...