代码轻视频系列#001

代码轻视频是极客标签开发的互动式教程，它简单易学，仅需花费3分钟，带你领略前端的最强技术！轻视频完全并适应各种尺寸浏览器包括移动设备。如果你想知道代码是如何被开发的，请你继续翻阅我们的录播代码。学习思想比学习结果更为重要！每天花费3分钟，让你与梦想更进一步！

使用jQuery快速添加一个页面的悬浮覆盖层

前端页面开发中，你可能需要生成一个覆盖页面的覆盖层，这段代码可以帮助你快速的添加这样的效果，希望大家喜欢！

jQuery快速实现自动隐藏/展示的页面顶端固定菜单效果

使用最简单的HTML/CSS/Javascript代码生成固定菜单效果，支持回到顶端按钮。

HTML5代码小技巧：使用base标签

html5中的base标签可以帮助你快速的定义页面的相对路径，你不需要在链接或者图片地址中添加冗长的url地址，而简单的使用图片名称或者文件名称即可，但是注意不是任何情况下都适用，如果你的页面没有在一个统一的资源路径下管理的话，最好不要去使用。

Bootstrap3按钮“加载中”UI效果

在这个代码回放中，我们将使用Bootstrap3和Ladda UI设计概念来开发一个超酷的加载中效果，大家可以方便的应用这种设计概念到你的web应用或者网站开发中，希望大家觉得有帮助！

Bootstrap3，JQuery倒计时插件和Animate.css生成的倒计时效果

在这个代码回放中，我们使用Bootstrap3.1，jQuery倒计时插件jQuery.countdown及其CSS3动画类库animate.css生成一个简单的倒计时效果。

HTML5画布基础教程之一：直线和曲线绘制

在这个代码回放中，我们将介绍如何使用HTML5画布来绘制，直线，曲线，二次曲线和贝塞尔曲线，并且设置相关的参数，例如，颜色，粗细等等。

CSS3基础动画入门 - 八种基础动画效果

在这个代码回放中，我们将介绍最基础的CSS3动画，包括8种不同的动画效果，希望能够给帮助大家了解最基本的CSS3动画使用。

canvas绘制飘动的云朵

canvas绘制飘动的云朵。

时间： 2024-08-30 00:04:40

代码轻视频系列#001的相关文章

菜鸟窝React Native 视频系列教程交流QQ群:576089067 Hi,我是RichardCao,现任新美大酒店旅游事业群的Android Developer.15年加入饿了么即时配送BU,后负责蜂鸟众包Android端,期间引入react-native技术,作为国内react-native 与 Android混合开发的早期商业项目,具有一定经验,同时也是react-native开源项目reading(https://github.com/attentiveness/reading)

2018-06-20 中文代码示例视频演示Python入门教程第三章简介Python

知乎原链 Python 3.6.5官方入门教程中示例代码汉化后演示对应在线文档: 3. An Informal Introduction to Python 不知如何合集, 请指教. 中文代码示例Python入门教程 3.1.1_哔哩哔哩 (゜-゜)つロ干杯~-bilibili 中文代码示例Python入门教程 3.1.2 第一部分_哔哩哔哩 (゜-゜)つロ干杯~-bilibili 中文代码示例Python入门教程 3.1.2 第二部分_哔哩哔哩 (゜-゜)つロ干杯~-bilibili

leetcoder系列001：c++字符串反转

问题: 给定一个输入字符串,字符串字反向词.例如 s = "the sky is blue",返回 "blue is sky the". 我的答案: class Solution { public: void reverseWords(string &s) { if(s.size() <= 0) return; string pattern = " "; string::size_type pos; vector<string

js 代码密码规范系列

在微博上看到一个段子 "老子哪天出任ceo迎娶白富美走上人生巅峰之后,一定要雇两个长腿大熊的妹子.一个帮我想变量名字,一个帮我想git commit的message!" 可以看出命名方方面面的问题困扰着我这样的人.哈哈哈函数命名.变量命名等是频繁困扰我的问题. 函数命名:统一使用动词或者动词+名词形式 ---- fnInit() 如果有内部函数则"_"开头 _fnInit(). 对象方法命名使用fn+对象类名+动词+名词形式 fnAnimateDoRu

让代码重构渐行渐远系列（3）——string.Equals取代直接比较与非比较

重构背景及原因最近由于项目组的人员在不断扩充,导致项目中代码风格各异,大有百花齐放甚至怒放之势.考虑到团队的生存与发展,经过众人多次舌战之后,最终决定项目组根据业务分成几个小分队,以加强团队管理与提高效率,同时也能培养阶梯人才.各个小分队为了“统一”代码风格,提高成员的代码能力以便最终能提高项目代码质量,减少以后的维护成本,最终决定“每日”进行小组内的代码走查/审查(Code Review),然后进行代码重构. 直接比较与非比较:我所谓的直接比较与非比较是指"=="判断方式与&quo

让代码重构渐行渐远系列（2）——降低代码重复度

降低代码重复度:我所谓的代码重复指的不仅仅是多行一模一样的代码,同时也包括一些重复复制或是没必要的一些代码,如以下下代码: 1 public void 重复代码示例(int? 参数一) 2 { 3 if (参数一 != null) 4 { 5 //处理代码.... 6 } 7 else 8 { 9 参数一 = null; 10 //处理代码..... 11 } 12 13 //处理代码..... 14 15 } 可能有的朋友在第一眼看到这段代码时会说,这个没什么问题啊 ,哪有什么重复呀?真的就没

2018-06-21 中文代码示例视频演示Python入门教程第五章数据结构

知乎原链续前作: 中文代码示例视频演示Python入门教程第四章控制流对应在线文档: 5. Data Structures 这一章起初还是采取了尽量与原例程相近的汉化方式, 但有些语义较偏(如Trondheim的hammer dance). 鉴于这一教程的目的在于使人尽量快速入门Python, 而任何不熟悉的词汇都会加上不必要的负担. 于是最终决定不拘泥于与原例程的"形似", 而采取在例程中使用更为国人熟知的词汇了. 中文代码示例Python入门教程 5.1 列表详述_哔哩哔哩

2018-06-20 中文代码示例视频演示Python入门教程第四章控制流

知乎原链续前作: 中文代码示例视频演示Python入门教程第三章简介Python 对应在线文档: 4. More Control Flow Tools 录制中出了不少岔子. 另外, 输入法确实是一个短板. 中文代码示例Python入门教程 4.1 if条件语句 & 4.2 for语句_哔哩哔哩 (゜-゜)つロ干杯~-bilibili? 中文代码示例Python入门教程 4.3 range函数_哔哩哔哩 (゜-゜)つロ干杯~-bilibili? 中文代码示例Python入门教程 4.4 b

【音视频连载-001】基础学习篇- SDL 介绍以及工程配置

技术开发故事会连载这是音视频基础学习系列的第一篇文章,主要讲解 SDL 是什么以及为什么要用到它,看似和音视频没啥卵关系,其实必不可少. SDL 简介 SDL 是 "Simple DirectMedia Layer" 的缩写,它是一个跨平台的多媒体库,可以在 Mac.Windows.Linux 以及更多的系统上运行. SDL 提供了统一的针对音频.视频.键盘.鼠标.控制杆以及 3D 硬件的低级别访问接口,我们利用这些接口就能在不同系统上播放出音频.视频内容,而无需懂得系统特定的音视频