框架编写
6篇文章 · 0订阅
  • 手写一个轻量级的 js 打包工具
    当我们用 node 去运行 index.js 的时候，会得到这样的结果 hello, water! I'm 28 years old.。但是当我们直接在 html 中引入该 index.js 文件，控制台是会报错的，就像下面这样（相信大家都应该见过）： 那很显然了，浏览器已经很…
    Webpack
    手写一个轻量级的 js 打包工具
  • 各小程序框架实现思路学习记录
    已知，网页是单线程工作的，即是渲染进程在工作时，假如 JavaScript 引擎 执行 JavaScript 代码时，渲染进程会将控制权交予 JavaScript 引擎，不会两个进程同时在工作。因为，JavaScript 引擎 可能会操作DOM，所以，为了排除冲突，确保渲染正确…
    JavaScript
  • vue轻量高效的前端组件化方案以及MVC MVVM思想
    旧浏览器逐渐被淘汰，移动端需求增加，旧浏览器是指ie6-ie8是不支持es5的，而vuejs利用了Object.defineProperty特性，es5在移动端和pc端也都是支持的，所以vuejs可以在移动端和pc端充分发挥自己的长处，架构从传统后台MVC向REST api+前…
    Vue.js
  • 从零开始，采用Vue的思想，开发一个自己的JS框架（四）：组件化和路由组件
    本篇内容以组件化为主，先来思考一下，组件解析从哪一步开始？是的，应该是从生成vnode阶段开始。当我们组件化进行编程时，我们export导出的其实是一个Xue的options，所以我们获取到的标签，其实就是这个options，看一下下面的例子： 通过扩展后，我们就拿到了新的子X…
    JavaScript
  • 手把手带你实现一个最精简的响应式系统来学习Vue的data、computed、watch源码
    记得初学Vue源码的时候，在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去，发现再也绕不出来了。Vue发展了很久，很多fix和feature的增加让内部源码越来越庞大，太多的边界情况和优化设计掩盖了原本精简的代码设计，让新手阅…
    Vue.js JavaScript
  • 腾讯发布前端组件框架 Omi，全面拥抱 Web Components
    左(上)边是Omi，右(下)边是 React，Omi 使用 Shadow DOM 隔离样式和语义化结构。 点击这里看执行结果。 Cli 自动创建的项目脚手架是基于单页的 create-react-app 改造成多页的，有配置方面的问题可以查看 create-react-app …
    React.js CSS 前端
    腾讯发布前端组件框架 Omi，全面拥抱 Web Components