随笔分类 -  00. 前端精华

只有注册用户登录后才能阅读该文。
posted @ 2016-10-12 10:42 掉进书洞里的猫 编辑
摘要:第一步:使用静态资源的合并压缩等前端优化手段 第二步:使用CDN和云 第三步:动静分离,将静态图片,js,css存放到单独的域名。 带来好处: (1)使用单独域名,浏览器不会把主域名下的 cookie 传给该域,减少了网络开销,一定程度提高了页面加载速度。(2)将Web应用程序中静态和动态的内容分别 阅读全文
posted @ 2016-01-15 11:31 掉进书洞里的猫 编辑
摘要:常见浏览器兼容性问题 浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。 碰到频率:100% 解决方案:CSS里 *{margin:0;padding:0;} 备注:这个是最常见的也是最易解决的一 阅读全文
posted @ 2016-01-14 17:38 掉进书洞里的猫 编辑
摘要:概念 CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各 阅读全文
posted @ 2016-01-14 16:03 掉进书洞里的猫 编辑
摘要:我们在做Ajax 异步请求的时候,一般都会利用一个动态的 Gif 小图片来制作一个Ajax Loading ,以便增加用户体验。 今天在网上发现了一个 Spin.js ,该 js 脚本压缩后5k,可以不用任何图片,任何外部的CSS样式,就可以创建一个Ajax Loading 指示器,且兼容以下浏览器 阅读全文
posted @ 2016-01-13 16:28 掉进书洞里的猫 编辑
摘要:总的来说,window.onload()方法是必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 主要区别: (1)执行时机 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(d 阅读全文
posted @ 2016-01-13 14:58 掉进书洞里的猫 编辑
只有注册用户登录后才能阅读该文。
posted @ 2016-01-13 09:56 掉进书洞里的猫 编辑
摘要:JavaScript这门编程语言发展至今已经非常流行了,各种名词也层出不穷,我们随便列举下就有一大堆,比如Node.js、jQuery、JavaScript MVC、Backbone.js、AMD、CommonJS、RequireJS、CoffeScript、Flexigrid、Highchart、... 阅读全文
posted @ 2016-01-12 13:21 掉进书洞里的猫 编辑
摘要:Promises/A是由CommonJS组织制定的异步模式编程规范,有不少库已根据该规范及后来经改进的Promises/A+规范提供了实现 如Q,Bluebird,when,rsvp.js,mmDeferred,jQuery.Deffered()等。Promises是一种异步编程模型,通过一组API... 阅读全文
posted @ 2016-01-12 10:36 掉进书洞里的猫 编辑
摘要:Developers these days are spoiled with choice when it comes toselectinganMV* frameworkfor structuring and organizing their JavaScript web apps.Backbon... 阅读全文
posted @ 2016-01-12 10:10 掉进书洞里的猫 编辑
摘要:对于Position、Float我们在平时使用上可以说是使用频率非常高的两个CSS属性,对于这两个属性的使用上面可能大多数人存在一些模糊与不清晰的地方。本文主要对这两个属性使用上的一个介绍以及两个属性交叉使用上的一些探讨。 本文主要探讨点: 1.Position、Float属性的基本使用方法 2.P 阅读全文
posted @ 2016-01-11 10:49 掉进书洞里的猫 编辑
摘要:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star。本文将从各方面对Vue.js做一个深入的介绍。Vue.js 是我在2014年2月开源的一个前端开发库,通过简洁的 API 提供高... 阅读全文
posted @ 2016-01-08 16:27 掉进书洞里的猫 编辑
摘要:ReactJS.NET makes it easier to use Facebook'sReactandJSXfrom C# and other .NET languages, focusing specifically on ASP.NET MVC (although it also works... 阅读全文
posted @ 2016-01-08 16:06 掉进书洞里的猫 编辑
摘要:ReactNative 又有竞争者了,而且这个看上去还屌屌的~ Fuse是一个为开发者和设计者而设计的用户体验(UX)工具集,用于创建原生的、跨平台的iOS和Android移动应用。在Fuse中,开发者使用标记定义用户界面,使用JavaScript编写应用程序逻辑,同时所有的渲染都会被编译成原生代码 阅读全文
posted @ 2016-01-08 15:23 掉进书洞里的猫 编辑
摘要:事件及事件的三种模型 一、event简介 什么是事件呢?直观的说就是网页上发生的事情,大部分是指用户的鼠标动作和键盘动作,如点击、移动鼠标、按下某个键。为什么说大部分呢,因为事件不单单只有这两部分,还有其他的例如document的load和unloaded。只不过我们更加关注的是用户的操作。事件被封 阅读全文
posted @ 2016-01-08 14:40 掉进书洞里的猫 编辑
摘要:关于闭包主要是以下两种应用: 函数作为参数传递 在学习javascript中,你始终要有一个有学习与其他语言不同的概念:函数(function)不么特殊的东西,它也是一种数据,与bool ,string,number没有什么两样。 函数的参数可以string,number,bool如: functi 阅读全文
posted @ 2016-01-08 11:02 掉进书洞里的猫 编辑
摘要:this是Javascript语言的一个关键字。 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; } 随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。 下面分 阅读全文
posted @ 2016-01-08 09:50 掉进书洞里的猫 编辑
摘要:实际使用中多使用混合模式(原型模式加构造函数模式)和动态原型模式,构造函数的两种模式多为初级菜鸟和中级菜鸟的杰作! 什么是面向对象?面向对象是一种思想!(废话)。 面向对象可以把程序中的关键模块都视为对象,而模块拥有属性及方法。这样我们如果把一些属性及方法封装起来,日后使用将非常方便,也可以避免繁琐 阅读全文
posted @ 2016-01-07 17:29 掉进书洞里的猫 编辑
摘要:一、封装 Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。 那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原 阅读全文
posted @ 2016-01-07 17:09 掉进书洞里的猫 编辑
摘要:函数也是一种对象,每个函数都有一个属性叫做prototype。这个prototype的属性值是一个对象(属性的集合,再次强调!),prototype默认只有一个叫做constructor的属性,指向这个函数本身。 如上图,SuperType是是一个函数,右侧的方框就是它的原型。 原型既然作为对象,属 阅读全文
posted @ 2016-01-07 16:55 掉进书洞里的猫 编辑

点击右上角即可分享
微信分享提示