随笔分类 - js
摘要：背景 随着vue3的到来，vite开始被各大vue3组件库使用，公司开始一个新项目，准备尝试用vite试一波。 问题发现 当把公司新项目移植到vite后，启动非常快，但发现页渲染时间慢了很多 可以看到页面的首屏加载时间是3.34s，页面的渲染完时间是3.37s，下载总大小是8.6MB，发送了119个
阅读全文
摘要：Element 的文档站是讲Markdown解析成vue组件在页面中渲染出来，转换过程如下图所示： 红框部分势必要对 Markdown 进行特殊的订制，订制过的 Markdown 像下面这样。 :::demo 要使用 Radio 组件，只需要设置`v-model`绑定变量，选中意味着变量的值为相应
阅读全文
摘要：源码系列文章很长时间没有更新，一是在考虑文章用什么方式写质量会更高，用什么方式总结更易于扩展和总结知识点，加上工作、看书、健身占用的时间比较多所以也没时间去整理。最近在网上看到一篇文章感觉这种方式不错，刚好 "ant Desgin of vue" 发布，就想试试用这种方式写文章，而且通过画思维导图来
阅读全文
摘要：第八章 发布 订阅模式 发布—订阅模式描述 发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。 发布—订阅模式可以广泛应用于异步编程中，这是一种替代传递回调函数的方案。 发布—订阅模式可以取代对象之间硬编码的通知机制，一个对
阅读全文
摘要：前后端分离现在火了很多年，在实际中新技术的使用一般是先在一些大厂中采用，比如在招聘网上大厂的前端招聘node要求比较高，而在中小型厂中对node的要求只是会用webpack打包工具以及npm包管理就可以了。最近几年传统公司、中小型公司开始构建前后端分离模式，前后端分离的好处网上文章很多，简单说前端可
阅读全文
摘要：第一章 面向对象的JavaScript 1. 动态类型语言和鸭子类型 编程语言按照数据类型大体可以分为两类：静态类型语言、动态类型语言。 静态类型语言：在编译时便已确定变量的类型。 优点： 1. 在编译时就能发现类型不匹配的错误。 2. 在程序中明确地规定了数据类型，编译器还可以针对这些信息对程序进
阅读全文
摘要：2018年已经过去，又到了一年一度总结过去，计划将来的日子。而今年和以往唯一不同的是，以前只是“怅然若失”的假装自己到了“而立之年”，而2019年，真的要步入“而立之年”了，若说自己没有那么一丝的感伤和恐惧，那是自欺欺人，但既然“木已成舟”，也只能欣然接受了，而且这一天终究是要来的。这也可能是人年纪
阅读全文
摘要：最近更新有点慢，更新慢的原因最近在看 《css世界》这本书，感觉很不错 《JavaScript高级程序设计》 这本书已经看了很多遍了，主要是复习前端的基础知识，基础知识经常会过一段时间记忆就会慢慢模糊，特别是现在用vue、react、angularjs已经很少用原生js了，对dom的原生api方法已
阅读全文
摘要：这篇看ant Desgin of react的button按钮的js代码，js代码部分是typescript+react写的。 button组件里面引用了哪些组件： 、`react dom`是react要引用的，这里不多解释。 是用来检验传给组件props的类型，在props上运行类型检查，在下面代
阅读全文
摘要：这篇来介绍button中elementUi、iview、ant中样式结构 ant Design react ant react中button分两个文件less: mixins.less：根据button功能样式不同封装成函数。 index.less：调用mixins.less中的函数来声明butto
阅读全文
摘要：接口 接触过面向对象的后端语言的应该对接口很熟悉，只接触过前端的对接口会有点陌生，在维基百科中对OOP中接口的定义是这样的： 在面向对象的语言中，术语interface经常被用来定义一个不包含数据和逻辑代码但用函数签名定义了行为的抽象类型。 实现一个接口可以被看成是签署了一份协议,接口好比是协议，当
阅读全文
摘要：在看elementUI的button组件的时候，一起和iview、ant Design的button组件比 较功能、样式、代码结构，看他们的一些不同点，不同的写法哪种会好些，button的对外开放的功能那些会 用到哪些会相对比较好。 我们先来看这三个UI的button对外开放的功能结构： eleme
阅读全文
摘要：面向对象是typescript的核心部分，这里先介绍下面向对象的七大原则： 单一原则：一个类子负责一个职责。 里氏替换原则：子类可以在任何地方替换它的父类。 依赖倒置原则：代码要依赖于抽象的类，而不要依赖于具体的类；要针对接口或抽象类编程，而不是针对具体类编程。 接口隔离原则：提供尽可能小的单独接口
阅读全文
摘要：概述 公司技术栈开始用vue主导开发，但因为公司前端会vue的不多所以在项目中用到vue的技术不是很深，之前出去面试被接连打击，而且本来打算开始为公司vue的项目构建自己的组件库所以去下载了 "iview" 的 "源码" 打算研究一番，学习大神的组件封装模式和vue的深层技术的运用，随便写博客系列来
阅读全文
摘要：使用选择器来插入文字 css2中，使用before选择器在元素前面插入内容，使用after选择器在元素后面插入内容，在选择器的content属性中定义要插入的内容。将content属性值设定为none，然后在不需要插入内容的元素中将class属性值设定为这个给定的类名就可以了。另外，在CSS2.1中
阅读全文
摘要：DOM可以将任何HMLT或XML文档描绘成一个由多层节点构成的结构，节点氛围几种不同的类型，每种类型分别表示文档中不同的信息及标记，每个节点都拥有各自的特点、数据和方法。 Node类型 DOM1级定义了一个Node接口，该接口将由DOM中的所以节点类型实现，除了IE之外，其他浏览器都可以访问到这个类
阅读全文
摘要：Html5事件 用以表示何时应该显示上下文菜单，以便开发人员取消默认的上下文菜单而提供自定义的菜单。 由于此事件时冒泡的，因此可以为document指定一个事件处理程序，用以处理页面中发生的所有此类事件。这个事件的目标是发生用户操作的元素，在浏览器中都可以取消这个事件在兼容DOM的浏览器中，使用ev
阅读全文
摘要：相关元素 在发生museover和mouseout事件时，还会涉及跟多的元素，这个两个事件都会涉及把鼠标指针从一个元素的边界内移动到另一个元素的边界之内，对mouseover事件而言，事件的主目标是获得光标的元素，而相关元素就是那个失去光标的元素，而对mouseout事件而言，事件的主目标是失去光标
阅读全文
摘要：刚刚在腾讯云技术社区前端专栏中看到一篇腾讯高级前端工程师写的《一个只有99行代码的js流程框架》觉得很屌，感觉是将后台的简单的工作流思维搬到了前端js实现，本人不才在这里拜读解析下源码，而且经常有新手问我的很多问题其实是不懂如何调试一段js代码，在这这里就详细说明下我是怎么调试flowJS的源码思路
阅读全文
摘要：跨浏览器的事件对象 虽然DOM和IE中的event对象不同，但基于它们之间的相似性依旧可以拿出跨浏览器的方案出来： 事件类型 load事件（UI事件） js中最常用的事件，当页面完全加载后（包括图片，js文件，css文件），就会触发window上面的load事件，load事件的定义方式： 这种方式通
阅读全文
