Hibop Yuan
Hibop Yuan
### js难点汇总： - 变量定义提升 - 函数定义和函数声明 - this指针指向 - 运算符优先级 - 原型、继承 - 全局变量污染 - 对象属性及原型属性优先级 ```js function Foo() { getName = function () { alert (1); }; return this;...
> 每一行都有自己行话，WEB 前端作为一个快速发展的行业，行业词汇相当多，这个Blog-Issue作为作为自己的记录一些关键词、知识点： ## 前端方向相关： - 前端服务化； - 前端数据可视化； - 前端项目工程化； ## js深入之三座大山： - 原型和原型链 - 作用域和作用域链 - 异步和单线程 ## js-web-api - DOM操作 - ajax请求 - 事件绑定 ## 开发环境： -...
## 技术栈（依赖组件） - node.js 版本>6.X - npm || yarn - express：Node.js服务 - react（15.6）升级16 - redux （状态管理） - react-redux (连接react 和redux) - react-router (react 路由) - react-router-dom (react 路由4.X) - redux-form...
#### 【实践】玩转正则表达式+JS正则处理函数 [https://segmentfault.com/a/1190000012160821](https://segmentfault.com/a/1190000012160821)
#### react.js在服务器端渲染有什么好处？渲染是怎么个流程？ [https://www.zhihu.com/question/39873534](https://www.zhihu.com/question/39873534) #### 精读前后端渲染之争 [https://github.com/camsong/blog/issues/8](https://github.com/camsong/blog/issues/8)
## meta viewport ```html ``` width:是viewport的值,可以指定一个值或者特殊的值(如 device-width 为设备的宽度) initial-scale:初始缩放 maximum-scale:最大缩放 user-scalable :用户调整缩放,因为这里是no 所以会自动忽略initial-scale和maximum-scale vscode: ``````; webstorm: `````` ## 媒体查询 如果是同时做web和移动端,需要两套设计图 media query 语法: ```html @media (max-width: 600px) { .facet_sidebar {...
JavaScript 世界万物诞生记： [https://zhuanlan.zhihu.com/p/22989691](https://zhuanlan.zhihu.com/p/22989691)
## javascript 设计模式与开发实践 ### 1. 单例模式 (保证一个类仅有一个实例,并提供一个访问它的全局访问点) 用一个变量标识当前是否为某个类创建过对象,如果是,下次获取该类实例时,直接返回之前创建的对象， 使用单例模式设计页面中的单个弹框。 ```js var createLoginLayer = (function () { var div; return function () { if (!div) { div = document.createElement('div'); div.innerHTML =...
## 浏览器视屏播放器解决方案： ### 1. 历史方法——嵌入外接插件： > 嵌入外接小程序，在web文档中嵌入外接插件以启动媒体播放器。 - applet - embed - object [在浏览器中嵌入播放器](http://blog.csdn.net/blackstorm1981/article/details/184675) ### 2. 嵌入flash ### 3. 原生多媒体：audio、video、track（文本轨道、字幕）、source（文件源，多源实现浏览器兼容性） #### 主要属性： > src > preload > autoplay > controls...
## 有损vs无损 图片文件格式有可能会对图片的文件大小进行不同程度的压缩，图片的压缩分为有损压缩和无损压缩两种。 有损压缩。指在压缩文件大小的过程中，损失了一部分图片的信息，也即降低了图片的质量，并且这种损失是不可逆的，我们不可能从有一个有损压缩过的图片中恢复出全来的图片。常见的有损压缩手段，是按照一定的算法将临近的像素点进行合并。 无损压缩。只在压缩文件大小的过程中，图片的质量没有任何损耗。我们任何时候都可以从无损压缩过的图片中恢复出原来的信息。 ## 索引色vs直接色 计算机在表示颜色的时候，有两种形式，一种称作索引颜色(Index Color)，一种称作直接颜色(Direct Color)。 索引色。用一个数字来代表（索引）一种颜色，在存储图片的时候，存储一个数字的组合，同时存储数字到图片颜色的映射。这种方式只能存储有限种颜色，通常是256种颜色，对应到计算机系统中，使用一个字节的数字来索引一种颜色。 直接色。使用四个数字来代表一种颜色，这四个数字分别代表这个颜色中红色、绿色、蓝色以及透明度。现在流行的显示设备可以在这四个维度分别支持256种变化，所以直接色可以表示2的32次方种颜色。当然并非所有的直接色都支持这么多种，为压缩空间使用，有可能只有表达红、绿、蓝的三个数字，每个数字也可能不支持256种变化之多。 ## 点阵图vs矢量图 - 点阵图，也叫做位图，像素图。构成点阵图的最小单位是象素，位图就是由象素阵列的排列来实现其显示效果的，每个象素有自己的颜色信息，在对位图图像进行编辑操作的时候，可操作的对象是每个象素，我们可以改变图像的色相、饱和度、明度，从而改变图像的显示效果。点阵图缩放会失真，用最近非常流行的沙画来比喻最恰当不过，当你从远处看的时候，画面细腻多彩，但是当你靠的非常近的时候，你就能看到组成画面的每粒沙子以及每个沙粒的颜色。 - 矢量图，也叫做向量图。矢量图并不纪录画面上每一点的信息，而是纪录了元素形状及颜色的算法，当你打开一付矢量图的时候，软件对图形象对应的函数进行运算，将运算结果[图形的形状和颜色]显示给你看。无论显示画面是大还是小，画面上的对象对应的算法是不变的，所以，即使对画面进行倍数相当大的缩放，其显示效果仍然相同(不失真)。 ### BMP BitMap的缩写，是无损的、既支持索引色也支持直接色的、点阵图。 这是一种比较老的图片格式。BMP是无损的，但同时这种图片格式几乎没有对数据进行压缩，所以BMP格式的图片通常具有较大的文件大小。虽然同时支持索引色和直接色是一个优点，但是太大的文件格式格式导致它几乎没有用武之地，现在除了在Windows操作系统中还比较常见之外，我们几乎看不到它。 BMP vs GIF BMP格式的图片文件大小是GIF格式的很多倍。 ### GIF 全称Graphics Interchange...