3.前端
leoIsCoding
Github : [ https://github.com/leoChaoGlut ]
Email : [ [email protected] ]
展开
-
WEB 开发者应该具备的 6 大技能
WEB开发本身涵盖了许多领域的许多技术,那么,有哪些是WEB开发者必备的技能呢?这是一个 Quora 上用户提出的问题,其中Ellyse Taylor的回答获得了1900+的赞同。可能很多人对下面这个列表中的大部分内容都已经了解了,但其中必定有一些是你之前没有看到过,或者没有完全理解的,甚至有些你可能从来没听说过。1. 界面和用户体验注意,浏览器的实现标准是不一致的转载 2015-12-15 13:17:25 · 1374 阅读 · 0 评论 -
MaterializeCss 解决没有Time Picker的问题
在 https://github.com/Dogfalo/materialize 的issue上,找到的答案.答案在这: https://github.com/Dogfalo/materialize/pull/2732可惜的是,conversion里没有提说明正确的用法,自己尝试之下,得到正确答案.1.在基于materializecss已有的引用下,使用该 pull原创 2016-12-15 15:45:05 · 1115 阅读 · 0 评论 -
JS简单粗暴地实现浅克隆
1.实现: var ObjectUtil = (function() { function clone(obj) { var json = JSON.stringify(obj); var newObj = JSON.parse(json); return newObj; }原创 2016-02-21 11:10:11 · 1866 阅读 · 1 评论 -
Hybrid APP 架构设计思路
关于Hybrid模式开发app的好处,网络上已有很多文章阐述了,这里不展开。本文将从以下几个方面阐述Hybrid app架构设计的一些经验和思考。原文及讨论请到 github issue通讯作为一种跨语言开发模式,通讯层是Hybrid架构首先应该考虑和设计的,往后所有的逻辑都是基于通讯层展开。Native(以Android为例)和H5通讯,基本原理:转载 2016-03-11 12:02:33 · 2111 阅读 · 0 评论 -
Avalon属性ms-text的坑
Avalon是去哪儿网的一个MVVM框架.前两天用jsoup写了个爬虫,可以根据CSDN用户名爬取该用户的所有文章.(Github:https://github.com/leoChaoGlut/spider4CSDN)然后我先爬了自己的,把文章放到我自己的阿里云上.然后在处理前端数据显示的时候出现一个这样的问题:报错:"Unexcepted token }".我就纳闷了原创 2016-02-25 13:28:24 · 3329 阅读 · 0 评论 -
前端性能优化
没人邀请,看到这个问题不错,路过怒答。(多图预警)前百度工程师,曾负责百度 前端集成解决方案 的核心设计与开发工作。我现在称这个领域为【前端工程】。没错,这是我最爱唠叨的问题域。这是一个非常有趣的 非主流前端领域,这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题,入行到现在一直在学习和实践中。在我的印象中,facebook是这个领域的鼻祖,有兴趣、有梯子转载 2016-01-28 09:01:51 · 1313 阅读 · 0 评论 -
jQuery计算文本宽度和input标签根据输入字符动态自适应宽度的实现
jQuery计算文本宽度的原理是利用html提供的标签,向dom中动态添加标签,标签里的内容就是要测试长度的文本,获取完长度之后再删除刚才添加的标签,从而可取到文本的大概长度了。为什么要用标签而不用其他标签呢,那来看看标签的特性吧:pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符;而文本也会呈现为等宽字体。 标签的一个常见应用就是用来表示计算机的源代码。需要注转载 2016-01-08 14:11:46 · 3518 阅读 · 0 评论 -
CSS布局奇淫技巧之-宽度自适应
CSS布局奇淫技巧之-宽度自适应css这个东西,说难不难,说容易也不容易。我觉得最重要的还是经验的积累,正所谓的不积硅步,无以至千里。这一系列文章讲述几种css特殊布局的实现,也当作为自己做个备忘吧。首先讲的是三列布局,左右两列宽度固定,中间一列宽度自适应这个很好实现,左右两列分别左浮动和右浮动并给一个固定宽度,中间不浮动,也不设定宽度。这样基本就可以了。但为了兼容IE还必须做些工转载 2015-12-22 14:27:03 · 1343 阅读 · 0 评论 -
html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offs转载 2016-01-03 11:25:59 · 1321 阅读 · 0 评论 -
一次完整的HTTP请求所经历的7个步骤
HTTP通信机制是在一次完整的HTTP通信过程中,Web浏览器与Web服务器之间将完成下列7个步骤: 1. 建立TCP连接在HTTP工作开始之前,Web浏览器首先要通过网络与Web服务器建立连接,该连接是通过TCP来完成的,该协议与IP协议共同构建Internet,即著名的TCP/IP协议族,因此Internet又被称作是TCP/IP网络。HTTP是比TCP更高层次的应用层协议,根转载 2016-01-17 23:36:10 · 1417 阅读 · 0 评论 -
CSS布局奇淫技巧之-高度自适应
CSS布局奇淫技巧之-高度自适应何为高度自适应?高度自适应就是高度能跟随浏览器窗口的大小改变而改变,典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏,下面一栏高度自适应用于显示内容。高度自适应不像宽度自适应那样简单,在兼容浏览器方面也稍微复杂一些。布局思路在IE7+及chrome、firefox等浏览器中,高度自适应可以利用绝对定位来解决。但一个元素是绝对定位时,如转载 2015-12-15 10:22:12 · 4065 阅读 · 0 评论 -
WebSocket 浅析
前言在WebSocket API尚未被众多浏览器实现和发布的时期,开发者在开发需要接收来自服务器的实时通知应用程序时,不得不求助于一些“hacks”来模拟实时连接以实现实时通信,最流行的一种方式是长轮询 。 长轮询主要是发出一个HTTP请求到服务器,然后保持连接打开以允许服务器在稍后的时间响应(由服务器确定)。为了这个连接有效地工作,许多技术需要被用于确保消息不错过,如需要在服务器端缓存和转载 2017-03-03 09:43:03 · 557 阅读 · 0 评论