摘要: 本文将从《CSS3 揭秘》一个案例说起,分享该案例中利用CSS3动画实现的效果。通过分析该案例,我们不仅可以看到我们之前提到的贝塞尔曲线的另一种运用,还可以学习到另外一种有趣的选择器用法。 阅读全文
posted @ 2017-10-27 15:37 libinfs 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 今天重新翻看《CSS 揭秘》“过渡与动画”一章,并把该章代码重新敲了一遍,代码托管在我的 "Github" ,在此总结一些心得。 动画的奥秘 在网页中添加动画的目的是让用户有更加优质的用户体验,为了达到目标,我们需要让动画满足两点目标: 意料之外 情理之中 其中, 意料之外 是指动画要让用户感到新奇 阅读全文
posted @ 2017-10-27 15:16 libinfs 阅读(892) 评论(0) 推荐(0) 编辑
摘要: HTML 自带Emment :格式化代码 其他语言特性提示 CSS & LESS hover属性,提示样式对象标签 :根据选择器名搜寻选择器 属性含义提示 :属性内容提示 :切换有限的属性值 使用 加属性名,自动添加浏览器前缀 选中一个数字值,使用 对该数字值进行加减 JSON 在json文件中使用 阅读全文
posted @ 2017-10-25 16:16 libinfs 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 使用 打开快捷键设置窗口 使用 切换默认配置 使用 打开搜索框搜索已配置选项 关于代码偏好设置有三种模式: 默认模式:Come with Code 用户自定义模式:All instance of Code 工作环境模式:The current project / workspace 启动工作环境模式 阅读全文
posted @ 2017-10-25 16:15 libinfs 阅读(340) 评论(0) 推荐(0) 编辑
摘要: 什么是代码重构 编写代码 | 找到代码 | 修改代码 关于重构的工具 Bracket Matching Selection Cursors Intelligence Parameter hints Emmet Snippets Go to definition or Symbol Gutter in 阅读全文
posted @ 2017-10-25 16:08 libinfs 阅读(1037) 评论(0) 推荐(1) 编辑
摘要: Layout Editing Explorer Saving Searching Command Palette File Navigation File and Folder Based Files and Folders Project context package.json | bower. 阅读全文
posted @ 2017-10-25 16:07 libinfs 阅读(769) 评论(0) 推荐(0) 编辑
摘要: 在命令行中使用Visual Studio code打开文件: 1. 打开Visual Studio code; 2. 打开控制面板; 3. 键入“shell command”回车; 打开新的标签页 打开文件的具体某行某列 // 打开文件并指向第8行第10列 $ code src/client/app 阅读全文
posted @ 2017-10-25 16:00 libinfs 阅读(810) 评论(0) 推荐(0) 编辑
摘要: let 与 const 心智模型: 1. 与`const`分别是变量与常量的 块级声明 关键字; 2. 其主要目的是为了约束开发者编写出逻辑更加清晰,阅读性更好的代码; 3. 它们体现了JavaScript的“块级作用域”; let 与 const 共同特性: 块级声明: 之内有效,之外被销毁; 没 阅读全文
posted @ 2017-10-17 17:43 libinfs 阅读(267) 评论(0) 推荐(1) 编辑
摘要: let 命令 let命令用于声明变量,但是与传统var命令的不同之处在于拥有以下特性: 1. 使用let命令声明的变量只在let命令所在的代码块内有效(我将之称为变量绑定); 2. 不存在变量提升; 3. 存在暂时性死区; 4. 不允许重复声明; 5. 在全局声明,但不是全局对象的属性; 下面依次对 阅读全文
posted @ 2017-05-27 14:42 libinfs 阅读(690) 评论(0) 推荐(1) 编辑
摘要: 先上一张我制作的思维导图。 阅读全文
posted @ 2017-05-10 14:00 libinfs 阅读(903) 评论(2) 推荐(3) 编辑