随笔分类 - [10]JS
-
前端工程化
摘要:前端工程化重复优化的思考这段时间对项目做了一次整体的优化,全站有了20%左右的提升(本来载入速度已经1.2S左右了,优化度很低),算一算已经做了四轮的全站性能优化了,回顾几次的优化手段,基本上几个字就能说清楚:传输层面:减少请求数,降低请求量执行层面:减少重绘&回流传输层面的从来都是优化的核心点,而... 阅读全文
-
jQuery插件
摘要:jQuery插件开发(一) 温馨提示:本文略长,后面会随着本人开发经验的增多而继续更新,主要是讲jQuery插件开发,我试图最通俗的去描述出我所理解的一个简单的插件开发的过程。三人行则必有我师,欢迎指出其中错误及逻辑不严密之处,多多交流,共同进步。 在早期的开发中,正如前面闭包中所提到的那样,人... 阅读全文
-
了解webpack
摘要:学习笔记 一步步了解webpack前言demo 地址:https://github.com/yy8597/webpack-demos之前学习了 broswerify,发现确实很好用。虽然没有 grunt 那样丰富的配置和插件,但就是觉得“恩!这就是我想要的结构”。webpack 感觉就是 brosw... 阅读全文
-
React-Native入门指南之HelloWorld
摘要:iOS React-Native入门指南之HelloWorldReact-native 作为facebook开源项目,最近是火的一塌糊涂,它采用node.js能够写ios和android的native界面代码,简直是太酷了。支持动态更新,而且appstore 提交不会拒绝。学习新的技术都是从Hel... 阅读全文
-
JS模板引擎
摘要:JS模板引擎 :ArtTemplate1.为什么需要用到模板引擎我们在做前端开发的时候,有时候经常需要根据后端返回的json数据,然后来生成html,再显示到页面中去。例如这样子:var data = [ {text: "测试一"}, {text: "测试二"}, {text: "... 阅读全文
-
导航菜单滑动动画
摘要:用jquery实现百度新闻导航菜单滑动动画前言前两天,群里有人问百度新闻导航是如何实现的,当时由于忙于工作,没有来得及细看,恰好今天有空闲时间,索性就实现一下这个效果吧;思路与步骤1.利用UL创建简单横向导航; 仿百度新闻菜单滑动动画 ... 阅读全文
-
jquery.validate.unobtrusive
摘要:ASP.NET MVC Unobtrusive JavaScript 实现 onfocusout 验证, onfocusin 清除错误在 ASP.NET MVC 中启用 Unobtrusive JavaScript 功能,可以在运行时由服务器端根据Model中设置的验证规则,自动生成客户端验证js代... 阅读全文
-
编写高性能Javascript
摘要:编写高性能Javascript多年来,Javascript一直在web应用开发中占据重要的地位,但是很多开发者往往忽视一些性能方面的知识,特别是随着计算机硬件的不断升级,开发者越发觉得Javascript性能优化的好不好对网页的执行效率影响不明显。但在某些情况下,不优化的Javascript代码必然... 阅读全文
-
js模块化
摘要:js模块化这是一篇关于js模块化历程的长长的流水账,记录js模块化思想的诞生与变迁,展望ES6模块化标准的未来。经历过这段历史的人或许会感到沧桑,没经历过的人也应该知道这段历史。无模块时代在ajax还未提出之前,js还只是一种“玩具语言”,由Brendan Eich花了不到十天时间发明,用来在网页上... 阅读全文
-
bootstrap+jQuery.validate
摘要:bootstrap+jQuery.validate表单校验谈谈表单校验这大概是一种惯例,学习前台后台最开始接触的业务都是用户注册和登录。现在社会坚持以人为本的理念,在网站开发过程同样如此。User是我们面对较多的对象,也是较核心的对象。最开始的用户注册和登陆这块,也就尤为重要。用户注册和登录其实往往... 阅读全文
-
前端javascript模板
摘要:doT.js——前端javascript模板引擎问题备忘录我手里维护的一个项目,遇到一个问题:原项目的开发人员在Javascript中,大量的拼接HTML,导致代码极丑,极难维护。他们怎么能够忍受的了这么丑陋、拙劣的代码呢,也许是他们的忍受力极强,压根就没想去寻找解决方法。 可是,我,是万难不能接... 阅读全文
-
前端angularjs+requirejs+dhtmlx 后端asp.net webapi
摘要:享一个前后端分离方案源码-前端angularjs+requirejs+dhtmlx 后端asp.net webapi一、前言 半年前左右折腾了一个前后端分离的架子,这几天才想起来翻出来分享给大家。关于前后端分离这个话题大家也谈了很久了,希望我这个实践能对大家有点点帮助,演示和源码都贴在后面。二、技术... 阅读全文
-
闭包
摘要:闭包 这是大虾的第一篇博文,大虾试图用最直白的语言去描述出所理解的东西,大虾是菜鸟,水平有限,有误的地方希望路过的朋友们务必指正,谢谢大家了。 从读书时代一路走来,大虾在学习的时候逐渐喜欢上了去追寻根源,这个东西到底是为什么?他有什么用处?他解决了什么问题?他是怎么被想到的?从这些问题当中,我们... 阅读全文
-
前端模块化工具-webpack
摘要:详解前端模块化工具-webpackwebpack是一个module bundler,抛开博大精深的汉字问题,我们暂且管他叫'模块管理工具'。随着js能做的事情越来越多,浏览器、服务器,js似乎无处不在,这时,使日渐增多的js代码变得合理有序就显得尤为必要,也应运而生了很多模块化工具。从服务器端到浏览... 阅读全文
-
懒加载图片
摘要:图片懒加载定义 图片延迟加载也称为懒加载,延迟加载图片或符合某些条件时才加载某些图片,通常用于图片比较多的网页。可以减少请求数或者延迟请求数,优化性能。呈现形式【1】延时加载,使用setTimeout或setInterval进行加载延迟,如果用户在加载前就离开,自然就不会进行加载。【2】条件加载,... 阅读全文
-
React
摘要:初探React,将我们的View标签化前言我之前喜欢玩一款游戏:全民飞机大战,而且有点痴迷其中,如果你想站在游戏的第一阶梯,便需要不断的练技术练装备,但是腾讯的游戏一般而言是有点恶心的,他会不断的出新飞机、新装备、新宠物,所以,很多时候你一个飞机以及装备还没满级,新的装备就又出来了,并且一定是更强!... 阅读全文
-
React的React Native
摘要:React的React NativeReact无疑是今年最火的前端框架,github上的star直逼30,000,基于React的React Native的star也直逼20,000。有了React,组件化似乎不再步履蹒跚,有了React Native,前端的边界似乎广阔无边。而Webpack凭借它... 阅读全文
-
jquery validate表单验证插件
摘要:jquery validate表单验证插件1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家。 1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素 3.鼠标离开后的正确、错误提示及鼠标移入时的帮助提醒 对于初学者而言,htm... 阅读全文
-
前端事件
摘要:前端事件系统(一)事件是前端之中,非常重要的一个部分。其作用在于对于用户的各种行为进行相应。近日打算对于事件系统进行更为深入的学习,同时,对于这一部分学习的内容进行一个总结。因为浏览器发展至今,事件系统本身已经尤为的复杂了,所以事件这一部分内容可能会将分为很多章来进行总结。本章将对于事件系统,根据个... 阅读全文
-
jsRender模板引擎
摘要:jsRender模板引擎上一篇最后提到了模板,并尝试自己编写一个最简单版本;有些朋友可能用过 jqtmpl,这是一个基于jquery的模板引擎,不过它已经不再更新了,而且据说渲染速度比较慢。这里介绍另外一个模板引擎:jsRender。个人觉得这些东西学习起来还是很简单的,挑一个看看就行,实际要用到了... 阅读全文