陈帅华的个人网站 - 探索技术艺术与国学之美
7月2日
2017年
5.4分钟
学习Redux
Redux

Redux 是管理应用状态并且使状态变得可预测的 JavaScript 库。随着单页面应用交互越来越复杂,其中需要管理的状态越来越多。Redux 专为像 React 等需要前端工程师关心“状态如何驱动视图”的库而诞生,但不止于前端MVVM,Redux 对状态管理的思考对任何使用场景下的产品都有普适价值。Redux 只有 2KB 大小,但其潜在的生态和影响力不小。

6月28日
2017年
4.3分钟
PHP实现内容管理系统
PHP

所有的发明与创造的灵感都来自于借鉴了这个世界的本质。...

6月18日
2017年
69.6分钟
[译] XMLHttpRequest规范
WebAPIAJAX

XMLHttpRequest标准为客户端和服务器端传输数据提供了脚本化的客户端功能API。

6月15日
2017年
18.5分钟
CSS格式化上下文
CSS

浏览器渲染HTML元素有自己的一套~,深入理解浏览器们是如何渲染元素的。

6月13日
2017年
9.6分钟
JS执行上下文与this指向
JavaScript

JavaScript代码执行上下文堆栈,执行上下文与this指向,这就是你所有的境遇。

5月26日
2017年
8.9分钟
Promises学习指南
JavaScript

ES6 promise特性来自javascript走心的承诺。

5月10日
2017年
3.1分钟
学习ESLint
ESLint

ESLint,发现并修复你 ECMAScript/JavaScript 代码中的问题,使你的代码规范一致,并且能避免 Bugs。

5月3日
2017年
11.4分钟
JS的原始值和引用值
JavaScript

理解为什么一些数据类型是值的拷贝而另一些是值的引用,这些不同在代码中是如何体现的,这些概念的混淆铸成无数bug的产生,快来一窥究竟计算机内存中到底发生了什么吧!

4月23日
2017年
5.3分钟
尝尝cookie甜甜的曲奇饼干
HTTP

尝尝cookie甜甜的曲奇小饼干。

4月3日
2017年
0.2分钟
对抗赛答题动效与体验设计
数据可视化UI设计

网络安全对抗赛答题动效与用户体验设计

3月21日
2017年
9.9分钟
谈谈前端跨域问题解决方案
HTTP

专门写一篇总结前端跨域Cross-Origin策略解决方案。

3月20日
2017年
3.7分钟
Ai绘制SVG矢量图CSS3做动画
CSSSVG

Ai 的全称是 Adobe Illustrator。就像 Ps 的全称是 Photoshop 一样。他们都是 Adobe 公司旗下优秀的图形图像创意产品。Ps 面向摄影师,Ai 面向矢量图形设计师。Ai 和前端的结合点在于 SVG。在 Ai 中制作的矢量图形能导出成 SVG 格式的文件。SVG 又能通过 CSS 控制其部分样式。CSS3 新增了 transform 属性和 keyframe 特性,所以 SVG 配合 CSS3 就能制作出有意思的动效出来。

3月19日
2017年
3.1分钟
WebAudio体验在线钢琴
WebAPI

文章包括帅华君的童年学生时代、88键基础知识、事件委托、动态布局、算法的时间复杂度和空间复杂度。

3月15日
2017年
6.2分钟
JavaScript中变量提升那点事儿
JavaScript

不打不相识,不坑不长记性,认识这些JavaScript中的坑,和JavaScript做朋友。

2月27日
2017年
5.2分钟
理解sessionStorage/localStorage
WebAPI

彻底理解sessionStorage和localStorage。

2月18日
2017年
0.9分钟
Canvas实现虚拟元素拖拽
Canvas

Canvas实现虚拟元素拖拽。

2月3日
2017年
4.2分钟
Nodejs实现后端文件上传
Nodejs

Nodejs前后端文件上传。

1月12日
2017年
14.7分钟
巧用CSS3制作关键帧动画
CSS

巧用CSS3的keyframes与精灵图制作非GIF关键帧动画

1月2日
2017年
14.8分钟
[译] 《Eloquent JavaScript 2》数值
JavaScript

这是一本关于如何让计算机处理你希望他们做的事情。现如今计算机和螺丝刀一样普遍,但是他们却隐藏着极为复杂的部分,因此理解他们并...

12月3日
2016年
7.9分钟
Git常用命令汇总
GIT

git常用命令合集。

12月2日
2016年
4.4分钟
理解This指向只需记住5个规则
JavaScriptECMAScript

完全掌握this在JavaScript中的指向,吹散笼罩在this周围的重重迷雾,理解谁决定了this的指向,看完本篇你能在代码运行之前就可以判断出this的指向。

11月9日
2016年
0.2分钟
安全竞赛答题通关体验设计
UI设计

安全竞赛答题通关用户体验设计

11月2日
2016年
16.7分钟
玩转CSS3关键帧动画
CSS

CSS3 Animation 创建有趣的动画。我喜欢有趣的人与事物交往,所以请和我做盆友吧。

10月19日
2016年
3.0分钟
FB占位加载动效前端实现原理
UED

最早我发现这种预加载占位的设计是在微博移动端首页到单条微博详情页的跳转之后到内容加载完毕之前这段时间内,之后在我的facebook首页加载时间轴时发现facebook为这一设计加入了辉光动效,在之后是在知乎中的出现。

10月12日
2016年
6.6分钟
图片渐进式加载方案探索
UED

谷歌图片采用纯色背景;知乎采用渐进模糊;微博的线框图等等预加载技术,目的都是为了让用户从感觉上无缝显示,给用户一种已经加载的满足错觉。本篇将讨论实现图片模糊渐进式加载的技术。

10月7日
2016年
8.4分钟
CSS中外边距对水平格式化的影响
CSS

盒子模型,用户代理如何格式化盒子模型在水平方向上的空间问题?再谈CSS中MARGIN属性对水平格式化的影响。(照片最左边是我老爹!哈哈哈哈。。。)

10月2日
2016年
11.8分钟
动图解释JS中的原型链
JavaScript

帅华君用Adobe Illustrator创作了一张可视化信息图,帮助理清Javascript对象与__proto__、prototype和原型链的关系

9月15日
2016年
7.3分钟
来一场说走就走的旅行
UED

基于微信内置浏览器开发,基于微信API定位...

8月5日
2016年
6.3分钟
javascript中的高阶函数
JavaScript

javascript的高阶函数特性使得它能做函数化编程,高阶函数是指那些能把函数作为参数传入或者返回函数的函数。

7月3日
2016年
5.2分钟
CSS选择器优先级
CSS

用户代理将样式规则应用到HTML中,不仅要考虑继承性,还要考虑选择器之间的特殊性,这种特殊性直接决定了样式的优先级。

按月份速查已发布想法。查看3D柱状可视化
想法关键词
陈帅华动态先知道,请关注一个教程。
一个教程微信个人订阅号

Leo陈帅华 · 2月13日留言 · 去围观

测试

陈帅华 · 10月9日留言 · 去围观

系统升级到macOS Catalina后,终端默认使用zsh shell,虽然之前没有听说过这个命令行工具,不过需要认识新的配置文件.zshrc,默认的每启动一个命令行都会执行这个配置文件。所以source .bash_profile需要每次启动新命令行工具后自动执行一次。

jannylz · 9月11日留言 · 去围观

请问在线体验入口在哪里?可否标注矩形框,可以拖拽类型的