随笔分类 -  前端技术

上一页 1 2
网站性能优化概要
摘要：一、复用（维护性、开发成本） 1、前端复用 a：文件复用：Js、css、Html、媒体文件等 b：模块复用：通过js来维护一个整体模块，包括动态引入css/js/html，或动态生成 2、后端复用 a：通用接口复用（对外部） b：UI模块复用（例如后台的include） c：通用工具API复用（例如 阅读全文
posted @ 2016-06-30 16:37 小古哥 阅读(199) 评论(0) 推荐(0)
JavaScript事件对象与事件的委托
摘要：事件对象 包含事件相关的信息，如鼠标、时间、触发的DOM对象等 js默认将事件对象封装好，并自动的以参数的形式，传递给事件处理函数的第1个参数，如下： 事件的属性和方法 type：获取事件类型（click、mouseover等等） target：获取发生的所在元素（在低版本IE下用srcElemen 阅读全文
posted @ 2016-06-17 15:07 小古哥 阅读(212) 评论(0) 推荐(0)
从输入网址到页面呈现的过程
摘要：WEB应用的本质 1、用户请求远程资源 2、浏览器查找远程资源，打包用户请求并发送 3、服务器根据请求，通过逻辑计算，回复结果给浏览器 4、浏览器解析结果，呈现给用户 过程： 1、根据URL查找服务器地址：逐级查找（浏览器缓存》系统缓存》路由器缓存》ISP DNS缓存》根服务器） 2、建立TCP/I 阅读全文
posted @ 2016-06-16 14:10 小古哥 阅读(257) 评论(0) 推荐(0)
常用表单验证插件
摘要：插件地址：https://github.com/gavin125/gavin-Vtype 主要用正则的方式匹配输入内容的格式 分为两个版本： 1、Vtypejs.js为原生js版本2、Vtype.js为jquery插件 验证效果为： 1、获得焦点时出现提示，失去焦点时判断结果（密码强度为键盘输入实时 阅读全文
posted @ 2016-05-16 11:15 小古哥 阅读(399) 评论(0) 推荐(0)
正则表达式
摘要：特殊符号(使用需要'\'转义) ！ $ ^ * + = | . ? \ / ( ) [ ] { } 创建正则表达式 方法一 var re =new RegExp("a","i") 方法二 var re =/a/i 字符类 \w 匹配任何ASCII单字符 [a-zA-Z0-9_] \W 匹配任何ASC 阅读全文
posted @ 2016-05-11 15:44 小古哥 阅读(176) 评论(0) 推荐(0)
教程笔记《JavaScript深入浅出》
摘要：一、数据类型 javascript是弱数据类型语言，不需要显式的定义类型，一共有如下六种数据类型 五种基本类型：number，string，boolean，null，undefined 一种复合类型：object 对象：Function，Array，Date，Math，... 类型检测： typeo 阅读全文
posted @ 2016-03-17 10:55 小古哥 阅读(318) 评论(0) 推荐(0)
CSS3边框图片-像素虚边的问题
摘要：虽然CSS3新增了这个功能，但是在W3school里面并没有给出具体详细的解释，还好网上不乏大神给你我们很全面的解释其中的原理-css3：border-image边框图像详解 边框图片的原理是四个角不变，边拉伸或平铺，border-image-slice:27 27 27 27（可以缩写，同内外边距 阅读全文
posted @ 2016-03-16 15:35 小古哥 阅读(1209) 评论(0) 推荐(0)
H5canvas赛车游戏-基于lufylegend引擎
摘要：lufylegend引擎是canvas游戏中，比较简单的引擎之一，它不需要配置环境，类似引入jquery包的方式，引用对应js文件即可 lufylegend官方网站：http://www.lufylegend.com/ 首先看下游戏的截图 游戏设计比较粗糙，逻辑也很简单，就是通过点击左右来控制红色的 阅读全文
posted @ 2016-01-06 11:11 小古哥 阅读(720) 评论(0) 推荐(0)
基于jquery的-获取短信验证码-倒计时
摘要：在制作短信验证的时候，需要做一个获取短信按钮，点击后显示倒计时， html代码如下： js代码如下： 阅读全文
posted @ 2016-01-06 10:59 小古哥 阅读(428) 评论(0) 推荐(0)
标签语义化之常用HTML标签
摘要：一、布局的理解误区 网络上流行管新型的布局方式叫“DIV+CSS”，其实是一个错误的理解，导致了很多人过度依赖与滥用DIV标签， HTML提供了我们一共七八十个标签，其中常用的有三十个左右，DIV不过是一个相对的空标签而已，在很多情况下，我们可以使用其他更合适且更简洁的标签可以替代它。 二、标签的差 阅读全文
posted @ 2014-01-17 13:26 小古哥 阅读(1062) 评论(0) 推荐(0)

上一页 1 2