创建型：工厂模式-简单工厂
定义 之所以叫简单工厂是因为真的非常简单，只要一个工厂（函数）就可以了，如果把被创建的对象称为产品，把创建产品的对象或者方法称为工厂，那么只需要传入不同的参数，就可以返回不同的产品（实例），这种模式就叫简单工厂模式。 简单工厂-餐馆点菜 工厂模式其实就是将创建对象的过程单独封装在一个工厂中。 它很像 ...
003. html篇之《表单》
html篇之《表单》 一、结构 <form action="url" method="post" name=""> <label>标注</label><input type="text" /> <select name=""> <option value="">选项1</option> <optio ...
js高德地图添加点Marker，添加线段Polyline，添加一个区域Polygon（面）
高德地图JS API 实例 亲测可用 参考网站=> 阿里云数据可视化平台（下载json用的）：http://datav.aliyun.com/portal/school/atlas/area_selector?spm=a2crr.23498931.0.0.685915dd8QQdlv <script ...
记录--前端性能优化——首页资源压缩63%、白屏时间缩短86%
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 常规且有效 的首屏优化建议 目标： 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理 1、路由懒加载 SPA 项目，一个路由对应一个页面，如果不做处理， ...
玩转Angular系列：组件间各种通信方式详解
在前端框架Angular中，组件之间的通信很基础也很重要，不同组件间的通信方式也不同，掌握组件间的通信方式会更加深刻的理解和使用Angular框架。 ...
js 操作符 —— 位操作符详解
这篇文章不讲一元运算符，也就是 + 、-、 *、 /、 =、 ||、 &&、 ！这些。 位运算符是在数字底层（即表示数字的32个数位）进行操作的。 有符号整数使用 32 位的前 31 位表示整数值。第 32 位表示数值的符号，如 0 表示正，1 表示负。这一位称为符号位。 正值以真正的二进制格式存储 ...
创建型：构造器模式
简介 构造器模式，也被称为建造者、生成器模式，是设计模式中比较容易理解的模式之一。 定义：将一个对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。 定义不太容易理解，简单的说就是构造器模式中的对象的属性是通过一个构造器来设置的，最后返回一个不同属性的对象。 在js中我们在创建对象时可以 ...
node.js 版本不对，
1.在知道版本的情况下，用nvm切换一下对应的版本应该就没问题了。 在运行前端程序的时候。经常会遇到node.js版本不对的情况。今天我也碰到了这个情况。经查询查，发现了一个node版本控制器，个人觉的比较好用（NVM）具体下载，操作啥的就自己百度查看吧。我这里就不多说了。下载地址 https:// ...
微信小程序搜索优化指南(SEO)
前言 其实在 2019 年上半年，微信就发布了基于小程序页面的搜索，只是很多小伙伴并不知道，所以在这分享一下微信小程序搜索优化指南(SEO)。 为了更好地发现及理解小程序的页面，强烈建议各位小伙伴花一些宝贵的时间认真阅读本文。 小程序爬虫 爬虫访问小程序内页面时，会携带特定的 user-agent ...
设计模式与前端工程师
前端要不要学习设计模式 始终认为每个行业都有自己的特点，各自的专业性。一个开发工程师如果不知道电脑是哪些基本硬件组成，那么我们大概率都会认为这个人非常不专业。那么前端要不要学设计模式呢？设计模式跟前端有多大关系呢？ 前端工程师首先是一个工程师，既然是一个软件工程师，那么类似设计模式、数据结构、网络相 ...
【JavaScript】- map、forEach、filter之间的区别！
map、forEach、filter这三者都可以遍历数组，他们之间有什么区别呢? map():方法定义在JavaScript的Array中，它返回一个新的数组，数组中的元素为原始数组调用函数处理后的值值得注意的是： 1、map()函数不会对空数组进行检测； 2、map()函数不会改变原始数组，它形成 ...
Js 根据视频链接取该视频第一帧的图片，并返回Base64
<!DOCTYPE html> <html> <head> <title>Get Video Frame Example</title> </head> <body> <div id="result"></div> <script> // 获取视频第一帧的函数 function getVideoFi ...