摘要: 前言 Bootstrap 的成功不仅在于其简单易用,更在于其样式的规范性以及 HTML 结构的合理性。但是很多人在使用 Bootstrap 时只是依照文档盲目的复制黏贴,并没有仔细考虑每个类的用处,也没有考虑 HTML 结构搭建的是否合理。在平时的工作中,我一直和同事强调,一定要挖掘框架的精髓,尽可阅读全文
posted @ 2018-02-13 19:30 叙帝利 阅读(1056) 评论(2) 编辑
摘要: Github: https://github.com/nzbin/snack-helper Docs: https://nzbin.github.io/snack-helper 前言 什么是 helper ?任何框架都不是万能的,而业务需求却是多种多样,很多时候我们只需要更改组件的部分属性,而 he阅读全文
posted @ 2017-11-14 23:59 叙帝利 阅读(1091) 评论(0) 编辑
摘要: Github: https://github.com/nzbin/snack Docs: https://nzbin.github.io/snack 前言 这篇文章我已经酝酿了半年之久,或者说拖沓了这么久吧。想说的东西很多,却又无从说起。如今轻量级框架如雨后春笋,层出不穷。我想每个人都应该归纳总结工阅读全文
posted @ 2017-08-06 19:10 叙帝利 阅读(9057) 评论(19) 编辑
摘要: 原文:How to Sprinkle ReactJS into an Existing Web Application 译者:nzbin 当我们学习一项新技术,可能是一个 JavaScript 框架,也可能是一个 CSS 方法,我们将面对这样的挑战 如何在旧网站上运用这项新技术?。很多教程讲述了如何阅读全文
posted @ 2018-04-14 16:05 叙帝利 阅读(123) 评论(1) 编辑
摘要: 关于浏览器后退缓存的问题很早就注意过,但一直没有在意,直到今天测试确切地提出这个问题。 问题描述 页面上有一个认领按钮,点击之后跳转到详情页,该按钮变为撤销,按钮类型由接口数据决定。然而点击浏览器的回退按钮之后,因为页面缓存的问题,按钮还是认领状态。只有刷新页面之后按钮状态变成撤销。 解决方法 搜索阅读全文
posted @ 2018-03-30 23:38 叙帝利 阅读(35) 评论(0) 编辑
摘要: 最近在玩魔方的过程中,发现魔方真正需要死记硬背的公式只有三个,分别是棱块互换、棱块上翻、角块互换。 本文不是魔方复原教程,只是总结常用的几个公式,不适合新手。 先贴上一个非常强大的网页版魔方 Cuber 1.一层 观察法 2.二层 顺时针对换(URU'R'U'F'UF) 逆时针对换(U'L'ULUF阅读全文
posted @ 2018-03-28 00:00 叙帝利 阅读(62) 评论(0) 编辑
摘要: 前言 我在之前写过关于 JS 拖拽的文章,实现方式和网上能搜到的方法大致相同,别无二致,但是在一次偶然的测试中发现,这种绑定事件的方式可能会和其它的拖拽事件产生冲突,由此产生了对于事件绑定的思考。本文主要介绍解决这种冲突的方法,其实就是事件绑定的时机问题。 问题来源 这个问题是在类似如下 CodeP阅读全文
posted @ 2018-02-28 14:46 叙帝利 阅读(301) 评论(0) 编辑
摘要: 前言 Bootstrap 的成功不仅在于其简单易用,更在于其样式的规范性以及 HTML 结构的合理性。但是很多人在使用 Bootstrap 时只是依照文档盲目的复制黏贴,并没有仔细考虑每个类的用处,也没有考虑 HTML 结构搭建的是否合理。在平时的工作中,我一直和同事强调,一定要挖掘框架的精髓,尽可阅读全文
posted @ 2018-02-13 19:30 叙帝利 阅读(1056) 评论(2) 编辑
摘要: 序言:首先,这是一篇学习 SVG 及 JS 动画不可多得的优秀文章。我非常喜欢 Ana Tudor 写的教程。在她的教程中有大量使用 SVG 制作的图解以及实时交互 DEMO,可以说教程的所有细枝末节都可以成为学习 SVG 以及 JS 画图的资料。另一方面,这篇教程也非常枯燥,因为教程的主要篇幅是关阅读全文
posted @ 2018-01-23 10:27 叙帝利 阅读(406) 评论(2) 编辑
摘要: 前言 关于讲解 JS 的拖拽功能的文章数不胜数,我确实没有必要大费周章再写一篇重复的文章来吸引眼球。本文的重点是讲解如何在某些特定的元素上禁止拖拽。这是我在编写插件时遇到的问题,其实很多插件的拖拽功能并没有处理这些细节,经过翻阅 jquery ui 的源码才找到答案。 拖拽实现 关于拖拽功能不再啰嗦阅读全文
posted @ 2017-12-31 20:52 叙帝利 阅读(505) 评论(0) 编辑
摘要: 前言 最近在写插件的过程中,需要使用 JS 判断是否有滚动条,搜了一下,大致方法都差不多,但都有些啰嗦,代码不够简洁。最终通过参考不同方法,写了一个比较简单的方法。在判断滚动条的同时也需要计算滚动条的宽度,通过本篇文章一并与大家分享。 为什么要判断滚动条 判断滚动条的需求在弹窗插件中用的较多,因为弹阅读全文
posted @ 2017-12-30 12:54 叙帝利 阅读(2011) 评论(2) 编辑
摘要: 前言 因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功能,比如模态窗的拖拽、调整大小、最大化,图片的缩放、旋转,平移、键盘控制等。插件的样式都是最基础的 CSS,定制非常容易,可以轻松修改成自己阅读全文
posted @ 2017-12-24 19:06 叙帝利 阅读(717) 评论(4) 编辑
摘要: Github: https://github.com/nzbin/snack-helper Docs: https://nzbin.github.io/snack-helper 前言 什么是 helper ?任何框架都不是万能的,而业务需求却是多种多样,很多时候我们只需要更改组件的部分属性,而 he阅读全文
posted @ 2017-11-14 23:59 叙帝利 阅读(1091) 评论(0) 编辑
摘要: 前言 虽然现在单页面很流行,但是在 PC 端多页面还是常态,所以构建静态页面的工具还有用武之地。最近也看到了一些询问如何 include HTML 文件的问题。 很多时候我们在写静态页面的时候也希望能和后台模板一样,将导航、页头、页脚等公用的部分分离出去,然后引入页面中。单纯的静态页面不具备这种功能阅读全文
posted @ 2017-11-10 16:46 叙帝利 阅读(1036) 评论(0) 编辑
摘要: GitHub:https://github.com/nzbin/Framework7-CityPicker Demo:https://nzbin.github.io/Framework7-CityPicker 前言 最近在做移动端项目的时候遇到了省市区选择的功能。以往做项目时都是省市区分开的下拉框样阅读全文
posted @ 2017-10-31 23:59 叙帝利 阅读(824) 评论(0) 编辑
摘要: Visual Studio Code 是一款优秀的编辑器,非常适合编写 TS 以及 React 。最近在学习 AngularJs 2,开始使用 VSCode,特意整理翻译了一下官网的快捷键。因为已经习惯了 Sublime 的快捷键,更换到 VSCode 有些不适应,尤其是 Emmet 的使用。 通用阅读全文
posted @ 2017-10-02 10:19 叙帝利 阅读(2332) 评论(0) 编辑
摘要: 原文:Build a React + Flux App with User Authentication 译者:nzbin 译者的话:这是一篇内容详实的 React + Flux 教程,文章主要介绍了如何使用 API 获取远程数据以及如何使用 JSON Web Tokens 进行用户身份认证。在阅读阅读全文
posted @ 2017-09-14 17:45 叙帝利 阅读(605) 评论(0) 编辑
摘要: 关于排序算法的问题可以在网上搜到一大堆,但是纯 JS 版比较零散,之前面试的时候特意整理了一遍,附带排序效率比较。阅读全文
posted @ 2017-09-10 00:03 叙帝利 阅读(112) 评论(0) 编辑
摘要: 原文:Animating Single Div Art 翻译:nzbin 导读:学习工具的最好的方法就是尝试新技术,本文通过“单元素艺术”介绍了 CSS 变量的使用以及给单元素添加动画的几种方法。通过学习作者编写的复杂的“单元素”示例,相信你对 CSS 变量以及 CSS 动画会有一个深刻的认识。 如阅读全文
posted @ 2017-08-18 18:37 叙帝利 阅读(345) 评论(0) 编辑
摘要: Github: https://github.com/nzbin/snack Docs: https://nzbin.github.io/snack 前言 这篇文章我已经酝酿了半年之久,或者说拖沓了这么久吧。想说的东西很多,却又无从说起。如今轻量级框架如雨后春笋,层出不穷。我想每个人都应该归纳总结工阅读全文
posted @ 2017-08-06 19:10 叙帝利 阅读(9057) 评论(19) 编辑
摘要: 前言 Framework7 作为移动端的开发框架的优良之处已经无需多言。现在已经有了 React 和 Vue 版本,之前在项目中用过 F7 + vue 的开发方式,无论是效率还是产出都近乎完美。有时间的话可以单独写篇文章详细介绍 Framework7,并与其它框架做对比。 插件的问题 对于 Fram阅读全文
posted @ 2017-07-30 23:09 叙帝利 阅读(760) 评论(0) 编辑
摘要: 之前在使用 Vue 做项目的时候使用了 font 字体,然而在打包的时候 font 字体的引用路径不正确。 解决办法就是在 webpack 的配置文件中设置根路径 目录在 \config\index.js 中,设置 assetsPublicPath:'\' 即可阅读全文
posted @ 2017-06-27 22:32 叙帝利 阅读(601) 评论(0) 编辑
摘要: 金钱格式检验属于很普通的需求,记得工作中第一次遇到这个需求的时候,还不太会写正则表达式,搜到了一个类似的解决方案,看着正则的文档改成了自己需要的形式。 但是用户的输入操作是任意的,只是显示提示信息,这种方式虽然可以满足要求,但是感觉不友好。 其实移动端的很多应用在输入金钱时都是屏蔽错误输入,只能输入阅读全文
posted @ 2017-05-21 23:58 叙帝利 阅读(350) 评论(0) 编辑