2019年6月26日
ajax、axios、fetch之间的详细区别以及优缺点
摘要： 将jQuery的ajax、axios和fetch做个简单的比较，所谓仁者见仁智者见智，最终使用哪个还是自行斟酌 1.jQuery ajax $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: functi 阅读全文
posted @ 2019-06-26 17:47 前端菜园子 阅读(400) 评论(0) 推荐(0)
react 性能优化
摘要： 思路 使用工具来分析性能瓶颈 尝试使用优化技巧解决这些问题 使用工具测试性能是否确实有提升 方式 Code Splitting 打包、分割代码、提取重复公共部分 动态导入 异步加载 （react的高阶组件 react-loadable 进行动态import） shouldComponentUpdat 阅读全文
posted @ 2019-06-26 17:40 前端菜园子 阅读(247) 评论(0) 推荐(0)
2019年6月5日
JS获取当前网页大小以及屏幕分辨率等
摘要： <html> <head> <title>获取当前对象大小以及屏幕分辨率等</title> <body> <div style=" width:88%;margin:30px auto; color:blue;" id="div_html"> </div> <script type="text/ja 阅读全文
posted @ 2019-06-05 18:04 前端菜园子 阅读(4349) 评论(0) 推荐(1)
2019年6月4日
创建对象的6种方式总结
摘要： 一、new 操作符 + Object 创建对象 二、字面式创建对象 以上两种方法在使用同一接口创建多个对象时，会产生大量重复代码，为了解决此问题，工厂模式被开发。 三、工厂模式 工厂模式解决了重复实例化多个对象的问题，但没有解决对象识别的问题（但是工厂模式却无从识别对象的类型，因为全部都是Objec 阅读全文
posted @ 2019-06-04 14:29 前端菜园子 阅读(892) 评论(0) 推荐(0)
版本号规则
摘要： 摘要 版本格式：主版本号.次版本号.修订号，版本号递增规则如下： 先行版本号及版本编译元数据可以加到“主版本号.次版本号.修订号”的后面，作为延伸。 简介 在软件管理的领域里存在着被称作“依赖地狱”的死亡之谷，系统规模越大，加入的包越多，你就越有可能在未来的某一天发现自己已深陷绝望之中。 在依赖高的 阅读全文
posted @ 2019-06-04 10:22 前端菜园子 阅读(3787) 评论(0) 推荐(0)
2019年6月3日
JS事件模型
摘要： 观察者模式又叫做发布订阅者模式(Publish/Subscribe)，它可以让多个观察者对象同时监听某一个主题对象，这个主题对象的状态变化时会通知所有的订阅者，使得它们能够做出反应。JS的事件模型就是一种观察者模式的体现，当对应的事件被触发时，监听该事件的所有监听函数都会被调用。 下面是用JS实现的 阅读全文
posted @ 2019-06-03 19:49 前端菜园子 阅读(1471) 评论(0) 推荐(0)
浅谈虚拟DOM
摘要： 为什么需要 Virtual Dom 众所周知，操作 DOM 是很耗费性能的一件事情，既然如此，我们可以考虑通过 JS 对象来模拟 DOM 对象，毕竟操作 JS 对象比操作 DOM 省时的多。 举个例子 1234 // 假设这里模拟一个 ul，其中包含了 5 个 li[1, 2, 3, 4, 5] / 阅读全文
posted @ 2019-06-03 19:48 前端菜园子 阅读(628) 评论(0) 推荐(0)
浏览器的回流与重绘
摘要： 写在前面 在讨论回流与重绘之前，我们要知道： 浏览器使用流式布局模型 (Flow Based Layout )。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面 阅读全文
posted @ 2019-06-03 19:47 前端菜园子 阅读(179) 评论(0) 推荐(0)
JavaScript预编译
摘要： 一些应该掌握的知识点 JavaScript运行三部曲 语法分析 预编译 解释执行 Imply Global，暗示全局变量，即：任何变量，如果变量未经声明就赋值，此变量就为全局对象所有(也可理解为成为全局对象下面的一个属性) 只要在全局范围内，不管是声明的一个变量，还是不声明就创建的一个暗示变量，都会 阅读全文
posted @ 2019-06-03 19:42 前端菜园子 阅读(217) 评论(0) 推荐(0)
canvas学习笔记
摘要： 基本用法 <canvas> 元素 渲染上下文（The rendering context） 检查支持性 绘制形状 绘制矩形 绘制路径 添加样式和颜色 绘制文本 使用图片 变形 合成与裁剪 基本动画 高级动画 <canvas> 元素 渲染上下文（The rendering context） 检查支持性 阅读全文
posted @ 2019-06-03 19:39 前端菜园子 阅读(392) 评论(0) 推荐(0)