盒模型 content-box（默认） padding-box border-box margin叠加 参考资料 盒模型 盒模型(box model)是CSS中的一个重要概念，它是元素大小的呈现方式。需要记住的是："every element in web design is a rectangular box"。如图： CSS3中新...

CSS常见布局 'display', 'position', and 'float'三者对布局的影响 常见布局 固定尺寸 自适应布局 布局方式 居中设置 参考资料 CSS常见布局 'display', 'position', and 'float'三者对布局的影响 The three properties that affect b...

完全用 GNU/Linux 工作 14. 色碼擷取器 - Gpick vs Gcolor2 資料來源 完全用 GNU/Linux 工作 14. 色碼擷取器 - Gpick vs Gcolor2 在開發網頁時多少會自訂些顏色來符合網站整體的風格，這時凍仁會先透過「色碼擷取器」來挑選適合的顏色。在 GNU/Linux 裡我們可以使用 Gpick ...

与CSS预处理器结合使用 SCSS LESS SASS 在 Vuejs 中使用CSS预编译器 与CSS预处理器结合使用 20年前的《程序员修炼之道》这本书，就提到了程序员的一个职业习惯： DIY。 (Don’t Repeat Yourself), 不要做重复的事儿。 目前的编程语言，几乎都具备了消灭重复代码的能力。 除了CSS CSS ...

View - WXSS 支持大部分CSS特性 尺寸单位 rpx 样式导入 内联样式 全局样式与局部样式 iconfont View - WXSS WXSS(WeiXin Style Sheets) wxss编译器：wcsc 把wxss文件转化为 js 执行方式： wcsc index.wxss 支持大部分CSS特性 亲测包...

JavaScript 动画 实现方式 JavaScript 动画三要素 定时器 常见动画 动画函数 JavaScript 动画 帧 ，为动画的最小单位，一个静态的图像。帧频 ，每秒播放的帧的数量。一个动画是由很多帧组成的，因为人眼的暂留特性，当图片交替的速度大于每秒 30 帧以上既有动画的感觉。 实现方式 gif 图像形式存储，容量...

16 文字阴影的鼠标随动效果 挑战任务 实现效果 基本知识 过程指南 16 文字阴影的鼠标随动效果 本篇作者：©大史快跑Dashrun ——Chinasoft Frontend Web Developer 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始...

CellPicker 选择器 使用指南 视频演示 代码演示 API Attribute 属性 Event 事件 Slot 插槽 Class 自定义类名 CellPicker 选择器 使用指南 在 page.json 中引入组件 "usingComponents" : { "w-cell-picker" : "w...

CSS 尺寸单位 样式导入 适配样式 内联样式 选择器权重 CSS CSS 是描述 SWAN 的样式语言。支持 CSS 的属性。在此基础上，做了一些编译支持： 尺寸单位 样式导入 尺寸单位 对于自适应的单位，推荐使用 CSS3 vw 为单位，vw 代表视窗( Viewport )的宽度为1%； 同时也支持 rpx，规定屏幕宽为7...

了解代码编辑器 了解代码编辑器 源代码编辑器是一个文本编辑程序, 专门为编辑计算机程序源代码的程序员而设计的, 它可能是一个独立的应用程序或内置在集成开发环境(IDE)或web浏览器中. 源代码编辑器是最基本的编程工具, ,作为程序员的基本工作就是编写和编辑源代码. - Wikipedia 前端代码可以被一个简单的文本编辑应用程序(如: No...