- 博客(166)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 8年前端开发的知识点沉淀(不知道会多少字，一直写下去吧...)
我的博客：http://ruizhengyun.cn/#/code/1/content?labels=front-end先啰嗦几句2011年开始从事前端，从一个页面的切图仔到如今还算合格的前端工程师，一路走来，我很清楚要学的很多，其中也学了很多，学的同时也丢了很多（身陷边学边丢，边丢边学的状态）。尤其这3年，前端领域可谓是百家齐放，四面开花。可以说这是最好的时代也是最坏的时代。说它好，这...
2019-10-14 20:47:28
503
1
原创 前端初级新人，如何撕去菜鸟标签
原文地址：github.com/ruizhengyun…作为前端新人，我们常以菜鸟自居，主要是专业程度不高，还有就是自谦。其实，作为菜鸟的我们也想撕掉这类标签，我们也努力，可还是学不好前端，是真的不适合做这行还是方法不对，没人告诉我们？如果你觉得自己还处在菜鸟阶段的迷茫区，那可以看看本篇文章，希望看完之后你能得到想要的。如果你要阐述你的想法，请在评论区留下你的文字。前端路上我们都会...
2019-10-17 19:45:01
489
原创 单文件js
// about.jsfunction Index (){ if(!(this instanceof Index)){ return new Index(); } this.init();};Index.prototype = { init: function (){ this.getUserName(); }, getUserName: function (){ c
2015-05-17 23:53:08
932
原创 cdn和dns
相信有很多的朋友会被这几个名词绕的有些头大，很多朋友觉得智能DNS跟双线加速、CDN加速是类似的技术。其实不然，虽然他们的目的都是一个：让用户更快的访问网站。但是他们的应用原理却大相径庭。大家一定很清楚这几种都是比较常见的主机加速的方式。所以文本主要介绍一下“智能dns解析”，“cdn加速技术”，“双线主机的加速方式”的基本加速原理，当你了解了这些就可以从这几种方式中找出一种更适合你的主机的加速方
2015-04-28 09:32:09
1382
转载 JavaScript中的事件委托
JavaScript中的事件委托传统的事件处理事件委托就是在一个页面上使用一个事件来管理多种类型的事件。这并不是一个新的想法，但对于把握性能来说却很重要。通常情况，你会在web应用程序中看到这样的代码：document.getElementById("help-btn").onclick = function(event){ openHelp(); }; docum
2015-04-24 17:57:47
828
转载 模块的写法
首先，Javascript不是一种模块化编程语言，它不支持"类"（class），更遑论"模块"（module）了。一、原始写法模块就是实现特定功能的一组方法。只要把不同的函数（以及记录状态的变量）简单地放在一起，就算是一个模块。function m1(){ //... } function m2(){ //... }上面的函数m1()和m2()，组成一个模块
2015-04-24 17:39:07
1125
原创 常用js函数
// 清除空格String.prototype.trim = function (){ var s = /^\s*(.*?)\s+$/g; return this.replace(s, '$1');}// 清除左空格/右空格function ltrim (s){ return s.replace( /^(\s*| *)/g, ''); }function rtrim (s){
2015-04-17 14:40:23
1176
1
原创 apply 使用
apply 使用 // 实现继承 function Animal(name){ this.name = name; this.showName = function(){ alert(this.name); } } function Cat(name){
2015-04-15 19:02:52
729
原创 编写高效的jQuery代码总结
选择短路求值// 糟糕function initVar($myVar) { if(!$myVar) { $myVar = $('#selector'); }}// 建议function initVar($myVar) { $myVar = $myVar || $('#selector');}选择捷径// 糟糕
2015-04-15 18:42:09
596
原创 jquery 控制textArea 随文本增加而变高
jquery 控制textArea 随文本增加而变高 *{margin:0; padding: 0;} .f-wrap{ width: 1000px; margin:30px auto; } textarea{ text-indent: 2em; border:1px solid #ddd; width: 100%; height:150px
2015-04-15 18:33:05
1732
原创 jquery 内边框设置
jquery 内边框设置 *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} img{max-width:100%; width:auto\9; height:auto; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;} body{ fo
2015-04-15 18:32:08
2683
原创 jQuery之下拉框左右选择
jQuery之下拉框左右选择 *{margin:0; padding: 0} body{ text-align: center;} .wrapper{ width: 1000px; text-align: left; margin:50px auto;} .centent{float:left; width:140px; margin-right: 10px; text-align:c
2015-04-15 18:27:28
752
原创 WEBAPP开发技巧总结
自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。WebApp与Native App有何区别呢？Nativ
2015-04-15 17:38:05
1192
1
原创 分类搜索
搜索 *{ padding:0; margin:0;} body{ font-size:12px;} ul,li { list-style:none; cursor:pointer;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear
2015-04-15 15:47:02
756
原创 jquery 向上滚动
jQuery文字无缝滚动效果代码 *{margin:0;padding:0;font-size:12px;} body{background:none;} input,button,select,textarea{outline:none;} ul,li,dl,ol{list-style:none;} a{color:#666;text-decoration:none;}
2015-04-15 15:33:33
829
原创 jquery 互转 javascript
trim 1 2footer/* Creating Elements（创建元素）$('');document.createElement('div');*//* Inserting Elements Before & After（在元素前后插入）$('#1').before('0')document.getElementById('1').i
2015-04-15 15:31:35
768
原创 面试时，你可以向公司提的一些问题
你们为什么要招聘这个职位？这个问题会使得面试官开始谈论当前的项目，或者谈论前一位离职人员。无论哪种情况，都会让你了解，一些与你最密切相关的公司情况。你们的新员工多吗？这个问题起一个过渡作用，使得谈话导向公司内部的情况。但是，它本身也能说明一些问题。如果公司成立已经超过四年，又没有新项目，但是新员工却很多，这往往说明公司文化不是很健康。你们公司（团队）目前面临的最大挑战是
2015-04-15 10:23:57
2726
原创 《致橡树》–by 舒婷
我如果爱你——绝不像攀援的凌霄花，借你的高枝炫耀自己；我如果爱你——绝不学痴情的鸟儿，为绿荫重复单调的歌曲；也不止像泉源，常年送来清凉的慰藉；也不止想险峰，增加你的高度，衬托你的威仪。甚至日光。甚至春雨。不，这些还不够！我必须是你近旁的一株木棉，作为树的形象和你站在一起。根，紧握在地下。叶，相触在云里。每一阵风过，我们都互相致意，
2015-04-14 13:29:23
754
原创 《嫁给幸福》–by 汪国真
有一个确定的目标总能让我们欢欣鼓舞就像飞向火光的灰蛾甘愿做烈焰的俘虏摆动着的是你不停地脚步飞旋着的是你美丽的流苏在一往情深的日子里谁能说得清什么是甜什么是苦只知道 确定了就义无反顾要输就输给追求要嫁就嫁给幸福
2015-04-14 13:28:44
697
原创 夜跑，各有各的心思
太阳还未出来，就要起床、洗脸刷牙、买早餐、赶公交、挤地铁、在地铁里打瞌睡、眼睛里还充满着血丝，为着不同的目标，相同的目的，熙熙攘攘。月亮已经上场，拖着疲惫的身躯，一身臭皮囊，又无偿给公司加了几个小时的班，心里早已把老板骂勒个稀巴烂，这些剥削的资本家。地铁里，只要能有个靠的地儿，你就能睡着，哪怕是站着的。坐过站了大不了在坐回来呗。这就是一天。我喜欢夜跑，喜欢昏黄的灯光从远
2015-04-14 13:28:39
654
原创 封装自己的js库
//javascript 可作外部调用//base.js// 前台调用var $ = function(){ return new Base();};// 基础库，Base 基础库的核心对象function Base(){ // 创建一个数组，来保存获取的节点和节点数组,之所以放在对象里面是防止公有化 this.elements = [];}// 获取IDBase.prot
2015-04-14 13:22:09
1313
原创 随机数 从开始到现在
function myRandom(start,end){ var total = end - start + 1; return Math.floor(Math.random()*total + start); } for(var i=0;i<10;i++){ document.write(myRandom(5,10));
2015-04-14 13:18:36
566
原创 canvas 烟花
canvas 烟花/* basic styles for black background and crosshair cursor */body { background: #000; margin: 0; }canvas { cursor: crosshair; display: block; }Canvas is not supported in your browser.
2015-04-14 11:51:09
1631
原创 加分小代码的应用
加分小代码body{background-color:#2C3437; font-family:\5FAE\8F6F\96C5\9ED1, Arial, Lucida, Verdana, Helvetica, sans-serif;}#like{background:#F90; width:100px; height:30px; border-radius:5px; color:#fff;
2015-04-14 11:43:11
861
原创 load图片生成
在我们操作ajax的loading的时候，中间需要一点加载时间，这期间若是什么画面都没有，会让用户感觉是不是没有反映，体验度非常的不好。聪明的你，马上会想到用一个gif动画向客户展示页面正在加载请稍等。ok，点击这里，你就可以DIY一个自己想要的gif动画，good luck!!
2015-04-14 11:39:32
887
原创 jquery 对象级插件开发框架
;(function($){ $.fn.plugin = function(options){ var defaults = { //默认参数设置 //... } //通过$.extend()的方法将两个对象进行组合 var options = $.extend({},defau
2015-04-14 11:38:37
820
原创 checkbox 之内容一致与只读状态
需求分析如下:用户输入两组用户信息：一组是送货目的地，另一组是账单组目的地。在大多数情况下，这两个地址是一致的。让用户重复输入两次相同的信息会导致用户友好度降低，而这非我们所想。通过给账单地址添加复选框，意在指示账单地址是否与送货地址一致。如果选中复选框，就从送货地址复制账单地址并且设为只读状态；如果取消选中复选框，就从文本字段里清空账单地址和只读状态。 The Test f
2015-04-14 11:36:51
1019
原创 web前端开发的规范文档
规范目的为提高团队协作效率，便于前端后期优化维护，输出高质量的文档，特制订此文档。本规范文档一经确认，前端开发人员必须按本文档规范进行前台页面开发。本文档如有不对或者不合适的地方请及时提出，经讨论决定后方可更改。基本准则符合web标准，语义化html，结构表现行为分离，兼容性优良。页面性能方面，代码要求简洁明了有序，尽可能的减小服务器负载，保证最快的解析速度。文
2015-04-14 11:27:56
819
原创 css 去色
有这么一个样式，可以在你实现无色和加色之间游刃有余。网站设计师在设计网页时，有时将一块图片设计成灰色，鼠标移上去，图片就有颜色。一般的逻辑是做两张图片，然后在鼠标上做图片切换事件。当然这种方法可以完美是实现， 不过有个小瑕疵，就是你要切一倍的图片（有色 + 无色）。下面介绍样式实现，可以减少一倍量的工作哦。// HTMLCSS.grayscale img{filter: g
2015-04-14 11:11:27
39176
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人