自由如风FC

最近在用 Vue 重构一个历史项目，一个考试系统，题目量很大，所以核心组件的性能成为了关注点。先来两张图看下最核心的组件 Paper 的样式。 从图中来看，分为答题区与选择面板区。 答题模式与学习模式可以相互切换，控制正确答案显隐。 单选与判断题直接点击就记录答案正确性，多选是…

Vue-cli@3.0 是一个全新的 Vue 项目脚手架。不同于 1.x/2.x 基于模板的脚手架，Vue-cli@3.0 采用了一套基于插件的架构，它将部分核心功能收敛至 CLI 内部，同时对开发者暴露可拓展的 API 以供开发者对 CLI 的功能进行灵活的拓展和配置。接下来…

JavaScript 的异步过程一直被认为是不够快的，更糟糕的是，在 NodeJS 等实时性要求高的场景下调试堪比噩梦。不过，这一切正在改变，这篇文章会详细解释我们是如何优化 V8 引擎（也会涉及一些其它引擎）里的 async 函数和 promises 的，以及伴随着的开发体验…

React 是一个用于构建用户交互界面的 JavaScript 库，其核心 机制 就是跟踪组件的状态变化，并将更新的状态映射到到新的界面。在 React 中，我们将此过程称之为协调。我们调用 setState 方法来改变状态，而框架本身会去检查 state 或 props 是否…

随着web应用越来越复杂，希望能够在用户本身机器上存储用户信息，无论是登录信息，偏好设定或其他数据，这个问题第一个方案就是以cookie形式出现的，最早提出cookie的网景公司。一份题为“Persistent Client State: HTTP Cookes”（持久客户端状…

浏览器可以分为两部分：shell和浏览器内核，shell是外壳，如工具栏，菜单等，内核是根本，是基于标记语言显示的程序或模块。 浏览器内核分为两部分：渲染引擎和JS引擎。 渲染引擎主要负责解析浏览器所呈现的内容，比如HTML,CSS。 渲染引擎的主要流程 始解析 HTML 文档…

由于日常需求以无线居多，所以可以在业务中做一些尝试，如 rem，刚接触这个特性的时候，曾经一度爱不释手，仿佛在无线开发的坎坷路上寻找到一条捷径。然而随着使用范围的扩大，慢慢的发现了一些使用 rem 带来的问题。 关于 rem 这个单位的介绍，在此就不赘述，有兴趣的同学可以阅读一…

1. 表达式 [0, 1, 2].map(parseInt) 的结果为？ 2. 标签中设置图片加载失败的替换文本的属性名称是？ 3. 以下哪一个 CSS 样式会创建块格式化上下文(BFC)？ 4. 以下 CSS代码中设置的 标签的最终颜色是？ 5. 在跨域资源共享（CORS）中…

6. 定义一个log方法，让他可以带你console.log的方法 8. 如何用原生js实现一个对页面某个节点的拖拽 1. 捕获 onmousedown 鼠标按下事件、onmousemove 鼠标移动事件、onmouseup 鼠标抬起事件 2.当mousedown时记下鼠标点击…