JavaScript

iShare.js分享插件

iShare.js是一个小巧的分享插件,纯JS编写,不依赖任何第三方库,使用简便。为啥写这个插件?因为在搭建个人blog时(还没有搭建好(¯﹃¯)),对目前国内比较受欢迎的分享插件都不太满意,主要如下几点:不太喜欢官方提供的样式,想重新定制,但又不太方便提供的大部分接口都没用到,真正用到就那么几个,显得有点冗余没有进行更新维护,部分接口都是挂掉另外,工作中,有时想要一个可以

用JSON-server模拟REST API(二) 动态数据

上一篇演示了如何安装并运行 json server , 在这里将使用第三方库让模拟的数据更加丰满和实用。使用动态数据上一篇演示时,使用了 db.json 作为数据载体,虽然方便,但是如果需要大量的数据,则显得力不从心。幸好 json server 可以通过js动态生成json格式数据,官方例子为生成1000组user数据:/mock/db.jsmodule.exports

vue.js过渡(vue学习记录2)

html代码:helloToggle必须要添加CSS样式(该样式来控制状态): .expand-transition {transition: all .3s ease;height: 30px;padding: 10px;background-color: # eee;overflow: hidden;}.expand-enter, .expand-leave {heig

《JavaScript 权威指南》读书笔记 1 - 简介

原文:https://keelii.github.io/2016/06/16/javascript-definitive-guide-note-0/第一章 主要介绍 JavaScript 的大概情况、基本语法。之前没有 JavaScript 基础的看不懂也没关系,后续章节会有进一步的详细说明,我会通读一遍 《JavaScript 权威指南》,然后根据个人的理解整理出来我认为

程序员的工匠精神

什么是工匠精神工匠精神,一方面,指的是工匠们对自己的产品精雕细琢、精益求精的精神:“工匠们对细节有很高的要求,他们追求完美和极致,努力把品质从99%提高到99.99%。”另一方面,指的是整个社会对能工巧匠由衷的敬意,给予较高的社会地位。而现代西方以制造业立国,一定意义上,制造业文化就是工匠文化,尤其是高端制造业,往往需要从业者乃至整个社会具备一种所谓的“工匠精神”。而工匠精

移动端点击事件全攻略,这里的坑你知多少?

看标题的时候你可能会想,点击事件有什么好说的,还写一篇攻略?哈哈,如果你这么想,只能说明你too young to simple.接触过移动端开发的同学可能都会面临点击事件的第一个问题:click事件的300ms延迟响应。不能立即响应给体验造成了很大的困扰,因此解决这个问题就成为了必然。这个问题的解决方案就是:zepto.js的tap事件。tap事件可以理解为在移动端的cl

vue.js 简单分页案例(1)

这是一个翻页的简单实例,把案例在本地运行一下,然后去理解每行的意思样式ul,li{ margin: 0px; padding: 0px;}li{ list-style: none}.page-bar li:first-child>a { margin-left: 0px}.page-bar a{ border: 1px solid # ddd;

通过javascript进行UTF-8编码

通过javascript进行UTF-8编码javascript的字符集:javascript程序是使用Unicode字符集编写的。Unicode是ASCII和Latin-1的超集,并支持地球上几乎所有的语言。ECMAScript3要求JavaScript必须支持Unicode2.1及后续版本,ECMAScript5则要求支持Unicode3及后续版本。所以,我们编写出来的j

用JSON-server模拟REST API(三) 进阶使用

前面演示了如何安装并运行 json server , 和使用第三方库真实化模拟数据 , 下面将展开更多的配置项和数据操作。配置项在安装好json server之后,通过 json-server -h 可以看到如下配置项:json-server [options] Options: --config, -c 指定 config 文件

也许是最简洁好用的timeago.js库了

timeago.jstimeago.js 是一个非常简洁、轻量级、小于 2kb 的很简洁的Javascript库,用来将datetime时间转化成类似于 * 时间前的描述字符串,例如:“3小时前”。本地化支持,默认自带中文和英文语言,基本够用;之前 xxx 时间前、xxx 时间后;支持npm方式和浏览器script方式;测试用例完善,执行良好;关于Python的版本,可以看