陈帅华的个人网站 - 探索技术艺术与国学之美
1月18日
2020年
2.4分钟
React构建个站涂鸦单页
React

春·重返创世 中的涂鸦单页采用React框架构建,目前仅实现核心功能——类似PPT演示,后续逐步增加更多功能。

1月17日
2020年
3.1分钟
WebAudio体验在线钢琴
WebAPI

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

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

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

1月14日
2020年
1.7分钟
javascript简易模版解析
JavaScript

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

1月12日
2020年
6.9分钟
Airglass初体验
Airglass

我用airglass.js初步完成了第一个最佳实践:创建和编辑多边形标注区域。做Demo的同时完善Airglass.js。我给渲染器类新增了击中检测实例方法,还增加了链式调用提升开发效率。同时新增多边形Polygon类,它是继矩形圆形后Airglass.js出现的第3个基本形状。接下来是对Demo无止境优化的漫漫长路。

1月12日
2020年
4.3分钟
JS拥有推进与改变历史的神奇力量
WebAPI

本篇介绍pushState与replaceState。pushState就像在努力推进历史的进程,而replaceState就像在改写历史。

1月12日
2020年
0.9分钟
Canvas实现虚拟元素拖拽
Canvas

Canvas实现虚拟元素拖拽。

1月11日
2020年
5.2分钟
CSS选择器优先级
CSS

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

1月11日
2020年
8.4分钟
CSS中外边距对水平格式化的影响
CSS

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

1月11日
2020年
3.0分钟
FB占位加载动效前端实现原理
UED

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

1月11日
2020年
4.4分钟
理解This指向只需记住5个规则
JavaScriptECMAScript

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

1月11日
2020年
5.2分钟
理解sessionStorage/localStorage
WebAPI

彻底理解sessionStorage和localStorage。

1月11日
2020年
6.2分钟
JavaScript中变量提升那点事儿
JavaScript

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

1月11日
2020年
9.9分钟
谈谈前端跨域问题解决方案
HTTP

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

1月11日
2020年
5.3分钟
尝尝cookie甜甜的曲奇饼干
HTTP

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

1月11日
2020年
18.5分钟
CSS格式化上下文
CSS

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

1月11日
2020年
4.3分钟
PHP实现内容管理系统
PHP

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

1月11日
2020年
6.0分钟
MySQL实用命令汇总
MySQL

MySQL数据库实用语法汇总

1月11日
2020年
5.6分钟
[译] MySQL参考手册·上篇
MySQL

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

1月11日
2020年
20.5分钟
完全掌握Pug模版引擎看这篇就够了
Pug

Pug模版引擎是一款高效率的模板引擎,可在Node.js中运行,支持JavaScript脚本。

1月11日
2020年
47.9分钟
[译] MySQL参考手册·中篇
MySQL

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

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

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

1月11日
2020年
9.2分钟
前端填坑之重谈HTTP协议
HTTP

填坑之重谈HTTP协议

1月11日
2020年
2.7分钟
Angular基本工作流
Angular

官方最佳实践,ng-book, The complete Book on Angular 5.

1月11日
2020年
2.5分钟
gulp构建前端自动化解决方案
Gulp

gulp构建前端自动化解决方案。

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

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

1月11日
2020年
1.3分钟
CSS外边距与内边距的抗衡
CSS

长话短说,就是想实现鼠标移入时显示滚动条,鼠标移出后隐藏滚动条,参照YouTube的效果。

1月11日
2020年
9.4分钟
Sublime Text构建系统
代码编辑器

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

1月11日
2020年
7.3分钟
HTTP Caching 缓存
HTTP

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

1月11日
2020年
8.7分钟
[译] 前端架构
管理

我想要构建一个多页面、支持多设备屏幕与分辨率、便于系统升级与维护、高性能、部分组件可重用的项目。

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

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

测试

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

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

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

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