♥ 前端开发 ♥
文章平均质量分 78
小北哥哥和北妈
北妈,不止关注技术,拒绝过阿里的offer,靠互联网副业早早赚到人生的3个100w。
展开
-
web项目开发 之 前端规范 --- JSON数据传输规范
此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范文档。供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力。场景:前后端分离 异步利用JSON 传输数据;E-JSON数据传输标准简介E-JSON的设计目标是使业务系统向浏览器端传递的JSON数据保持一致,容易被理解和处理,并兼顾传输的数据量。E-JSON依托于http协议(rfc2616)与原创 2016-06-07 15:17:54 · 16649 阅读 · 1 评论 -
jquery Ajax 全局调用封装
有一种情况:全站都要用异步方式来调用 数据,提交数据,那么你每次操作 都会要$.ajax({.....})写重复的方法 和代码,冗余太大, 也浪费时间,虽说你有代码自动提示补全,但真的不优雅,身为前端极客,是不能允许的!【嘿嘿!虽说我现在基本不用jquery了 ,不过异步概念 是永远要用的,就帮助下新人】jQuery Ajax通用js封装第一步:引入jQuery库第二步:开发Ajax封装类,已测试原创 2016-06-02 15:03:09 · 28400 阅读 · 4 评论 -
HTTP 头部信息和错误码汇总详细解释,必收藏!
最近在调试 前后端分离的请求测试,遇到了一个406错误, 无法接受,于是开始了人肉搜索406最后 还是HTTP头部信息里的Accept:application/json 这个Accept 导致的, 后端设置了只允许application/json 这种形式,so前端模拟请求的时候,你也要和后端沟通好,然后发送请求参数,就可以了!正好,也忘得差不多了,下面我们就来总结和回顾一下HTTP 的一些参数原创 2016-05-31 10:10:26 · 14259 阅读 · 1 评论 -
js的call() ,apply() 两种方法的区别和用法,最白话文的解释,让枯燥滚粗!
背景:今天群里有 妹子(我就不指名道姓喽)说:百度了一圈calll()函数和apply()函数,感觉还是糊里糊涂然后群里热闹了,各种表情包,各种殷勤,你懂的!正好我前几天刚又重新翻了一遍 那本 600多页 的圣经书,我习惯时不时的去打下基础,只是为了用来装逼,给人讲解。。。。(我是有多蛋疼)!好了下面针对这个问题,我看好多小朋友 都不理解或者很迷惑,确实容易绕晕,毕竟是js独有的面向对象嘛,你要一原创 2016-05-23 13:17:08 · 16882 阅读 · 16 评论 -
web项目开发 之 前端规范 --- CSS编码规范
此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范文档。供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力。转载请注明出处;JS前端实用开发QQ群 :147250970 欢迎加入~!CSS编码规范1 前言2 代码风格 2.1 文件 2.2 缩进 2.3 空格原创 2016-04-26 11:32:38 · 7437 阅读 · 9 评论 -
web项目开发 之 前端规范 --- HTML编码规范
此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范文档。供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力。转载请注明出处,JS前端实用开发QQ群 :147250970 欢迎加入~!HTML编码规范1 前言2 代码风格 2.1 缩进与换行 2.2 命名原创 2016-04-26 11:32:56 · 17281 阅读 · 3 评论 -
web项目开发 之 前端规范 --- JavaScript编码规范
JavaScript编码规范此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范文档。供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力。场景:web前端开发中 一些Javascript的注意事项 和 规格建议;【参考百度资料 和个人一些总结】1 前言JavaScript 在百度一直有着广泛的应用,特别是在浏览器端的行为管理。本文档的目标是使原创 2016-07-29 14:35:48 · 11505 阅读 · 5 评论 -
Web开发中 前端路由 实现的几种方式和适用场景
浅析Web开发中前端路由实现的几种方式主题 Web开发故事从名叫Oliver的绿箭虾`说起,这位大虾酷爱社交网站,一天他打开了 Twitter ,从发过的tweets的选项卡一路切到followers选项卡,Oliver发现页面的内容变化了,URL也变化了,但为什么页面没有闪烁刷新呢?于是Oliver打开的网络监控器(没错,Oliver是个程序员),他惊讶地发现在切换选项卡时,只有几个XHR请求发翻译 2016-07-04 14:56:15 · 53769 阅读 · 3 评论 -
再谈 JS中的模块规范(CommonJS,AMD,CMD)来自玉伯的seajs分析
随着互联网的飞速发展,前端开发越来越复杂。本文将从实际项目中遇到的问题出发,讲述模块化能解决哪些问题,以及如何使用 Sea.js 进行前端的模块化开发。恼人的命名冲突我们从一个简单的习惯出发。我做项目时,常常会将一些通用的、底层的功能抽象出来,独立成一个个函数,比如function each(arr) { // 实现代码}function log(str) { // 实现代码}并像原创 2016-05-27 16:42:42 · 19776 阅读 · 1 评论 -
canvas 让你呼风唤雨,下雨下雪效果
前端如何呼风唤雨创世纪第一章首卷原文起初我创造了canvas 。我说,要有雨,就有了雨;我说,要有雪,就有了雪。而对于前端来说,canvas即是天地在canvas这个天地上,前端可以呼风唤雨,无所不能。------------------------------------华丽的分割线-----------翻译 2016-05-18 15:19:06 · 21369 阅读 · 17 评论 -
记住markdown 简明语法 2分钟熟练
markdown 简明介绍Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑,Markdown 的语法十分简单。常用的标记符号也不超过十个,这种相对于更为复杂的 HTML 标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。使用 Markd原创 2016-08-06 09:00:47 · 1877 阅读 · 1 评论 -
网页标签功能插: jQuery tags input 翻译api
看名字应该知道是干嘛用了吧。这种规格标签,因为在写一个后台,用到这种场景,vuejs又没什么可用的,所以这种交互性极强的 ,还是离不开jquery啊。后悔没用react 开发, 结合ant 里面插件都有。唉,多说无用 ,。我们来看下吧vuejs 我自己写了好多 组件,到时我会开源 github上去 转自:jQuery Tags Input Plugin(添加/删除标签插件)一个jquery开原创 2016-08-18 15:59:14 · 4564 阅读 · 4 评论 -
js循环数组各种方法array 汇总-基础
js循环数组各种方法array 汇总-基础 这几天做系统, 又用到多维数组 循环 交叉。所以总结一套 以供参考记录Js代码 var myStringArray = ["Hello","World"]; for (var i = 0; i alert(myStringArray[i]); //Do something } Js代码 Array.prototype.foo原创 2016-08-19 11:38:39 · 8097 阅读 · 2 评论 -
web前端入坑第二篇:web前端到底怎么学?干货资料!
hi,大家好! 我的第一篇文章:【web前端到底是什么?有前途吗?】,在我没想到如此 ‘HOT’ 的情况下 得到很多好评和有效传播。 也为我近期新开的 个人前端公众号:前端你别闹(webunao) 直接增加了几百粉(果然,帅的人大家都喜欢。) 被国内著名技术博客 CSDN 推上博客首页,并且经过我授权在其他公众号也转载了不少。我觉得我这片入门文章可以小火,究其原因原创 2016-08-08 12:02:55 · 51439 阅读 · 63 评论 -
宝宝 : 天天加班, 有意义吗?
近几日,各大头条非 “宝宝”莫属,当然 宝宝 一词我是不喜欢叫的,感觉就是妹子卖萌用的。我从来不叫宝宝, 也不称呼自己:宝宝饿了(饿你妹啊), 宝宝很桑心。。。本来我不想搭 宝强 的顺风车的,毕竟娱乐圈的东西,咱们it屌不懂。我这里也有很多顺嘴的段子,但我就不发出来了,毕竟UC、某讯、某浪的任何新闻,任何留言都是各种老王 老宋的段子。看多了也就觉得世人更喜欢调侃和娱乐而已!但我也算一个傻根粉丝,毕原创 2016-08-22 12:32:38 · 5388 阅读 · 8 评论 -
web前端 | 如何选择撸码神器
进来,不少小伙子、小妹子来问一个家常便饭,但又逃不脱的问题:小北哥哥,现在这么多编辑器,我该用哪一个好啊,看着都不孬啊(孬字用得好!)此篇文章,纯客观分析 顺便吹逼,老鸟和大神直接略过吧!省的你们看到我写这个问题,再说我烦不烦啊,这问题都讨论了多少年了,甚至好多群里,一看到谁在讨论编辑器,就要送飞机票。但很多转入前端的孩子还是很迷茫, 能力和悟性也分三六九等,人不同,自然适合自己...原创 2016-09-01 09:59:43 · 10811 阅读 · 17 评论 -
vuejs 开发问题解决方案总结一
原文链接:http://mrzhang123.github.io/2016/07/14/summarize-vue/最近一段时间忙着工作的一些事情,同时自己也在试着把项目中的一些移动端页面试着用vuejs重写,所以没时间写文章,今天终于有空可以写一下,由于页面并没有写完,所以就将自己这几天做页面的时候遇到的一些问题总结了一下。其实很多在官网都能找到,但是我们只看官网教程不去写,很难理解到底是什么意翻译 2016-09-01 10:01:16 · 43100 阅读 · 0 评论 -
JQuery Ajax使用FormData对象上传文件 图片
通过jQuery Ajax使用FormData对象上传文件FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单"。在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明。但上传文件部分只有底层的XMLHttpRequest对象发送上传请求,那么怎么通过jQuery的Ajax上传呢原创 2016-08-26 17:19:27 · 40189 阅读 · 13 评论 -
web 前端入坑第一篇:web前端到底是什么?有前途吗
web前端到底是什么?某货: “前几年前端开发人员鱼目混杂,技术参差不齐,相对学习起来不规范,导致> 前端开发人员聚集,所以现在前端工种和工资还是没得到普遍重视,但近2年来,> > HTML5、JS 的流行,让前端异常火爆,以后还会更有前途吗?请问您怎么看?”我“我只能告诉你:前端不灭”“除非你不要脸!”“前些年因为国内都不要脸,然而现在都明白了用户体验...原创 2016-08-01 14:49:20 · 98778 阅读 · 69 评论 -
web前端 | 一条“不归路” - 学习路线
本文属于职业解惑系列,读完此文要么生,要么死。要么充满斗志,要么颓废放弃。没错,此文的观点可以让你极端,但极端的选择,完全取决于你个人!付出就有回报,做好现在,技术只是为了改变生活!——小北哥哥好的,我x装完了,情怀也写好了,那么我们进入【相守】的话题。由于前两篇【前端开发】文章,得到不少赞同和转发,应该也帮助了不少刚入门感兴趣的童鞋更好的入坑。更不少人留言说 “根据你的文...原创 2016-08-15 10:39:35 · 52026 阅读 · 33 评论 -
程序员:幸福感到底有多重要
不快乐的现实 “ 快乐与不快乐总是相伴的,总是相对地存在。没有快乐,便没有不快乐;没有不快乐,便不知道何为快乐。永远沉浸在快乐中,那是童话;永远生活在不快乐中,宗教也会教育人们说,那是命运,让人们麻木。正常的生活是一种平和,即我们能时时创造快乐、感受到快乐,以抵消种种不快乐。郁闷的生活是一种倾斜,快乐更多地在想象中,或极少真实地出现,人们在诸多不快乐中期待它,开始感到筋疲力尽 ”原创 2016-09-19 11:51:28 · 8601 阅读 · 10 评论 -
微信‘小程序’: web前端的春天 or 噩梦?
最近大家看到这张图是不是都快吐了?这两天一睁眼就被这张图刷屏了 喵了咪的,点到哪里都是这个报道和新闻最近因为工作 和生活略忙,爱吹文章的我,更新频率也低了,在这里抱个歉,希望大家理解和包容,希望“粉丝们”(装逼完成、跑….),不要离开我这么帅的人! 此文观点声明先: * 只通过技术角度分析讨论 【小程序】对程序员、web前端、后端人员技术路线的影响 * 不从产品角度 展原创 2016-09-26 10:05:51 · 16927 阅读 · 36 评论 -
VueJs 自定义过滤器使用总结
在这个教程中,我们将会通过几个例子,了解和学习VueJs的过滤器。我们参考了一些比较完善的过滤器,比如orderBy 和 filterBy。而且我们可以链式调用过滤器,一个接一个过滤。因此,我们可以定义我们自己的过滤器在我们的Vue实例中。阅读这个教程的前提是你对Vue已经有了基本的语法基础。VueJs中的过滤器基础过滤器是一个通过输入数据,能够及时对数据进行处理并返回一个数据结果的简单函数。Vu原创 2016-09-27 15:55:51 · 33544 阅读 · 2 评论 -
在2016年如何学习JavaScript?
在2016年如何学习JavaScript?原文链接 Want to learn JavaScript in 2016?作者:Vincent O译者:相信有不少人已经读过在 2016 年学 JavaScript 是一种什么样的体验?这篇神文,那么假如你真的要在2016年开始学习JavaScript,你应该怎么办呢?下面介绍的是我这一年来学习JavaScript的经历。我当初给自己定下的目标是通过学习翻译 2016-11-04 11:08:34 · 5201 阅读 · 3 评论 -
防止js全局变量污染方法总结-待续
前言记得long long ago,刚刚开始写JS的时候,我喜欢写一些函数在JS文件里边,然后通过script标签引进来,在DOM节点上绑定onclick等事件,看了很多人写的代码,也大多是这样。后来会发现,当项目小的时候这么做为了快速开发是可以接受的,然而当很多人一起开发一个Javascript大应用的时候,你会发现不同的代码风格跟全局变量会导致很多冲突,这是一个很痛苦的事情。 曾经的经历用过j原创 2016-10-14 16:07:13 · 12670 阅读 · 5 评论 -
一次完整的HTTP请求是怎样的
一次完整的HTTP请求过程从TCP三次握手建立连接成功后开始,客户端按照指定的格式开始向服务端发送HTTP请求,服务端接收请求后,解析HTTP请求,处理完业务逻辑,最后返回一个HTTP的响应给客户端,HTTP的响应内容同样有标准的格式。无论是什么客户端或者是什么服务端,大家只要按照HTTP的协议标准来实现的话,那么它一定是通用的。HTTP请求格式HTTP请求格式主要有四部分组成,分别是:请求行、请翻译 2016-10-20 15:25:21 · 4665 阅读 · 2 评论 -
快速学习JS的思考方法、有用
当人们尝试学习 JavaScript , 或者其他编程技术的时候,常常会遇到同样的挑战:有些概念容易混淆,特别是当你学习过其他语言的时候。很难找到学习的时间(有时候是动力)。一旦当你理解了一些东西的时候,却很容易再一次忘记。可以使用的工具甚多且经常变化,所以不知道从哪里开始入手。幸运的是,这些挑战最终都可以被战胜。在这篇文章里,我将介绍 6 个思维技巧来帮你更快的学习 JavaScript ,让你翻译 2016-10-20 15:54:10 · 4482 阅读 · 3 评论 -
看看什么叫号召力:给最帅的人投票,请戳进来看,有奖
事情是这样的,这几天有事,没更新csdn博客,然后,我一上线csdn工作人员和 粉丝给我发了一个链接, csdn投票【博客之星】,说问我 为什么不拉票?为什么不拉票?为什么不拉票?我懵的一B,我知道个卵? 我基本不参加投票,但这次我得投,因为。。我得让大家知道我多帅!网址如下或者点击图 进去 点 投一票 即可投给最帅的人:http://blog.csdn.net/vote/candidate.ht原创 2016-11-29 11:19:44 · 1910 阅读 · 1 评论 -
纯福利 | 前端新人面试题汇总-基础篇
近来,由于我的公众号粉丝越来越多,当然留言和各种问题也越来越多,虽说近来一段 因为产品接近收尾上线阶段,确实略忙,我有时候甚至回到我温暖的家 都将近深夜11点(我也不知道为何这么拼,后面我会写篇文章专门分析这个问题);【关于前端面试技巧,或者面试准备等方面】已经被好多位同学要求了好多次。所以,今天我简单整理了下以前收集和自己想到的一些【基础篇技术篇】先送给大家。这些问题都很普通 但很基础和重要,决定原创 2016-11-14 12:00:03 · 10935 阅读 · 20 评论 -
webupload 上传插件 完美版 - 拿走直接用
由于最近,我们产品web端口 ,涉及批量图片上传(你懂得, 商品嘛,都玩吐了),然后自己写了一个半成品,后来各种体验问题,然后一想那么不是傻么? 这么多上传插件。然后,那就烂大街的 webupload 呗,虽说我是 百度黑,不过百度确实有那么几个良心插件还是不错的 。现在入正题,由于 webupload 功能强大,配置繁多,不过相对还是很好应用,不过遇到的问题也不少,供大家参考 ,最好只支持原创 2016-12-12 10:27:20 · 21212 阅读 · 11 评论 -
如果40岁了还在写代码,是一种幸福,还是一种悲哀?
今天突然想到一个问题:如果40岁了还在写代码,是怎样的状态?然后搜了一下,果然已经有人想到了,我们先来看看知乎的神人回答。曾经有网友在知乎提问:“如果 40 岁了还在写代码,是一种幸福,还是一种悲哀?请考虑国情,别老拿外国作比方。” 下面是其他一些知乎网友的回复: 马上就 40 了,依然在写代码,写各种代码,从C/C++写到 object-c,从 java 写到 lua,乐在其中,享受得很。原创 2016-11-21 17:44:28 · 13749 阅读 · 17 评论 -
关于Safari 浏览器不兼容vuejs 的新属性-小总结
由于公司一个产品进入 TR2末端测试阶段。我用mac 的 Safari 浏览器小心翼翼的打开我们产品 测试 本来以为,Safari 毕竟是mac家族 逼格高些,而且和 chrome 同出一家内核技术, 应该是最标准 和兼容性极好的一类 结果呢?呵呵哒! 数据页空白。but chrome浏览器是正常的 ,这能忍? 这不是放弃了一大批的 mac用户?于是我放下手中馒头和面条子(北方人 中午就喝面条原创 2016-12-30 10:27:43 · 18199 阅读 · 2 评论 -
作为前端你不得不知-浏览器的工作原理:网络浏览器幕后揭秘
序言这是一篇全面介绍 WebKit 和 Gecko 内部操作的入门文章,是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中,她查阅了所有公开发布的关于浏览器内部机制的数据(请参见资源),并花了很多时间来研读网络浏览器的源代码。她写道:在 IE 占据 90% 市场份额的年代,我们除了把浏览器当成一个“黑箱”,什么也做不了。但是现在,开放源代码的浏览器拥有了过半的市场份额,因此,是时候来揭开神翻译 2017-01-14 12:29:13 · 4488 阅读 · 6 评论 -
CDN引起的 字体跨域问题,解决方案和问题
今天部署外网上线事宜,前端我来配置了CDN,阿里云的 CDN服务,其他都没问题,简直了 阿里云的CDN GZIP压缩也是够强开启GZIP压缩后,原来我几十K 的 JS文件,直接变成了 不足1K ,秒加载,你妹,我们项目组高兴了一把。这网站还不是秒开么 ?---------------------------------------------- 看效果 : ...原创 2017-01-17 18:01:34 · 20644 阅读 · 3 评论 -
关于 safari浏览器 不支持new Date 显示NaN的问题记录
知识点:new Date问题: safari浏览器 显示 NaN因为 JS中要求Date类型转换的原始数据格式是yyyy/mm/dd之类的,所以横岗 - 要替换掉才可以今天同事来问,我一看果然啊,mac版高级的safari 没问题,就老版本的 safari5.0 及以下有问题,然后聪明如我,搜了一下关键字, new Data safari 就行了,出来一堆前人查询过的记录,然后就解决了,换个写法嘛原创 2017-02-08 17:46:13 · 7664 阅读 · 0 评论 -
图解script的三种加载方式 异步加载顺序
摘录如下:可以很清晰的看出:: 脚本的获取和执行是同步的。此过程中页面被阻塞,停止解析。:脚本的获取是异步的,执行是同步的。脚本加载不阻塞页面的解析,脚本在获取完后并不立即执行,而是等到DOMready之后才开始执行。: 脚本的获取是异步的,执行是同步的。但是和的不同点在于脚本获取后会立刻执行,这就会造成脚本的执行顺序和页面上脚本的排放顺序不一致,可能造成脚本依赖的问题。参考文献:Asynchro转载 2017-01-19 15:25:26 · 3555 阅读 · 2 评论 -
来看属于地球的“手机home”键,乔布斯离世遗作-uc头条报道
今天转载一篇uc头条推送的新闻。致敬我的一个偶像 乔老爷 。不得不佩服,苹果从内到外 从上到下对设计和工艺的精益求精,看了此文,深受鼓舞。苹果新总部即将竣工,因为类似宇宙飞船的整体外观,这一新总部被人们称为 “宇宙飞船”,而总部 2.0 距离最终完成也仅剩几个月的时间了。新总部的设想最初是由乔布斯在 2011 年首次在库比蒂诺市议会上提出的。按照乔布斯的构想,这一建筑将会采用自给自足的生态化设计,转载 2017-02-10 18:22:30 · 1460 阅读 · 0 评论 -
前端里最帅的2016年终总结
年底了,我奋战到最后一刻,虽说我很帅,但是 免不了俗。人人都写各种年终总结,年终告白,虽说大部分人是在应付公司(我不揭穿你们额),但如果是自己真心实意的想写,确实是有很多东西值得记录和思考的。 我司是没有强迫必须写年终总结的,如果强迫我写,我偏不写,没强迫我写,我到是有一堆的话要吹!对,就这么任性。好多人问小北,你今年多大了,我基本像女人一样不爱透漏自己的年龄和一些隐私的,毕竟说了就少了很多撩妹原创 2017-01-24 23:25:52 · 14501 阅读 · 23 评论 -
web前端入坑第四篇:你还在用 jQuery?
web前端入坑第四篇:你还在用 jQuery?大妈都这么努力,我们有几个人回家还看书的?先来补齐【web前端入坑系列】前三篇的连接web前端入坑系列:点击标题进入第一篇: web 前端入坑第一篇:web前端到底是什么?有前途吗第二篇: web前端入坑第二篇:web前端到底怎么学?干货资料!第三篇:web前端入坑第三篇 | 一条“不归路” - 学习路线!再说这个话题之前...原创 2017-03-20 16:47:25 · 27136 阅读 · 11 评论 -
“全栈”工程师 请不要随意去做
今天我来给大家说说 “全栈工程师” 的事儿。写这篇文的背景原因:很简单就是最近越来越多的人想做【全栈工程师】,他们的目标就是全栈,他们才入行短短1-2年,甚至刚从培训班出来:我的目标是做全栈,我啥都要学会,啥都会写,这样我就是大牛了,可以挣大钱,就算创业,我也不用招那么多人,一个人搞定一个产品,融资上市 ,CEO白富美,balabala。。。我给他的回复是: 去你xx的原创 2017-03-28 11:41:35 · 58027 阅读 · 156 评论