- 博客(13)
- 收藏
- 关注
RSS订阅原创 模拟Vue响应式原理
首先理解以下几个概念：数据响应式：数据模型仅仅是普通的JavaScript对象，而当我们修改数据时，视图会进行更新，避免了繁琐的dom操作双向绑定：当数据发生改变，视图也改变；视图发生改变时，数据也发生改变，我们可以用v-model在表单元素上进行双向绑定数据驱动：Vue最独特的特性之一，我们在开发的时候只需要关注数据本身，不需要关心数据是如何渲染到视图上去的数据响应核心原理Vue2.0版本Vue2.0版本主要是通过object.defineProperty实现，通过监听对象的属性实现o
2020-08-04 22:19:52
177
原创 简单实现一个Vue-Router
Hash与History模式的区别大致区别：Hash模式是基于锚点，以及onhashchange事件History模式是基于HTML5中的History API当调用history.push方法的时候会向服务器发送请求history.pushState() IE10以后才支持 ，不会向服务器发送请求，只会记录路径，等于是在客户端完成的，不涉及服务端history.replaceState()History模式的使用history需要服务器的支持单页应用中，服务器不存在http:
2020-07-22 22:51:08
323
原创 模块化开发，webpack打包笔记
ES ModulesESM通过script标签中加入type=module属性定义ESM的特性ESM自动采用严格模式，忽略use strict每一个ESM都是运行在自己独立私有的作用域当中ESM通过CORS的方式请求外部js模块ESM的script标签会延迟执行脚本import * as obj from './module.js'这句话的意思是将module.js文件的所有导出属性拿到，并且赋值给obj这个对象动态加载模块：import ('./module.js').then(fu
2020-07-10 12:19:39
565
原创 前端小白初探Mobx，记录mobx理解过程
马上要去新公司了，了解到公司技术栈里涉及到了mobx，但是之前都没有接触过这个，所以找了找文章看了看。有了以下的一些总结
2020-07-06 12:14:19
615
原创 前端工程化-脚手架相关
Powered by Node.js 厥功至伟的Node.jsnode.js就是前端的工业革命！！！！！！！！！！！！！！前端工程化脚手架工具开发自动化构建系统模块化打包项目代码规范化自动化部署脚手架工具概要脚手架的本质作用：创建项目基础结构、提供项目规范和约定常用的脚手架工具React项目------create-react-appVue.js项目------vue-cliAngular项目 -------- angular-cli通用型项目脚手架工具 YeomanPlo
2020-06-19 00:34:55
229
原创 JavaScript性能优化
JavaScript内存管理内存：由可读写单元构成，表示一片可操作的空间。管理：人为的去操作一片空间的申请、使用和释放。内存管理：开发者主动的去申请空间、使用空间和释放空间。管理流程：申请-使用-释放。...
2020-05-30 15:18:02
179
原创 typescript文件引入图片报错问题
最近刚学习ts相关的知识，刚好想重搭react，然后将某个.js页面直接改成了.tsx属性，项目编译过程中，这个.tsx页面import进来的图片突然找不到，项目报错无法运行。查了一圈资料后发现typescript无法识别非代码资源，所以图片无法识别。需要新建一个ts声明文件：images.d.tsdeclare module '*.svg'declare module '*.png'declare module '*.jpg'declare module '*.jpeg'declar
2020-05-28 17:52:23
10467
2
原创 函数式编程
函数式编程函数式编程中的函数，不是指的程序中的函数（方法），而是数学中的映射关系 y=f(x)函数式编程用来描述数据（函数）之间的映射
2020-05-25 09:26:42
406
原创 TypeScript学习笔记
强类型与弱类型强类型与弱类型属于类型安全方面。强类型有更强的类型约束，而弱类型几乎没有什么约束。强类型中不允许有任意隐式类型的转换，弱类型中允许任意的数据隐式类型的转换。静态类型语言与动态类型语言静态类型语言与动态类型语言属于类型检查方面。静态类型语言：一个变量申明时，它的类型就是明确的。申明过后它的类型就不能够更改。在编译的时候去做一个类型的检查动态类型语言：在运行阶段才能明确变量类型，而且变量类型可以随时发生改变。动态语言中的变量没有类型，变量中存放的值是有类型的。比如var等，js就是动
2020-05-20 22:05:58
1400
原创 异步编程相关整理
JS异步编程js是单线程语言：js执行环境中，负责执行代码的线程只有一个。为了防止代码运行阻塞，所以js分为同步模式和异步模式。同步模式等待任务依次执行，上一个任务结束之后，下一个才执行。每当一个函数要被执行的时候，这个函数会被进入调用栈，在调用栈中执行完毕之后出栈。异步模式不会等待这个任务的结束才去开始下一个任务，开启过后立刻执行下一个任务，后续逻辑一般会用回调函数的方法定义。调用栈(call stack)：函数执行的主进程，可以理解为一个执行中的调用表。消息队列（Queue）：又称回调
2020-05-18 22:53:54
122
原创 es2016新增内容
ECMAscript模块在浏览器环境中，JavaScript分为两大部分，一个是ECMAScript，一个是node api：BOM和DOM在编写代码之前需要构建一下项目，添加一下工具。首先用到的就是package.json：在node.js中，模块是一个库或者框架，也是一个node.js项目。node.js遵循模块化的架构，当我们创建了一个node.js项目，意味着创建了一个模块，这个模块的描述文件就是package.jsonnodemon: 修改代码后自动执行代码安装nodemon: npm
2020-05-17 18:41:02
250
原创 关于ant design Table嵌套子表单，展开父表单多了空白行
话不多说，直接上bug截图：今天本人花了大把的时间找问题所在但是仍旧一无所获……有知道的大神可以告诉我原因吗感激不尽！子表单如何嵌套，主要还是用了onExpandedRowsChange这个方法，展开子表单时的函数，具体怎么写入数据还是看你们的具体代码逻辑啦，这里就不过多赘述了，官网有案例，大家可以参考。那么空白行如何删除？因为我的子表单数据是用的state，state更新之后会刷...
2019-03-21 22:08:05
4026
3
原创 关于异步刷新的一些小笔记
jQuery $.get()方法$.get(URL,data,function(data,status,xhr),dataType) data - 包含来自请求的结果数据 status - 包含请求的状态 （”success”、”notmodified”、”error”、”timeout”、”parsererror”） xhr - 包含 XMLHttpRequest 对象$(document
2017-11-24 10:38:31
171
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人