随笔分类 -  Web技术

1 2 下一页
HTML+CSS+JavaScript
JS模板引擎实现
摘要：早的时候我得到服务器返回的json数据 然后用jQuery拼接起来生成DOM插入到页面中去。但是对于复杂的数据，拼字符串是件很头疼的事，为了方便开发，而且更具有通用性所以就出现了很多的模板引擎 例如Mustache doT juicer Underscore Handlebars 等。然后国内就有了... 阅读全文
posted @ 2014-10-05 16:55 强子~Developer 阅读(494) 评论(1) 推荐(1)
移动网站开发
摘要：>pm.js:一个基于hashChange的单页面路由>mtpl:一个高性能小体积的js模版引擎>ratchet:一个针对移动的css框架 阅读全文
posted @ 2014-08-13 10:25 强子~Developer 阅读(157) 评论(0) 推荐(0)
JavaScript_patterns
摘要：一些问题的记录===================如何添加事件```javascript// the interface var utils = { addListener: null, removeListener: null }; // the i... 阅读全文
posted @ 2014-08-03 17:02 强子~Developer 阅读(186) 评论(0) 推荐(0)
实习生活
摘要：>不知不觉来到这里已经是三个礼拜了，我每天都会收获许多东西 感觉比在学校里面好多了***********>第一周我主要是报道&熟悉环境 学习JavaScript基础知识和工具的使用 回顾Less&Coffee 用Node写一个程序 在这个期间1.我学会如何使用Node执行子程序 避免回调函数过多的金... 阅读全文
posted @ 2014-08-02 17:32 强子~Developer 阅读(178) 评论(0) 推荐(0)
A simple
摘要：You'll implement once, a function that takes another function as an argument, and returns a new version of that function that can only be called once.... 阅读全文
posted @ 2014-07-30 00:47 强子~Developer 阅读(210) 评论(0) 推荐(0)
利用jQuery实现一种Slider动画
摘要：关于轮播动画一种比较简单的实现机制就是 图片首先float:left排列 祖父容器定宽 父容器无限宽 然后父容器left的值一直变化就可以实现动画效果了举例如下 ... 阅读全文
posted @ 2014-07-20 22:39 强子~Developer 阅读(632) 评论(0) 推荐(0)
在网页上加入运行代码的功能
摘要：经常看到别人的博客或介绍html/css/js的网站上有个功能是运行代码 它是如何实现的 下面就一起来写一下最基本的实现方式是 打开一个新的窗口 向里面写入html代码它就会自动执行var win = window.open('', "_blank", ''); win.document.op... 阅读全文
posted @ 2014-05-20 16:47 强子~Developer 阅读(785) 评论(0) 推荐(0)
关于CSS基础框架的学习
摘要：什么是CSS基础框架?CSS 框架是一系列 CSS 文件的集合体，包含了基本的元素重置，页面排版、网格布局、表单样式、通用规则等代码块,用于简化web前端开发的工作，提高工作效率。为什么需要研究和使用它?在当前浏览器很多 而且各有差异的情况下 如何统一样式 兼容大部分浏览器是很有必要的从具象的表现中... 阅读全文
posted @ 2014-05-18 12:09 强子~Developer 阅读(302) 评论(0) 推荐(0)
如何做一个富文本编辑器
摘要：很久以前就想做一个富文本编辑器，但是感觉比较难，一直没有实现。直到了解了html5的contenteditable属性可以设置一个div为可编辑状态，利用这个特性做富文本编辑器就比较简单了首先 认识一下contenteditable 它是一个属性 可以这样使一个DIV的编辑状态被激活然后这个div就... 阅读全文
posted @ 2014-05-18 00:28 强子~Developer 阅读(2205) 评论(1) 推荐(0)
chrome插件开发示例
摘要：今天早上尝试开发一个chrome插件首先 我们需要建立一个文件夹 名字随便取 我的就叫BaiduNoAd然后 在里面 建立一个 文件manifest.json 它其实就是一个json格式的文本{ "manifest_version": 2, "name": "百度广告屏蔽", ... 阅读全文
posted @ 2014-05-06 12:38 强子~Developer 阅读(721) 评论(2) 推荐(0)
使用github Pages和Jekyll搭建一个Blog
摘要：今天花了半天时间画了一个博客网站我的博客地址是https://bq12345.github.ioGitHub是一个代码托管网站，现在很多开源项目都放在GitHub上。 利用GitHub，可以让全球各地的程序员们一起协作开发。GitHub 提供了一种功能，叫GitHub Pages, 利用这个功能，我... 阅读全文
posted @ 2014-04-27 22:35 强子~Developer 阅读(243) 评论(0) 推荐(0)
使用JavaScript制作简单的动画
摘要：Animate 点击我吧 消失 出现 function fadeOut(e,time){ if(typeof e==="string") e=document.getElementById(e); if(!time){ time=500; } var ... 阅读全文
posted @ 2014-04-26 20:31 强子~Developer 阅读(512) 评论(0) 推荐(0)
JQuery模拟七------利用extend包装ajax实现
摘要：jQuery为我们提供了如下方法来支持 Ajax和JSONP跨域访问 全部是加到jQuery的静态方法中去1. jQuery.load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。2. jQuery.get( url, [data], [... 阅读全文
posted @ 2014-04-26 18:05 强子~Developer 阅读(2873) 评论(0) 推荐(0)
JQuery模拟六------jQuery处理事件简化版
摘要：我把JQuery中事件处理的模块分离出来 删除其缓存机制 比较简单的使用它完成$().ready(function(){});和$(id).click(function(){});先看分离出来的代码 比原来少了许多 //接下来先学习jQuery的事件处理 来源Dean Edwards' addEv... 阅读全文
posted @ 2014-04-24 23:09 强子~Developer 阅读(531) 评论(0) 推荐(0)
JQuery模拟五------实现属性set&get和CSS set&get
摘要：jQuery 在设置CSS属性css方法其实调用了设置属性的方法attrcss: function(key, value) { if ((key == 'width' || key == 'height') && parseFloat(value) "marginTop" ... 阅读全文
posted @ 2014-04-23 23:36 强子~Developer 阅读(493) 评论(0) 推荐(0)
JQuery模拟四------把用到Sizzle的地方先用CSS3选择器实现
摘要：jQuery的核心就是Query 也是最复杂的 所以先不仔细研究 用CSS3代替一下如下 不太好var quickExpr = /^[^)[^>]*$|^#(\w+)$|^.(\w+)$|/; jQuery.fn = jQuery.prototype = { init: func... 阅读全文
posted @ 2014-04-23 23:26 强子~Developer 阅读(228) 评论(0) 推荐(0)
JQuery模拟三------利用extend函数扩展jQuery自身的方法和浏览器判断
摘要：在上次写好的extend函数 我说过只传一个参数就是扩展jQuery自身//自调函数把window这个全局变量传入(function() { // 把jQuery和$另存一份 以便发生冲突的时候再使用 var _jQuery = window.jQuery, _$ = window.$;... 阅读全文
posted @ 2014-04-19 20:26 强子~Developer 阅读(195) 评论(0) 推荐(0)
JQuery模拟二------添加extend函数和简单选择器
摘要：在原来的基础上添加extend函数和#id选择器//自调函数把window这个全局变量传入(function(){ //把jQuery和$另存一份 var _jQuery = window.jQuery,_$ = window.$; //在上次的代码上添加选择器机制 var ... 阅读全文
posted @ 2014-04-18 23:47 强子~Developer 阅读(296) 评论(0) 推荐(0)
JQuery模拟一
摘要：上次参加阿里的实习面试的时候 面试官和我提到假如给你一定的时间来证明你的JavaScript水平 你会做什么我毫不犹豫的就回答 开发一套JavaScript框架 在这个过程中不仅可以熟练使用JavaScript而且还学会解决一些浏览器兼容问题等这更有利于我们对JavaScript的理解下面就开始第一... 阅读全文
posted @ 2014-04-18 21:52 强子~Developer 阅读(128) 评论(0) 推荐(0)
JQuery插件开发-----------------------------------返回顶部
摘要：要实现一些论坛 SNS网站 之类的返回顶部的功能 其实比较简单 我们可以在屏幕右下角使用 fix的定位来指定它的位置不动当屏幕滚动>某一值的时候让它出现即可 点击执行$('body,html').animate({scrollTop:0},1000);即可jQuery返回顶部 Designed By BaiQiang返回顶部 阅读全文
posted @ 2014-04-12 00:22 强子~Developer 阅读(217) 评论(0) 推荐(0)

1 2 下一页