- 博客(9)
- 收藏
- 关注
RSS订阅原创 从Svelte谈最新前端编译形型框架
从去年下半年开始，前端框架的明显变化就是从Virtual DOM，解释型框架转变为无Virtal DOM编译型。本文主要讨论编译型框架的原理和特点。什么是编译型框架？本身JavaScript是一种解释型语言，那么所谓的编译是什么意思呢？写过React，Vue的朋友都知道，前端框架其实是对HTML语法的加强和对MVVM的捆绑支持，那么这些加强是不是需要一套代码对其进行解释呢？拿Vue做举例，一个标签上的特定v-on就需要解释成点击事件的按键监听，而且这个过程是发生在浏览器上完成的，那么vue就需要将这部
2020-10-14 18:17:48
958
1
原创 Angular底层原理
Angular的zone.js是什么？zone.js 就是一个代码改写拦截器，通过拦截方法捕捉内部信息，大家知道javascript的方法是可以任意被改写的，也就是说如果你在全局定义了一个setTimeout就可以改写掉原来的setTimeout。let originalSetTimeout = setTimeout;function setTimeout(func,time){ originalSetTimeout(func,time); // do something}为什么要做拦截改写
2020-07-21 13:04:30
1407
原创 React的几个重点底层原理
React中的虚拟DOM是什么？所谓的Virtual DOM实际上就是一个JavaScript Object虚拟DOM长什么样子？ <div> <span>Hello World</span> </div>对应的虚拟DOM{ $$typeof: Symbol(react.element), key: null, props: children:{ $$typeof: Symbol(react.element),
2020-07-17 00:22:37
679
原创 前端开发搭建与开发方法
框架选型选择框架的时候，主要是要看团队成员对3大框架的熟悉程度，选择团队擅长的框架，也要看客户的喜好。语言选型除非客户有特殊要求，要么一般使用TypeScript文件命名横杆式 user-center.ts下划线式 user_center.ts大驼峰式 UserrCenter.ts小驼峰式 userCenter.ts个人推荐第一种，不推荐使用大小写混合的形式项目结构与命名– pages 工程页面目录– components 工程复用组件目
2020-07-12 14:55:00
356
原创 Spring Boot 基础学习笔记
前段时间开始系统学习Spring Boot，这里写一些笔记和总结String Boot 基本重要概念反转控制指的通过使用@bean等注释取代new的写法，传统的Java编程要实例化一个对象，都需要使用new关键字，Spring Boot提供了Ioc容器（类似于一个大管家），标记为@Bean，@Componnet的对象被被Loc容器管理，通过构造函数或者@Autowired自动注入（DI）到类中。AOP编程，提供了切点，切面的概念，在不改变个方法的情况下在某一类方法执行前后，抛出异常等情况时提供执行方法
2020-06-29 09:42:46
166
原创 读《咨询的奥秘》
作者（杰拉尔德·温伯格）将咨询师的能力用各种百宝箱道具比喻，用生动的语言和事例说明各“道具”的用途。智慧盒代表了分辨自己适合什么，什么不适合自己的能力。没有智慧盒，我将会发现自己永远都面临违背自己原则或让我毫无动力的情形。金钥匙开拓新的学习和实践领域，并且如果此时不适合自己就及时退出的能力。没有这把钥匙，我的资讯面就会非常窄，或只能关注一个我不再感兴趣的领域。勇气棒尝试新东西和冒失败风险的勇气。没有勇气棒，我的咨询就和葡萄冻一样了。祈愿杖要求我想要的东西以及在要求没有满足时接收现实的能力。.
2020-06-19 09:20:53
216
原创 谈谈新的前端框架 Svelte 和现代前端框架的特点
官方网址https://svelte.dev/这个框架还是非常不错的，轻量级，代码量少，没有Virtual DOM高性能，涵盖了非常多的优点。先来说说轻量级，通过CSS缩小后有约17kb的大小，gzip后更是小到了4kb，可以说是比3大前端框架都小。代码量少，Svelte直接免去了类和对象的编写，使用Svelte写代码省去30%-40%的代码量。Svelte 的代码长什么样子呢？<script> let count = 0; $: doubled = count * 2; .
2020-05-09 18:21:20
684
原创 一张图让你快速明白webpack打包到底在做什么
很多朋友跟我说webpack配置很难，想要我讲讲webpack打包到底是做了什么事情，应该如何配置？本文用最清晰的图示向大家介绍。webpack打包可以简要说经过3个过程。第一个过程是通过loader把文件导入，也就是在源代码写的 import xxx from xxx, webpack一般根据文件的扩展名分类，用不同的loader对文件进行处理。ts / tsx这样的源文件，就要通过...
2020-05-03 00:06:40
595
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人