陈帅华的个人网站 - 探索技术艺术与国学之美
1月1日
2018年
0.7分钟
探索FUI风格竞赛排行榜设计
UI设计

基于canvas实时渲染竞赛排行榜单

2月20日
2018年
7.3分钟
HTTP Caching 缓存
HTTP

应用缓存技术能极大提升网站和应用的性能,重复利用之前获取的资源在浏览器的缓存而不需向服务器重新请求完整的资源。

9月23日
2015年
0.8分钟
Flash演示Adobe软件包安装步骤
动画制作

Adobe CC软件安装过程Flash演示。

12月22日
2019年
4.0分钟
AntV/F2使用记录
数据可视化AntV

在Ant/F2文档看到“视觉通道”这个词,并非第一次看到这词,但却是让我对数据可视化思考更深入的一次。延伸开来,数据除了可以被视觉化,其他的感官呢。听觉、触觉、味觉、嗅觉都可以和数据发生奇妙的映射反映。数据可被一切艺术化,更像是数据+新媒体艺术碰撞的火花。

12月24日
2017年
2.4分钟
探索FUI风格竞赛答题步骤
UED独立作品大屏

实现基于canvas画布实时渲染的虚拟对象关系流

4月11日
2019年
1.6分钟
抽奖九宫格
工作的代码

抽奖九宫格的活动小页面,文章从解决思路出发,介绍了界面布局、动画如何实现,并给出了关键核心代码片段。

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

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

8月29日
2017年
28.3分钟
[译] HTML Canvas 2D Context
Canvas

W3C编写的这个Canvas规范是给浏览器厂商参考的,它告诉厂商们应该如何实现canvas的绘图上下文。而对于普通前端开发者来说,能知道其原理固然好,相比于这些细枝末节,能在工作中将canvas活学活用才更重要。所以这篇规范并不是前端必读,可以作为想更深入canvas的参考资料来看待。

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

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

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

git常用命令合集。

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

Nodejs前后端文件上传。

2月3日
2019年
8.4分钟
React Native开发原生应用入门
RN

前端是个广义的概念,前端是离用户最近的一端,Web前端,移动端,桌面端等等。一套代码,多端共用,这已不是新鲜事,许多框架都在努力构建着大前端的未来,RN也是如此,从Web前端开发平滑步入桌面前端和移动前端原生应用软件开发。

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

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

2月10日
2018年
9.4分钟
Sublime Text构建系统
代码编辑器

Sublime Text提供 build system 机制,开发者可借此执行外部命令,编译、转换、优化、测试等诸如此类。

11月19日
2018年
4.6分钟
Chrome支持画中画API
WebAPI

画中画接口允许网站创建一块可浮动缩放拖拽视频播放区域,用户可以在操作其他任务时继续观看视频。

4月12日
2019年
1.4分钟
CSS3变换属性实现拖一拖拽一拽
工作的代码

使有必要存在的悬浮元素可拖拽,解决遮挡,提升操控感。

11月16日
2017年
9.8分钟
[译] MySQL参考手册·下篇
MySQL

本篇文章将介绍MySQL的相关知识,通过展示如何借助mysql客户端用程序指令创建和使用一个简单的数据可。mysql是一个交互式程序指令工具,你可以借此连接到MySQL数...

7月10日
2019年
1.8分钟
如何完成网站备案
生活

阿里云通知我shuaihua.cc无法实名认证,修改了几处备案信息重新备案,并注册shuaihuajun.com新域名,记录我是如何成功备案的。

1月12日
2018年
4.6分钟
如何渲染行内非替换元素
CSS

除了块级元素,最常见的就是行内元素了。常见的行内元素有a、span、em等标签,这些都是行内非替换元素,img标签也属于行内元素,不过它属于替换元素。

1月20日
2018年
12.4分钟
JS中4种内存泄漏类型
JavaScript内存泄漏

这篇文章将探索在客户端JavaScript中常见的内存泄漏代码,我们还将学习到如何使用Chrome开发者工具找到这些泄漏的内存。

3月1日
2018年
13.7分钟
DOM事件流与事件冒泡的应用
DOM

DOM事件传播包括三个阶段,捕获阶段,目标对象调用事件处理程序,冒泡阶段,事件冒泡为在大量单独文档元素上注册处理程序提供饿替代方案。

8月6日
2018年
6.5分钟
[译] D3.js非常官方的入门指南
数据可视化D3js

D3js强大的基于数据的DOM操作。D3对web标准友好,提供了现代浏览器支持的全部功能,而无需依赖特殊框架。

12月4日
2017年
12.4分钟
学习Grid网格布局
CSS

本篇为译文,开启CSS Grid模块探索之旅

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

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

10月21日
2017年
8.1分钟
正则表达式学习指南
JavaScript

除了RegExp对象的exec()方法和test()方法用于正则匹配,String对象亦拥有正则匹配的方法,比如search(),replace(),match(),split()。帅华君将这些内容梳理起来便于记忆和查阅。

1月27日
2018年
4.0分钟
如何理解闭包
JavaScript

闭包可以访问其外部作用域中的变量,而外部作用域不可访问闭包中的变量,这就是闭包。

12月30日
2019年
14.0分钟
Koa学习指南
Koa

Koa 是一个新(相对Express算新的)的 web 框架,由 Express 幕后的原班人马打造。既然Koa继Express后打造,必定有其优势所在。我的博客后端基于Express框架开发。我觉得做任何事都需要一个契机,Koa应该就是重构后端代码的契机吧。

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

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

5月25日
2018年
1.7分钟
javascript简易模版解析
JavaScript

在页面中预先存放会用到的html片段,其实引起这个问题的本质是前端如何优雅地将数据的改变(状态的更新)反映到UI的改变。

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

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

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

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

测试

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

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

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

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