
原创文章
文章平均质量分 90
WilsonLiu95
华科大三狗—— 冉冉升起的前端新星~
展开
-
calc与box-sizing的替代
背景:之前发现calc这个布局新属性之后就非常喜欢,爱不释手。在公司的实习的时候,开发微信端的页面,使用了几次calc,后来发现在Android的上的不支持~蛋疼。于是到处找替代方案,终于在stackoverflow上找到一个满意的答复,好~接下来进入正文~calc 与box-sizing 简单介绍* calc 属性*calc()能让你给元素的做计算,你可以给一个div元素,使用百分比、em、px和原创 2016-04-27 09:35:14 · 909 阅读 · 0 评论 -
前端也该了解的一些后端知识
前言作为一个有追求的前端,在学有余力的同时,不应该把自己仅仅局限于前端的世界中的。 而后端的知识是与前端工作最密切相关的一部分内容,多了解些后端的知识也是大有裨益的。本文简单叙述了三种构建大型架构的必备知识。也是我做前端这么久以来,一直想知道的如何突破现有的性能瓶颈做到 高并发,高性能,高可靠。文中如有错误,欢迎指正。优化数据库负载均衡缓存技术优化数据库对于使用数据库的Web站点来说,数原创 2016-12-14 11:16:04 · 3730 阅读 · 0 评论 -
H5数据推送
WilsonLiu’s blog 首发地址前言众所周知,AJAX的出现是前端快速发展的一个标志,同时也是前后端得以分离的重要基础。作为一个C/S网络的web系统,网络通信在发挥着举足轻重的作用。 大部分的场景下,我们是主动触发AJAX去调取后端数据,但是总有那么些场景是后端数据更新了再推送给前端。 本文则试着和读者一起对这个数据推送的需求进行技术方案的探究。首先,列一个常用可选的技术清单 -原创 2016-12-07 11:10:55 · 4469 阅读 · 0 评论 -
JavaScript函数式编程
JavaScript函数式编程摘要以往经常看到”函数式编程“这一名词,却始终没有花时间去学习,暑期实习结束之后一直忙于边养老边减肥,81天成功瘦身30斤+ ,开始回归正常的学习生活。 便在看《JavaScript函数式编程》这本书,以系统了解函数式编程的知识。本文试图尽可能系统的描述JavaScript函数式编程。当然认识暂时停留于本书介绍的程度,如有错误之处,还请指正。注:本书采用的函数式库Un原创 2016-12-03 15:58:03 · 3955 阅读 · 0 评论 -
漫话前端缓存
漫话前端缓存背景说明缓存一直是前端性能优化中,浓墨重彩的一笔。了解前端缓存是打造高性能网站的必要知识。 之前,对于缓存的认知一直停留在看《HTTP权威指南》和一些相关帖子的深度,过了一段时间,又总是忘记,正好最近不是很忙,结合内网上的一些参考资料,结合实践,试着全面解析一下缓存以及其最佳实践。前后端交互中涉及到的缓存前端我们日常所见最多的也是我们最常利用的就是浏览器对于HTTP规范实现所进行的资源原创 2016-08-21 20:19:27 · 1114 阅读 · 0 评论 -
深入阅读gulp源码小结
深入阅读gulp源码小结gulp源码简介gulp源码核心部分寥寥60+行。但是通过这60+行代码,gulp给我们带来的确是前端自动化构建的便利。以往以为其源码肯定蛮复杂, 却没想到却是这么60+行,这60+行的背后,是来自于模块化的支撑。gulp的四个接口分别来源于orchestrator,vinyl-fs两个模块。 所以gulp的所有特性都来自于这两个模块。 Orchestrator是用来任原创 2016-07-18 21:54:46 · 1261 阅读 · 0 评论 -
前后端交互过程中的编码
前后端交互过程中的编码起因最近在写PHP,本身对PHP不太熟练。然后遇到编码这个问题,困扰了大半天,索性,系统探索解决一番。前后端交互过程中涉及的编码Browser cilent: 首先,浏览器的设置里有设置编码格式,一般设置为UTF-8。AJAX request: AJAX异步请求的过程中可以设置编码,contentType:"application/x-www-form-urlencoded原创 2016-07-25 13:32:51 · 2179 阅读 · 0 评论 -
阅读sea.js源码小结
sea.js想解决的问题恼人的命名冲突烦琐的文件依赖对应带来的好处 Sea.js 带来的两大好处:通过 exports 暴露接口。这意味着不需要命名空间了,更不需要全局变量。这是一种彻底的命名冲突解决方案。通过 require 引入依赖。这可以让依赖内置,开发者只需关心当前模块的依赖,其他事情 Sea.js 都会自动处理好。对模块开发者来说,这是一种很好的 关注度分离,能让程序员更多地享受原创 2016-06-26 12:00:59 · 1017 阅读 · 0 评论 -
正则表达式小结
背景介绍这几天,刚来公司,导师安排点任务增加些功能,以便熟悉了开发环境。接到的任务中,有一个环节需要处理一个业务的json数据,具有多级嵌套,我要做的是让使用者可以修改其中的”userName”。有两个思路利用正则表达式进行匹配替代利用遍历修改键值当然,看到两个思路的高下,在大部分情况下都是可以直接得出结论的,正则肯定是优于遍历的。正则表达式小结创建方式直接量语法 /pattern/att原创 2016-04-23 20:56:46 · 764 阅读 · 0 评论 -
innerHTML VS createElement
两者生成dom的方式有什么优劣呢? 首先让我们看一个小问题再引入正题~如何重复插入一个相同的html结构呢?//错误的window.onload = function(){var el = document.createElement('div');el.appendChild(document.createTextNode('Hi'));for (var i = 10; i > 0; -原创 2016-04-23 09:02:22 · 797 阅读 · 0 评论 -
试着探索高并发下的系统架构面貌
前言以前端入行编码,但是对后端架构也非常感兴趣。一直以来都觉得那些做到在洪水流量面前保持系统提供高可靠,高性能的服务的小哥哥们都很厉害。总想着去学习一番,因此大半年来不断学习后端相关的知识,试图去理解高并发架构的面貌。当然,本文仅仅是试着探索而已,并没有相关实践的经历,也只能从理论的角度去推演,从现有可参考的资料中去堆砌一个在我看来合理的架构方案。限于作者水平有限,因此难免行文难免有误,亦或是对整原创 2017-05-23 18:55:39 · 516 阅读 · 0 评论