摘要: 前言 Bootstrap 的成功不仅在于其简单易用,更在于其样式的规范性以及 HTML 结构的合理性。但是很多人在使用 Bootstrap 时只是依照文档盲目的复制黏贴,并没有仔细考虑每个类的用处,也没有考虑 HTML 结构搭建的是否合理。在平时的工作中,我一直和同事强调,一定要挖掘框架的精髓,尽可阅读全文
posted @ 2018-02-13 19:30 叙帝利 阅读(1438) 评论(2) 编辑
摘要: Github: https://github.com/nzbin/snack-helper Docs: https://nzbin.github.io/snack-helper 前言 什么是 helper ?任何框架都不是万能的,而业务需求却是多种多样,很多时候我们只需要更改组件的部分属性,而 he阅读全文
posted @ 2017-11-14 23:59 叙帝利 阅读(1252) 评论(0) 编辑
摘要: Github: https://github.com/nzbin/snack Docs: https://nzbin.github.io/snack 前言 这篇文章我已经酝酿了半年之久,或者说拖沓了这么久吧。想说的东西很多,却又无从说起。如今轻量级框架如雨后春笋,层出不穷。我想每个人都应该归纳总结工阅读全文
posted @ 2017-08-06 19:10 叙帝利 阅读(11648) 评论(19) 编辑
摘要: 最近在使用 canvas 画图的时候,遇到了图像文字模糊的问题,解决思路就是根据分辨率绘制不同尺寸的画布。以下是创建高分辨率画布的代码: 最后,贴一个高分辨率画布的开源库 "https://github.com/jondavidjohn/hidpi canvas polyfill"阅读全文
posted @ 2018-08-10 16:14 叙帝利 阅读(11) 评论(0) 编辑
摘要: 在使用 Angular 做项目的时候,对 TypeScript 的类型判断不太熟练,为了方便查找,特意对 TypeScript 的类型判断做了简单梳理。文章只是 TS 官网的内容摘要,没有高深的知识,想要深入学习 TS 还要看官网文档。 基础类型 类型断言 类型断言好比其它语言里的类型转换,但是不进阅读全文
posted @ 2018-07-30 22:22 叙帝利 阅读(144) 评论(0) 编辑
摘要: 前言 如今前端市场一片混乱,典型的金字塔形状,前端从业人员很多,但高级开发及以上却非常稀缺。前端招聘也是所有猎头及 HR 的痛点所在,在这种混乱的环境中,如何让自己突出重围?需要实力,也需要技巧。因为我平时会负责筛选简历,在看过大量简历之后,对于简历的内容及形式有一些自己的看法。本文主要讲述技术简历阅读全文
posted @ 2018-06-29 10:29 叙帝利 阅读(1024) 评论(4) 编辑
摘要: 为什么使用 Angular 我不是 Angular 的布道者,但如今自称 Angular 派,使用 Angular 做项目让我有一种兴奋感。目前的三大主流前端框架都研究过,博客中也有三者的相关教程,最早接触的是 React,但是并没有实际的项目经验,只做过一些 Demo 。使用 Vue 做过一个比较阅读全文
posted @ 2018-05-31 20:05 叙帝利 阅读(807) 评论(5) 编辑
摘要: Angular CLI 1.7.4 在使用 会构建失败,而 是正常的。比较好的解决办法是使用 或者 。 最近将 Angular CLI 升级到 6.X 之后,直接 会报以下错误, 也是如此。 但是使用 是正常的。同样地,使用 也可以解决问题。 简单看一下,问题是由 插件引起的。这款插件用于输出第三方阅读全文
posted @ 2018-05-19 11:31 叙帝利 阅读(981) 评论(0) 编辑
摘要: 序言:本文主要介绍了使用 Ionic 和 Cordova 开发混合应用时如何添加用户身份认证。教程简易,对于 Ionic 入门学习有一定帮助。因为文章是去年发表,所以教程内关于 Okta 的一些使用步骤不太准确,但是通过 Okta 的官网也可以找到对应的内容。另外,使用 npm 安装 Ionic s阅读全文
posted @ 2018-05-13 20:59 叙帝利 阅读(377) 评论(1) 编辑
摘要: 在前端开发调试接口的时候都会遇到跨域请求的问题。传统的方式是使用 Nginx 反向代理解决跨域。比如所有接口都在 a.com 的域下,通过 Nginx 将所有请求代理到 a.com 的域下即可。 使用框架及 Webpack 进行开发时,也可以通过插件实现反向代理。比如使用 Angular 的时候可以阅读全文
posted @ 2018-05-06 19:42 叙帝利 阅读(323) 评论(0) 编辑
摘要: 最近使用 Angular 做项目的时候,通过 ng build 打包后的资源地址都带有 localhost:4200,百思不得其解,以为是打包的问题。 最后在 index.html 的文件中发现有一个 <base> 标签,原来这个标签会在页面的所有链接上添加默认地址。以下是详细说明: <base> 阅读全文
posted @ 2018-04-30 23:24 叙帝利 阅读(161) 评论(0) 编辑
摘要: 前言 这是 React 系列教程的第一篇,我们将用 React 实现 Animate.css 官网的效果。对于 Animate.css 官网效果是一个非常简单的例子,原代码使用 jQuery 编写,就是添加类与删除类的操作。这对于学习 React 来说是一个非常简易的例子,但是我并不会在教程中介绍相阅读全文
posted @ 2018-04-29 23:12 叙帝利 阅读(236) 评论(1) 编辑
摘要: 原文:How to Sprinkle ReactJS into an Existing Web Application 译者:nzbin 当我们学习一项新技术,可能是一个 JavaScript 框架,也可能是一个 CSS 方法,我们将面对这样的挑战 如何在旧网站上运用这项新技术?。很多教程讲述了如何阅读全文
posted @ 2018-04-14 16:05 叙帝利 阅读(341) 评论(1) 编辑
摘要: 关于浏览器后退缓存的问题很早就注意过,但一直没有在意,直到今天测试确切地提出这个问题。 问题描述 页面上有一个认领按钮,点击之后跳转到详情页,该按钮变为撤销,按钮类型由接口数据决定。然而点击浏览器的回退按钮之后,因为页面缓存的问题,按钮还是认领状态。只有刷新页面之后按钮状态变成撤销。 解决方法 搜索阅读全文
posted @ 2018-03-30 23:38 叙帝利 阅读(220) 评论(0) 编辑
摘要: 最近在玩魔方的过程中,发现魔方真正需要死记硬背的公式只有三个,分别是棱块互换、棱块上翻、角块互换。 本文不是魔方复原教程,只是总结常用的几个公式,不适合新手。 先贴上一个非常强大的网页版魔方 Cuber 1.一层 观察法 2.二层 顺时针对换(URU'R'U'F'UF) 逆时针对换(U'L'ULUF阅读全文
posted @ 2018-03-28 00:00 叙帝利 阅读(146) 评论(0) 编辑
摘要: 前言 我在之前写过关于 JS 拖拽的文章,实现方式和网上能搜到的方法大致相同,别无二致,但是在一次偶然的测试中发现,这种绑定事件的方式可能会和其它的拖拽事件产生冲突,由此产生了对于事件绑定的思考。本文主要介绍解决这种冲突的方法,其实就是事件绑定的时机问题。 问题来源 这个问题是在类似如下 CodeP阅读全文
posted @ 2018-02-28 14:46 叙帝利 阅读(578) 评论(0) 编辑
摘要: 前言 Bootstrap 的成功不仅在于其简单易用,更在于其样式的规范性以及 HTML 结构的合理性。但是很多人在使用 Bootstrap 时只是依照文档盲目的复制黏贴,并没有仔细考虑每个类的用处,也没有考虑 HTML 结构搭建的是否合理。在平时的工作中,我一直和同事强调,一定要挖掘框架的精髓,尽可阅读全文
posted @ 2018-02-13 19:30 叙帝利 阅读(1438) 评论(2) 编辑
摘要: 序言:首先,这是一篇学习 SVG 及 JS 动画不可多得的优秀文章。我非常喜欢 Ana Tudor 写的教程。在她的教程中有大量使用 SVG 制作的图解以及实时交互 DEMO,可以说教程的所有细枝末节都可以成为学习 SVG 以及 JS 画图的资料。另一方面,这篇教程也非常枯燥,因为教程的主要篇幅是关阅读全文
posted @ 2018-01-23 10:27 叙帝利 阅读(712) 评论(2) 编辑
摘要: 前言 关于讲解 JS 的拖拽功能的文章数不胜数,我确实没有必要大费周章再写一篇重复的文章来吸引眼球。本文的重点是讲解如何在某些特定的元素上禁止拖拽。这是我在编写插件时遇到的问题,其实很多插件的拖拽功能并没有处理这些细节,经过翻阅 jquery ui 的源码才找到答案。 拖拽实现 关于拖拽功能不再啰嗦阅读全文
posted @ 2017-12-31 20:52 叙帝利 阅读(1418) 评论(0) 编辑
摘要: 前言 最近在写插件的过程中,需要使用 JS 判断是否有滚动条,搜了一下,大致方法都差不多,但都有些啰嗦,代码不够简洁。最终通过参考不同方法,写了一个比较简单的方法。在判断滚动条的同时也需要计算滚动条的宽度,通过本篇文章一并与大家分享。 为什么要判断滚动条 判断滚动条的需求在弹窗插件中用的较多,因为弹阅读全文
posted @ 2017-12-30 12:54 叙帝利 阅读(4767) 评论(2) 编辑
摘要: 前言 因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功能,比如模态窗的拖拽、调整大小、最大化,图片的缩放、旋转,平移、键盘控制等。插件的样式都是最基础的 CSS,定制非常容易,可以轻松修改成自己阅读全文
posted @ 2017-12-24 19:06 叙帝利 阅读(1046) 评论(14) 编辑
摘要: Github: https://github.com/nzbin/snack-helper Docs: https://nzbin.github.io/snack-helper 前言 什么是 helper ?任何框架都不是万能的,而业务需求却是多种多样,很多时候我们只需要更改组件的部分属性,而 he阅读全文
posted @ 2017-11-14 23:59 叙帝利 阅读(1252) 评论(0) 编辑
摘要: 前言 虽然现在单页面很流行,但是在 PC 端多页面还是常态,所以构建静态页面的工具还有用武之地。最近也看到了一些询问如何 include HTML 文件的问题。 很多时候我们在写静态页面的时候也希望能和后台模板一样,将导航、页头、页脚等公用的部分分离出去,然后引入页面中。单纯的静态页面不具备这种功能阅读全文
posted @ 2017-11-10 16:46 叙帝利 阅读(2198) 评论(0) 编辑