《小白H5成长之路24》JavaScript处理JSON的初体验

下午办公室暖气很热，大家的工作状态都不是特别好，感觉每个人都像树懒一样或缓慢移动鼠标、或懒懒的打着瞌睡。小白也不在状态呆呆的盯着电脑，不知道该做些什么。经过一阵阵朦胧的困感之后，小白还是起身找到了老朱。

“朱哥，下午实在没状态，有没有简单点的知识，给我说一个呗！”

老朱也不在状态，布局方面的实在是不想说，思考了半天说道：“要不说一下JSON数据吧，这个简单，你只要了解了JSON数据接下来就可以说前端和后台通信的事了。”

“好啊！”，小白一听终于能做通信方面的事情后，脑袋一下清醒了不少。

老朱说：“JSON数据可以看作是对象的字符串形式。”

想读更多 ->

【JavaScript从入门到精通】第十课 定时器的使用-02

这节课让我们来一起做一个常见的网页效果——无缝滚动。

在制作无缝滚动前，我们需要解决的最基础的问题是——要如何让一个页面上的物体动起来？JS有很多复杂的运动，我们今天要做的是通过我们前面所学的基础知识来制作一些运动效果。

实际上，让一个元素动起来，我们目前能想到的最简单的方法就是修改一个元素的位置，在JS里我们通过定时器让元素定位的值（例如）不断变化，这样就实现了运动的效果。

在这里，我们先介绍一个属性：offsetLeft，用于获取元素的左边值（返回类型为数值型）:

想读更多 ->

浅谈Javascript的setter与getter

广东IT优就业

广州IT培训老师浅谈一下Javascript的setter与getter的方法。

Javascript对象的属性是由名字，值和一组特性构成的。那么首先，来了解一下对象的两种属性：

(1)数据属性，我们经常使用，应该很熟悉

(2)访问器属性，也称存取器属性

何为存取器属性?就是一组获取和设置值的函数。在ECMAScript5中，属性值可以用一个或两个方法设置，这两个方法就是getter和setter；因此getter和setter定义的属性被称为存取器属性。

上面的就是一个存取器属性

想读更多 ->

多种不同的方法实现Javascript的日期格式化，你能写出几种？

前言

在写Javascript代码的时候，我们经常会用到Date类型，有的时候往往需要不同格式的时间，有的精确到天(yyyy-MM-dd)，有的精确到秒(yyyy-MM-dd HH:mm:ss)。

由于Javascript不像Java那样有现成的方法去格式化时间，所以往往需要自己去封装，今天我们就一起来看看几种不同的格式化Javascript的Date的方法吧。

文中的代码我已经放在了github上，感兴趣的同学可以自取。

https://github.com/zhouxiongking/article-pages/blob/master/articles/formatDate/formatDate.js

Javascript

时间格式基本包括年，月，日，时，分，秒，毫秒，有的会包含季度。

实现的主要思想如下。

预先定义一个对象，key为可能的正

想读更多 ->

Kotlin 1.2发布，新功能更新将进一步侵占Java市场！

近日，Kotlin团队发布了Kotlin 1.2。这是一个重要的新版本，也是迈向在现代应用程序所有组件中使用Kotlin道路的一大步。

在Kotlin 1.1中，团队正式发布了JavaScript目标，允许开发者将Kotlin代码编译为JS并在浏览器中运行。在Kotlin 1.2中，团队增加了在JVM和JavaScript之间重用代码的可能性。现在，开发者可以一次性编写应用程序的业务逻辑，并在应用程序的所有层（后端，浏览器前端和Android移动应用程序）中重复使用。Kotlin团队也在研究库，以帮助开发者重用更多代码，例如跨平台的序列化库。

Kotlin 1.2已经捆绑在本周发布的IntelliJ IDEA 2017.3中。如果使用Android Studio或旧版本的IntelliJ IDEA，则可以从 Tools | Kotlin | Configure Kotlin Plugin Updates对话框中更新。

该版本包含了很多外部贡献者所做的

想读更多 ->

自适应布局中table元素的自适应性

按HTML5的说法，table是一个不鼓励使用的HTML标记，但现实工作中，我们避免不了的偶尔会用到它。那么，怎样让一个传统的表格也表现出自适应性呢？

网上有很多种解决方案，最常见的是配合JavaScript。css-tricks里给出了一个用纯CSS实现的，但它需要将一些业务数据写在CSS里。而本文这将提到的一种方法也是用纯CSS实现表格的自适应布局，而且CSS只负责表现，不牵涉业务逻辑和数据。

例如：

借助伪元素和自定义属性

我们将借助伪元素 :before 和 :after 的力量。通常， 它们用显示图标类的内容，比如一个箭头，提示，或文字图案(icon)。它的另外一个神奇的功能是元素属性值显示到HTML内容里，content: attr(data-label)，放在before/after伪元素类里。沿着这个思路，我们就能够让table在PC端表现成网格效果，而在小屏的手机端表现成流式布局。

我们暂以600px为小屏幕大屏幕的分界点，下面的CS

想读更多 ->

浅谈Angular的优缺点

Stack Overflow最近对最具戏剧性的技术增减情况进行了分析。不出意料，“最具戏剧性的增长”顶部里出现了Angular的身影。然而，这并不意味着Angular是十全十美的，它既有利也有弊。本文将深入解剖Angular的优点与缺点。

优点

1. TypeScript

TypeScript是JavaScript的一组超集，这意味着如果您知道如何使用JavaScript，特别是ECMAScript 6/7进行编码，那么转换应该是无懈可击的。当然，最重要的区别在于增加了类型，Angular可以对表格进行静态代码分析，进而提高代码的可读性和维护性。这并不是说bug会从项目中奇迹般地消失，仍然应该依靠已经建立的实践作为TDD和代码评审，但它确实比单纯的JavaScript对您更有利。

TypeScript还带来了ECMAScript新版本的所有优点，包括类语法、箭头函数、异步和等待等。此外，还添加了诸如接口、泛型和方法访问修饰符之类的已建立的OOP实践，使新成员能平滑的从Java和C#等语言向Web生态系统过渡。

尽管TypeScript在内联类型注释方面可能是冗长的，但是在类型推断方面上它正逐步改进。TypeScriptv可能永远不能取代JavaScript，而且在某些情况下，它可能会妨碍您的开发过程(小型项目或库)，

想读更多 ->

clipboard.js插件实现复制到剪贴板 ，无需flash

（点击右上角“+关注”【切图】头条号，有干货，有资讯，有态度！！）

文/作者：aming（dingxiangming82），专注web前端开发，关注用户体验，和提供高品质的psd转html5前端开发外包服务，web前端实战培训！

clipboard.js 使用纯 JavaScript （无需 Flash）实现了复制浏览器内容到系统剪切板的功能，可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+。

1，首先你需要加载js插件文件

2，然后就可以使用它了

亲测可用，是不是很简单呢。

--

切图网（qietu.com）始于2007年，专注

想读更多 ->

以太坊客户端Geth命令用法-参数详解

Geth在以太坊智能合约开发中最常用的工具（必备开发工具），一个多用途的命令行工具。

熟悉Geth可以让我们有更好的效率，大家可收藏起来作为Geth命令用法手册。 本文主要是对geth help的翻译，基于最新的geth 1.7.3-stable版本。

如果你还不知道geth是什么，请先阅读入门篇：以太坊是什么。

以下开始正文。

版本：

命令:

想读更多 ->

想当一名前端工程师，前端小白该从哪学起？

前端工程师，也叫Web前端开发工程师。他是随着web开展，细分出来的行业。

Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！

那怎么学习前端？

1、首先要学习 HTML，CSS 。

如果你是买的书，那久跟着书认真、扎实的学一遍。然后就需求做大量的练习，做各种常规的、奇异的、大量的规划练习来捆固、了解本人的学问。

2、学习 Javascript 。首先要晓得这门言语能够做什么，不能做什么，擅长做什么，不擅长做什么！

假如你只想当一个普通的前端程序员，你只需求记住大局部 Javascript 函数，做一些练习就能够了。

假如你想当深化理解Javascript，你需求理解 Javascript 的原理，机制。需求晓得他们的根源，需求深入理解 Javascript 基于对象的实质。

还需求 深入理解 阅读器宿主 下 的 Javascript 的行为、特性。

由于历史缘由，Javascript不断不被注重，有点像被收养的普通！ 所以他有很多缺陷，各个宿主环境下的行为不统一、内存溢出问题、执行效率低下等问题。

作为一个优秀的前端工程师还需求深化理解、以及学会处置 Javascript 的这些缺陷。

那么一名优秀的、以至杰出

想读更多 ->