技术记录分享

0

【JavaScript系列】类型判断的4种基本方法，研究jquery的type方法，空对象的检测方法，类数组对象

• saucxs   2019-08-24 发布
• 收藏

类型判断有时候真的头疼，但是一旦熟练使用就会觉得不过如此。初级的，会判断数字和字符串。中级的，会判断数组和对象。进阶的，会判断日期，正则，错误类型。高级的，会判断plainObject，空对象，window对象等等。

2

【解决方案】数据埋点的一点思路与vue的SPA单页面实践

• saucxs   2019-07-30 发布
• 1 收藏

不同的产品对于数据的关注的角度不同，根据需求来采集和设计不同的方案。比如信息流的产品抖音，关注用户的停留时间更高。比如商品类的注重的是“复购率”，统计新老用户。

2

【nginx系列】nginx升级到支持http_image_filter_module处理图片

• saucxs   2019-07-29 发布
• 2 收藏

一、前言 最近在研究nginx在前端中使用最大化，发现了可以很好的处理图片。 二、http_image_filter_module模块 我们先来到软件包的地方看到了configure。 我们先看一下这个模块http_image_filter_module，已经是...

2

【nginx系列】nginx升级到支持HTTP2.0

• saucxs   2019-07-25 发布
• 2 收藏

一、前言 最近想折腾一下服务器，升级到http2.0。 然后nginx照着官网配置了一下 {代码...} 然后执行检查nginx配置。nginx -t 意思就是说，http2.0缺少ngx_http_v2_module。nginx缺少http_ssl_module模块，编译安...

3

【webpack系列】浅析webpack的原理

• saucxs   2019-07-25 发布
• 2 收藏

现在随着前端开发的复杂度和规模越来越大，鹰不能抛开工程化来独立开发，比如：react的jsx代码必须编译后才能在浏览器中使用，比如sass和less代码浏览器是不支持的。如果摒弃这些开发框架，开发效率会大幅下降。

0

【JavaScript系列】动态绑定事件方法：(1)jquery的on方法；(2)html元素绑定

• saucxs   2019-07-24 发布
• 收藏

当使用js或jQuery动态创建元素(例如append，appendChildren)，再用on(事件, function(){...})或addEventListener监听事件时，事件并不会触发，因为传统的$('.selector').click()只能监听html初始的对象，对于动态...

0

【模块化系列】Nodejs模块化的原理

• saucxs   2019-07-24 发布
• 收藏

一、前言 node的应用是模块组成的，Node遵循commonjs的模块规范，用来隔离每个模块的作用域，使每一个模块在自身的命名空间中执行。 commonjs的主要内容： 模块必须通过module.exports导出对外的变量或接口，通过...

4

【javascript系列】时间复杂度和空间复杂度

• saucxs   2019-07-23 发布
• 3 收藏

时间复杂度和空间复杂度，我们在大学里的算法与数据结构课程中已经学习过，这回根据项目工作中整理一下，这个估计只是一个粗略的估计分析，并不是一个准确的估计分析。

1

【设计方案系列】设计方案系列--如何设计移动端屏适配方案

• saucxs   2019-07-19 发布
• 1 收藏

在众多的移动设备中，前端开发人员如何在不同屏幕大小，不同程度的高清屏下去百分百的还原设计稿，从来都不是一件简单的事情，需要考虑众多因素，权衡利弊，做出取舍，结合需求去选择最合适的方案。

0

【elementUI系列】elementUI中表格的【筛选功能】和【排序功能】同时使用

• saucxs   2019-07-05 发布
• 收藏

一、前言 最近在写项目的时候，发现自己对elementUI的表格，自己想吐槽一下table的组件，可能是没有理解透文档中的说明使用。 二、需求 要做成这样的： 然后左侧还有一个类似于导航的切换，也可以是tab切换。左侧...

0

【JavaScript系列】vue项目中实现滚动条（具体视窗口的滚动条）操作：（1）置底，（2）置于上次停留的位置

• saucxs   2019-07-05 发布
• 收藏

之前写了一个happyChat的项目，主要是想学习一下socketIO的使用。然后最近在给happyChat做前端优化和升级。发现第一版做的很low。

0

【设计方案】设计方案系列--如何设计移动端高清方案

• saucxs   2019-07-05 发布
• 收藏

一、前言 有时候需要前端做到移动端高清显示，1、面对开发移动端H5页面，2、面对不同分辨率的手机，3、面对不同屏幕尺寸的手机。 二、视觉稿 前端开发正常是，视觉的小哥哥给我们psd或者导出的skech文件，这个就...

1

【http系列】HTTP2.0新特性：二进制传输，多路复用，Haeder压缩，服务端push，QUIC协议

• saucxs   2019-06-28 发布
• 1 收藏

在 HTTP 1.X 中，为了性能考虑，我们会引入雪碧图、将小图内联、使用多个域名等等的方式。这一切都是因为浏览器限制了同一个域名下的请求数量，当页面中需要请求很多资源的时候，队头阻塞（Head of line blocking...

6

【V8引擎】浅析Chrome V8引擎中的垃圾回收机制和内存泄露优化策略

• saucxs   2019-06-26 发布
• 1 收藏

V8的垃圾回收机制：JavaScript使用垃圾回收机制来自动管理内存。垃圾回收是一把双刃剑，其好处是可以大幅简化程序的内存管理代码，降低程序员的负担，减少因 长时间运转而带来的内存泄露问题。

1

JavaScript系列--八种【数组去重】方法的总结

• saucxs   2019-06-21 发布
• 1 收藏

思路：双层循环方法，使用的是循环嵌套，外层是arr，里层是res，如果arr[i]的值等于res[j]的值，则跳出当前循环，如果都不等于，说明元素唯一，这时候j的值等于res的长度，根据这个判断，将值添加res中。

1

计算机基础--http的基础整理和巩固

• saucxs   2019-06-21 发布
• 1 收藏

一、前言 主要包括：1、http基础：TCP/IP，TCP协议，IP协议，DNS协议，URI与URL； 2、http协议：http报文，http方法，http状态码，常见问题 名词解释： （1）HTTP（HyperText Transfer Protocol）超文本传输协议 ...

0

方案设计--如何看待前端框架选型 ?

• saucxs   2019-06-20 发布
• 收藏

对于前端团队，可以实现企业受益最大化要点。 一、技术选型的策略 1、保证产品质量 （1）功能稳健：网页不白屏，不错位，不卡死；操作正常；数据精准。 （2）体验优秀：加载体验，交互体验，视觉体验，无障碍访问...

1

数据可视化系列--svg入门基础（二）

• saucxs   2019-06-18 发布
• 1 收藏

接上一篇：数据可视化-svg入门基础（一），基础一主要是介绍了svg概念，元素样式设置等。 svg是（scalable vector graphic）伸缩矢量图像。 一、目录 （1）图形元素 （2）文字元素 （3）特殊元素 （4）滤镜元素 ...

1

数据可视化系列--svg入门基础（一）

• saucxs   2019-06-17 发布
• 1 收藏

一、前言 1、SVG(Scalable Vector Graphics)可伸缩矢量图形 特点： （1）使用xml格式来定义图形； （2）用来定义web上的使用的矢量图； （3）改变图像尺寸，图片质量不受损； （4）所有元素属性可以使用动画； （...

15

JavaScript系列--浅析原型链与继承

• saucxs   2019-06-14 发布
• 13 收藏

接口继承只继承方法签名,而实现继承则继承实际的方法。由于js中方法没有签名，在ECMAScript中无法实现接口继承。ECMAScript只支持实现继承，而且其 实现继承 主要是依靠原型链来实现的。