技术记录分享

自己日常开发的系统和应用，涉及到知识：html5+css3+javascript+vue+vuex+jquery+redis+koa+thinkjs+java+python+mysql+websocket+微信小程序+数据可视化+threejs+canvas+svg+webGL.

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

saucxs 8月24日发布
收藏

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

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

saucxs 7月30日发布
1 收藏

数据埋点是产品需求分析的来源，检验功能是否达到预期。前端是更贴近用户，我来说说数据埋点在系统开发中的方案。

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

saucxs 7月29日发布
2 收藏

我们先看一下这个模块http_image_filter_module，已经是内置模块了，但是需要重新编译一下，添加这个模块。

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

saucxs 7月25日发布
1 收藏

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

【webpack系列】浅析webpack的原理

saucxs 7月25日发布
1 收藏

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

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

saucxs 7月24日发布
收藏

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

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

saucxs 7月24日发布
收藏

node的应用是模块组成的，Node遵循commonjs的模块规范，用来隔离每个模块的作用域，使每一个模块在自身的命名空间中执行。

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

saucxs 7月23日发布
3 收藏

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

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

saucxs 7月19日发布
收藏

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

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

saucxs 7月5日发布
收藏

最近在写项目的时候，发现自己对elementUI的表格，自己想吐槽一下table的组件，可能是没有理解透文档中的说明使用。

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

saucxs 7月5日发布
收藏

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

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

saucxs 7月5日发布
收藏

有时候需要前端做到移动端高清显示，1、面对开发移动端H5页面，2、面对不同分辨率的手机，3、面对不同屏幕尺寸的手机。

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

saucxs 6月28日发布
1 收藏

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

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

saucxs 6月26日发布
收藏

V8 实现了准确式 GC，GC 算法采用了分代式垃圾回收机制。因此，V8 将内存（堆）分为新生代和老生代两部分。

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

saucxs 6月21日发布
收藏

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

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

saucxs 6月21日发布
1 收藏

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

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

saucxs 6月20日发布
收藏

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

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

saucxs 6月18日发布
1 收藏

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

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

saucxs 6月17日发布
收藏

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

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

saucxs 6月14日发布
13 收藏

继承是面向对象（OOP）语言中的一个最为人津津乐道的概念。许多面对对象（OOP）语言都支持两种继承方式:：接口继承和实现继承。