放荡不羁爱自由

摘要： 关于浏览器后退缓存的问题很早就注意过，但一直没有在意，直到今天测试确切地提出这个问题。 问题描述 页面上有一个认领按钮，点击之后跳转到详情页，该按钮变为撤销，按钮类型由接口数据决定。然而点击浏览器的回退按钮之后，因为页面缓存的问题，按钮还是认领状态。只有刷新页面之后按钮状态变成撤销。 解决方法 搜索 阅读全文

摘要： 最近在玩魔方的过程中，发现魔方真正需要死记硬背的公式只有三个，分别是棱块互换、棱块上翻、角块互换。 本文不是魔方复原教程，只是总结常用的几个公式，不适合新手。 先贴上一个非常强大的网页版魔方 Cuber 1.一层 观察法 2.二层 顺时针对换（URU'R'U'F'UF） 逆时针对换（U'L'ULUF 阅读全文

摘要： 前言 我在之前写过关于 JS 拖拽的文章，实现方式和网上能搜到的方法大致相同，别无二致，但是在一次偶然的测试中发现，这种绑定事件的方式可能会和其它的拖拽事件产生冲突，由此产生了对于事件绑定的思考。本文主要介绍解决这种冲突的方法，其实就是事件绑定的时机问题。 问题来源 这个问题是在类似如下 CodeP 阅读全文

摘要： 前言 Bootstrap 的成功不仅在于其简单易用，更在于其样式的规范性以及 HTML 结构的合理性。但是很多人在使用 Bootstrap 时只是依照文档盲目的复制黏贴，并没有仔细考虑每个类的用处，也没有考虑 HTML 结构搭建的是否合理。在平时的工作中，我一直和同事强调，一定要挖掘框架的精髓，尽可 阅读全文

摘要： 序言：首先，这是一篇学习 SVG 及 JS 动画不可多得的优秀文章。我非常喜欢 Ana Tudor 写的教程。在她的教程中有大量使用 SVG 制作的图解以及实时交互 DEMO，可以说教程的所有细枝末节都可以成为学习 SVG 以及 JS 画图的资料。另一方面，这篇教程也非常枯燥，因为教程的主要篇幅是关 阅读全文

摘要： 前言 关于讲解 JS 的拖拽功能的文章数不胜数，我确实没有必要大费周章再写一篇重复的文章来吸引眼球。本文的重点是讲解如何在某些特定的元素上禁止拖拽。这是我在编写插件时遇到的问题，其实很多插件的拖拽功能并没有处理这些细节，经过翻阅 jquery ui 的源码才找到答案。 拖拽实现 关于拖拽功能不再啰嗦 阅读全文

摘要： 前言 最近在写插件的过程中，需要使用 JS 判断是否有滚动条，搜了一下，大致方法都差不多，但都有些啰嗦，代码不够简洁。最终通过参考不同方法，写了一个比较简单的方法。在判断滚动条的同时也需要计算滚动条的宽度，通过本篇文章一并与大家分享。 为什么要判断滚动条 判断滚动条的需求在弹窗插件中用的较多，因为弹 阅读全文

摘要： 前言 因为一些特殊的业务需求，经过一个多月的蛰伏及思考，我开发了这款 jQuery 图片查看器插件 Magnify，它实现了 Windows 照片查看器的所有功能，比如模态窗的拖拽、调整大小、最大化，图片的缩放、旋转，平移、键盘控制等。插件的样式都是最基础的 CSS，定制非常容易，可以轻松修改成自己 阅读全文

摘要： Github: https://github.com/nzbin/snack-helper Docs: https://nzbin.github.io/snack-helper 前言 什么是 helper ？任何框架都不是万能的，而业务需求却是多种多样，很多时候我们只需要更改组件的部分属性，而 he 阅读全文

摘要： 前言 虽然现在单页面很流行，但是在 PC 端多页面还是常态，所以构建静态页面的工具还有用武之地。最近也看到了一些询问如何 include HTML 文件的问题。 很多时候我们在写静态页面的时候也希望能和后台模板一样，将导航、页头、页脚等公用的部分分离出去，然后引入页面中。单纯的静态页面不具备这种功能 阅读全文

摘要： GitHub：https://github.com/nzbin/Framework7-CityPicker Demo：https://nzbin.github.io/Framework7-CityPicker 前言 最近在做移动端项目的时候遇到了省市区选择的功能。以往做项目时都是省市区分开的下拉框样 阅读全文

摘要： Visual Studio Code 是一款优秀的编辑器，非常适合编写 TS 以及 React 。最近在学习 Angular，开始使用 VSCode，特意整理翻译了一下官网的快捷键。因为已经习惯了 Sublime 的快捷键，更换到 VSCode 有些不适应，尤其是 Emmet 的使用。 https: 阅读全文

摘要： 序言：这是一篇内容详实的 React + Flux 教程，文章主要介绍了如何使用 API 获取远程数据以及如何使用 JSON Web Tokens 进行用户身份认证。在阅读本文之后，我一直使用文章介绍的方法，通过搭建 Node 服务器，模拟接口数据进行前端开发。这篇文章发表于 2016 年 5 月， 阅读全文

摘要： 关于排序算法的问题可以在网上搜到一大堆，但是纯 JS 版比较零散，之前面试的时候特意整理了一遍，附带排序效率比较。 阅读全文

摘要： 序言：学习工具的最好的方法就是尝试新技术，本文通过“单元素艺术”介绍了 CSS 变量的使用以及给单元素添加动画的几种方法。通过学习作者编写的复杂的“单元素”示例，相信你对 CSS 变量以及 CSS 动画会有一个深刻的认识。 原文：Animating Single Div Art 翻译：nzbin 如 阅读全文

摘要： Github: https://github.com/nzbin/snack Docs: https://nzbin.github.io/snack 前言 这篇文章我已经酝酿了半年之久，或者说拖沓了这么久吧。想说的东西很多，却又无从说起。如今轻量级框架如雨后春笋，层出不穷。我想每个人都应该归纳总结工 阅读全文

摘要： 前言 Framework7 作为移动端的开发框架的优良之处已经无需多言。现在已经有了 React 和 Vue 版本，之前在项目中用过 F7 + vue 的开发方式，无论是效率还是产出都近乎完美。有时间的话可以单独写篇文章详细介绍 Framework7，并与其它框架做对比。 插件的问题 对于 Fram 阅读全文

摘要： 之前在使用 Vue 做项目的时候使用了 font 字体，然而在打包的时候 font 字体的引用路径不正确。 解决办法就是在 webpack 的配置文件中设置根路径 目录在 \config\index.js 中，设置 assetsPublicPath:'\' 即可 阅读全文

摘要： 金钱格式检验属于很普通的需求，记得工作中第一次遇到这个需求的时候，还不太会写正则表达式，搜到了一个类似的解决方案，看着正则的文档改成了自己需要的形式。 但是用户的输入操作是任意的，只是显示提示信息，这种方式虽然可以满足要求，但是感觉不友好。 其实移动端的很多应用在输入金钱时都是屏蔽错误输入，只能输入 阅读全文

摘要： 前言 首先说明这并不是一个教程贴，而记事本应用是网上早有的案例，对于学习 vuex 非常有帮助。我的目的是探索 vuex 2.0 ,然后使用 vuejs 2.0 + vuex 2.0 重写这个应用，其中最大的问题是使用 vue-cli 构建应用时遇到的问题。通过这些问题深入探索 vue 以及 vue 阅读全文