获得徽章 1
- 8月5日打卡，今日学习《前端开发调试最佳实践》：本文围绕如何快速定位和解决bug问题，准备了一份前端调试指南供参考。包含调试工具、方法和步骤汇总等，其中Chrome 的 DevTools 是最常用的调试工具。调试本身可以分为两个过程，定位问题 和 解决问题。而更重要的显然是如何快速的定位问题。本文将集中讨论如何 快速发现 并 调试问题，至于如何解决问题，那就是开发本身的问题，具体分析。展开评论点赞
- 8月4日打卡，今日学习《HTTP----HTTP缓存机制》：本文围绕缓存的规则、方案、优点、不同刷新的请求执行过程等几个方面来整理HTTP缓存。缓存机制无处不在，有客户端缓存，服务端缓存，代理服务器缓存等。在HTTP中具有缓存功能的是浏览器缓存。 HTTP缓存作为web性能优化的重要手段，对于从事web开发的朋友有重要的意义。评论点赞
- 8月3日打卡，今日学习《web 跨域请求安全问题浅谈》：本文分析了以跨域为代表的安全攻击和保护。很多跨域安全问题是由于浏览器 “默认许可” 这一不成文的规定带来的，之所以这样做，也许是基于开放互通的 web 思维，或者浏览器厂商为了占据更多市场而提供更开放自由的行为。而我们作为开发者，前端资源的读、写权限，不该信任其他第三方源，后台服务默认不信任任何请求（包括自己的域）。用一种默认拒绝的心态处理一切安全问题。展开评论点赞
- 8月1日打卡，今日学习《设计模式这样学也太简单了吧！》：本文介绍设计模式是为了解决怎样的一些问题。该模式是解决特定问题的一系列套路，是前辈们的代码设计经验的总结，具有一定的普遍性，可以反复使用。其目的是为了提高代码的可复用性、可读性、可维护性。设计模式的本质是面向对象设计原则的实际运用，是对类的封装性、继承性和多态性以及类的关联关系和组合关系的充分理解。评论点赞
- 7月31日打卡，今日学习《不知道怎么封装代码？看看这几种设计模式吧！》，现将总结如下：很多用起来顺手的开源库都有良好的封装，封装可以将内部环境和外部环境隔离，外部用起来更顺手。针对不同的场景可以有不同的封装方案。需要大量产生类似实例的组件可以考虑用工厂模式来封装。内部逻辑较复杂，外部使用时需要的实例也不多，可以考虑用建造者模式来封装。全局只能有一个实例的需要用单例模式来封装……展开评论点赞
- 7月30日打卡，今日学习《写给初中级前端的高级进阶指南》：本文介绍前端的前沿趋势和一些有趣的事情。我印象最深的点在于，题主提到：从初中级前端开始往高级前端进阶，有一个很重要的点，就是很多情况下国内社区能找到的资料已经不够用了，而且有很多优质资料也是从国外社区二手、三手翻译过来的，翻译质量也不能保证。强调进阶专业能力需要我打好足够的英文基础。评论点赞
- 7月29日打卡，今日学习《干货!各种常见布局实现+知名网站实例分析》：本文从各种页面常见布局+知名网站实例分析+相关阅读推荐三个大方面入手，因其内容含量过大，只简要列举我影响比较深的部分：对于水平居中，我们应该先考虑，哪些元素有自带的居中效果，我们应使用 text-align:center 就必须将子元素设置为 display: inline; 或者 display: inline-block; ；其次就是考虑能不能用margin: 0 auto; ，最后考虑绝对定位去实现了；对于垂直居中，考虑能不能用vertical-align: middle; line-height，然后便是绝对定位，虽然代码多了点，但是胜在适用于不同情况。展开评论点赞
- 7月28日打卡，今日学习《前端优秀实践不完全指南》：本文从页面展示、交互细节、可访问性三个大方面入手，罗列一些在实际的开发过程中，积攒的一些有益的经验。虽然不够全面，不过从一开始也就没想着大而全，主要是一些可能有用但是容易被忽视的点。观感良好。评论点赞
- 7月27日打卡，今日学习《前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配》：本文介绍 Web 移动端开发的前前后后，一些技术的发展过程，一些问题的优化手段以及给出一些常见的兼容性问题的解决方案。其中响应式设计一节令我受益匪浅。总结起来包含四点：1．媒体查询，边界断点的规则设定(Media queries && break point)；2．内容的可伸缩性效果(Flexibel visuals)；3．流式网格布局(Fluid grids)；4．主要内容呈现及图片的高质量(Main content and high quality)。展开评论点赞