┈┈【JavaScript】
文章平均质量分 75
小北哥哥和北妈
北妈,不止关注技术,拒绝过阿里的offer,靠互联网副业早早赚到人生的3个100w。
展开
-
验证用户名是否存在
在注册的时候,常会进行用户名验证,如果输入的用户名已经存在,立刻给出提示而不是等信息填写完后进行验证,如果输入信息很多的话,不仅信息会丢失,并且会进行一次回传,很恼火,那么注册的时候使用Ajax验证一下,就可以避免这些问题了,下面给出最简单的使用示例,判断用户名是否存在: 第一种:最原始的JS验证 HMTL代码:原创 2015-07-14 11:48:18 · 5507 阅读 · 0 评论 -
js的call() ,apply() 两种方法的区别和用法,最白话文的解释,让枯燥滚粗!
背景:今天群里有 妹子(我就不指名道姓喽)说:百度了一圈calll()函数和apply()函数,感觉还是糊里糊涂然后群里热闹了,各种表情包,各种殷勤,你懂的!正好我前几天刚又重新翻了一遍 那本 600多页 的圣经书,我习惯时不时的去打下基础,只是为了用来装逼,给人讲解。。。。(我是有多蛋疼)!好了下面针对这个问题,我看好多小朋友 都不理解或者很迷惑,确实容易绕晕,毕竟是js独有的面向对象嘛,你要一原创 2016-05-23 13:17:08 · 16849 阅读 · 16 评论 -
再谈 JS中的模块规范(CommonJS,AMD,CMD)来自玉伯的seajs分析
随着互联网的飞速发展,前端开发越来越复杂。本文将从实际项目中遇到的问题出发,讲述模块化能解决哪些问题,以及如何使用 Sea.js 进行前端的模块化开发。恼人的命名冲突我们从一个简单的习惯出发。我做项目时,常常会将一些通用的、底层的功能抽象出来,独立成一个个函数,比如function each(arr) { // 实现代码}function log(str) { // 实现代码}并像原创 2016-05-27 16:42:42 · 19745 阅读 · 1 评论 -
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 · 8081 阅读 · 2 评论 -
vuejs 开发问题解决方案总结一
原文链接:http://mrzhang123.github.io/2016/07/14/summarize-vue/最近一段时间忙着工作的一些事情,同时自己也在试着把项目中的一些移动端页面试着用vuejs重写,所以没时间写文章,今天终于有空可以写一下,由于页面并没有写完,所以就将自己这几天做页面的时候遇到的一些问题总结了一下。其实很多在官网都能找到,但是我们只看官网教程不去写,很难理解到底是什么意翻译 2016-09-01 10:01:16 · 43060 阅读 · 0 评论 -
JQuery Ajax使用FormData对象上传文件 图片
通过jQuery Ajax使用FormData对象上传文件FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单"。在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明。但上传文件部分只有底层的XMLHttpRequest对象发送上传请求,那么怎么通过jQuery的Ajax上传呢原创 2016-08-26 17:19:27 · 40150 阅读 · 13 评论 -
程序员:幸福感到底有多重要
不快乐的现实 “ 快乐与不快乐总是相伴的,总是相对地存在。没有快乐,便没有不快乐;没有不快乐,便不知道何为快乐。永远沉浸在快乐中,那是童话;永远生活在不快乐中,宗教也会教育人们说,那是命运,让人们麻木。正常的生活是一种平和,即我们能时时创造快乐、感受到快乐,以抵消种种不快乐。郁闷的生活是一种倾斜,快乐更多地在想象中,或极少真实地出现,人们在诸多不快乐中期待它,开始感到筋疲力尽 ”原创 2016-09-19 11:51:28 · 8583 阅读 · 10 评论 -
VueJs 自定义过滤器使用总结
在这个教程中,我们将会通过几个例子,了解和学习VueJs的过滤器。我们参考了一些比较完善的过滤器,比如orderBy 和 filterBy。而且我们可以链式调用过滤器,一个接一个过滤。因此,我们可以定义我们自己的过滤器在我们的Vue实例中。阅读这个教程的前提是你对Vue已经有了基本的语法基础。VueJs中的过滤器基础过滤器是一个通过输入数据,能够及时对数据进行处理并返回一个数据结果的简单函数。Vu原创 2016-09-27 15:55:51 · 33532 阅读 · 2 评论 -
防止js全局变量污染方法总结-待续
前言记得long long ago,刚刚开始写JS的时候,我喜欢写一些函数在JS文件里边,然后通过script标签引进来,在DOM节点上绑定onclick等事件,看了很多人写的代码,也大多是这样。后来会发现,当项目小的时候这么做为了快速开发是可以接受的,然而当很多人一起开发一个Javascript大应用的时候,你会发现不同的代码风格跟全局变量会导致很多冲突,这是一个很痛苦的事情。 曾经的经历用过j原创 2016-10-14 16:07:13 · 12605 阅读 · 5 评论 -
快速学习JS的思考方法、有用
当人们尝试学习 JavaScript , 或者其他编程技术的时候,常常会遇到同样的挑战:有些概念容易混淆,特别是当你学习过其他语言的时候。很难找到学习的时间(有时候是动力)。一旦当你理解了一些东西的时候,却很容易再一次忘记。可以使用的工具甚多且经常变化,所以不知道从哪里开始入手。幸运的是,这些挑战最终都可以被战胜。在这篇文章里,我将介绍 6 个思维技巧来帮你更快的学习 JavaScript ,让你翻译 2016-10-20 15:54:10 · 4471 阅读 · 3 评论 -
纯福利 | 前端新人面试题汇总-基础篇
近来,由于我的公众号粉丝越来越多,当然留言和各种问题也越来越多,虽说近来一段 因为产品接近收尾上线阶段,确实略忙,我有时候甚至回到我温暖的家 都将近深夜11点(我也不知道为何这么拼,后面我会写篇文章专门分析这个问题);【关于前端面试技巧,或者面试准备等方面】已经被好多位同学要求了好多次。所以,今天我简单整理了下以前收集和自己想到的一些【基础篇技术篇】先送给大家。这些问题都很普通 但很基础和重要,决定原创 2016-11-14 12:00:03 · 10904 阅读 · 20 评论 -
图解script的三种加载方式 异步加载顺序
摘录如下:可以很清晰的看出:: 脚本的获取和执行是同步的。此过程中页面被阻塞,停止解析。:脚本的获取是异步的,执行是同步的。脚本加载不阻塞页面的解析,脚本在获取完后并不立即执行,而是等到DOMready之后才开始执行。: 脚本的获取是异步的,执行是同步的。但是和的不同点在于脚本获取后会立刻执行,这就会造成脚本的执行顺序和页面上脚本的排放顺序不一致,可能造成脚本依赖的问题。参考文献:Asynchro转载 2017-01-19 15:25:26 · 3548 阅读 · 2 评论 -
“全栈”工程师 请不要随意去做
今天我来给大家说说 “全栈工程师” 的事儿。写这篇文的背景原因:很简单就是最近越来越多的人想做【全栈工程师】,他们的目标就是全栈,他们才入行短短1-2年,甚至刚从培训班出来:我的目标是做全栈,我啥都要学会,啥都会写,这样我就是大牛了,可以挣大钱,就算创业,我也不用招那么多人,一个人搞定一个产品,融资上市 ,CEO白富美,balabala。。。我给他的回复是: 去你xx的原创 2017-03-28 11:41:35 · 57881 阅读 · 156 评论 -
我要去 Google 前端组工作了
都这么晚了,我才给大家发文祝贺各位节日快乐!是的,今天就算加班也要把这篇文章发出去,因为:我要去 Google 前端组工作了Google一直是我接触计算机开始,我最敬仰的一个公司,没有之一,虽说我玩电脑的那时候微软无疑是全世界的老大,but 我就是爱google。为什么呢?我也说不出来,总觉得这个公司是外星人的公司,总走到世界科技的最前沿,任何领域和任何技术分支都是行业的标准,很...原创 2017-04-01 22:31:37 · 9269 阅读 · 38 评论 -
JavaScript 有哪些常用的遍历循环方法总结
一.for循环最常见的遍历方法,用来遍历数组,学过编程语言的基本都知道怎么用,如下:var a = [1, 2, 3, 4, 5];for (var i = 0; i < a.length; i++) { console.log(a[i]);}1234上面这是最简单的用法,我在有些书里还经常看到这种用法,贴出来供参考:var a = [1, 2, 3, 4, 5];for (var...原创 2018-05-10 13:46:16 · 2069 阅读 · 0 评论 -
Vue、React、Angular之三国杀,web前端入坑第六篇(上)
「 懒癌引发血案」目前前端技术栈发生了翻天覆地的变化,上篇刚写了只会jquery 要失业,再不学新的你就要被淘汰,虽然有点危言耸听,不过现实情况确实是这样。vue、react、angular对比和选择 这个话题我在vue1.x 时代 2016年 就想写了,可时光如梭,懒癌侵身,一个搁浅便是这么多天。vue都2.5了,angular 都变成了另外一种框架了,不敢想,不敢想,...原创 2018-05-31 13:00:21 · 6859 阅读 · 1 评论 -
火箭炮:常用正则表达式 收藏!
昨天做了点 表单验证苦力活,没有用jquery 验证插件,都是正则手工验证【蛋疼了吧你?】,下面收集一下常用的格式,大家如果有需要就收藏一下,以备查询。话说:正则表达式的作用 至少相当于我们武器库里面的火箭炮了,可以为你节省几十公斤的炸药重量了,轻巧+高效+杀伤力巨大!正文:正则表达式经常被用于字段或任意字符串的校验1、校验密码强度密码的强度必须包含大小写字母和数字的组合,不能使用特殊字符,长度在原创 2016-06-14 14:57:32 · 5277 阅读 · 3 评论 -
Gulp和webpack的区别,是一种工具吗?
背景:最近收到很多童鞋的问题:gulp和webpack 什么关系,是一种东西吗?可以只用gulp,不用webpack吗 或者反过来?基于此问:我简单归结了一下区别和概念,让需要的同学阅读理解,从而不把时间浪费到这种模糊不清的选择问题上!----------------------------------------------------------------------------...原创 2016-06-29 12:19:35 · 72231 阅读 · 9 评论 -
移动端、手机调用百度地图 Demo
首先非常感谢franck分享的Demo!Demo截图:下面是franck对此Demo的说明:原理:1、通过百度拾取坐标系统获得点位的坐标。http://api.map.baidu.com/lbsapi/getpoint/index.html2、在网页的中插入百度API引用脚本。script type="text/javascript" src原创 2015-10-10 15:09:46 · 14227 阅读 · 0 评论 -
JavaScript学习笔记(一)——JS基础知识介绍
JavaScript学习笔记(一)——JS基础知识介绍万变不离其宗,基本功最重要转载 2015-12-29 11:27:43 · 933 阅读 · 0 评论 -
关于dom 事件冒泡、捕获 dom事件三个阶段
本文主要解决两个问题:什么是事件流DOM事件流的三个阶段起因温故了一下我的《JavaScript高级程序设计》的时候,翻到DOM事件那一章,(说实话,现在无论是什么框架你都离不开操作DOM啊,毕竟这是你展示的最基本元素,就像人的细胞)。想起了dom事件流原理,好多人不明白,只知道click mouseout等实用场景,真要理解和更进一步的前端是要原创 2016-04-12 16:02:22 · 10295 阅读 · 5 评论 -
json解析,jquery解析遍历json
我默认你知道 JSON是什么,好吧!开始弄一个对象、 数组混合型json串为例子{"comments":[{"content":"很不错嘛","id":1,"nickname":"纳尼"},{"content":"哟西哟西","id":2,"nickname":"小强"}]}获取JSON数据,在jQuery中有一个简单的方法 $.getJSON() 可以原创 2016-04-15 17:21:02 · 1557 阅读 · 0 评论 -
JavaScript 基础之: JavaScript 秘密花园
简介对象对象使用和属性原型hasOwnProperty 函数for in 循环函数函数声明与表达式this 的工作原理闭包和引用argumen翻译 2016-04-29 10:48:21 · 8722 阅读 · 8 评论 -
前端怎么用js模拟应用 JSON-通俗易懂
前端怎么用js模拟应用 JSON-通俗易懂,这是转载额好多孩子 弄不明白复杂的json 格式的应用,下面从基础来看一看JSON,怎么玩,其实结构理解清了,写起来比html还爽吧!0.前言 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。原创 2016-04-14 17:56:38 · 9791 阅读 · 4 评论 -
node-webkit入门:用JS开发跨平台的桌面应用
node-webkit入门:用JS开发跨平台的桌面应用 转载▼标签: node-webkit 桌面应用 it分类: nodewebkit 先来说下我这里的场景,公司目前在给客户那边做一个数据仓库的项目,用EXTJS做完了B/S结构的,但是发现当初答应客户要有个C/S结构的,现在来说的话,转载 2016-01-29 10:05:32 · 2640 阅读 · 0 评论 -
让HTML标签、DIV、SPAN拥有onfocus和onblur,聚焦和失焦
默认火狐或者其他浏览器里DIV和其他普通标签是不具有onfocus和onblur事件的,经我长久论证因为他们不具有tab属性,所以只要我们创建tab,那么任何标签都可以具有tab属性。什么标签具有tab呢?显然input和a是得天独厚的具有,我们经常用键盘上的tab键进行移动光标的时候,我们发现光标只在具有tab属性的元素上进行跳转。我们现在来让div拥有tab并具有onfucus原创 2016-01-28 11:11:05 · 5271 阅读 · 0 评论 -
Javascript模块化编程(二):AMD规范
作者: 阮一峰日期: 2012年10月30日这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块。(接上文)七、模块的规范先想一想,为什么模块很重要?因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你转载 2016-03-31 16:53:20 · 798 阅读 · 0 评论 -
Javascript模块化编程(一):模块的写法
作者: 阮一峰日期: 2012年10月26日随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现转载 2016-03-31 16:52:28 · 859 阅读 · 0 评论 -
怎么用正则表达式获取文章内容中的<img标签和 src的路径
正则:查找Img标签开头的图片路径[iI][mM][gG][\s]*[sS][rR][cC][\s]*=[\s'"]*(?.*?(\.gif|\.jpg|\.png))查找Function中的图片路径[a-zA-Z_][a-zA-Z0-9_]+[\s]*\([^)]+?('|")(?[a-zA-Z0-9/\\-_\.]+?(\.gif|\.jpg|\.png))('|")[^)]*\)查找back原创 2015-07-14 11:51:17 · 3561 阅读 · 0 评论 -
JS 刷新页面所有方法
Javascript 刷新页面window.location.reload();使用window.open()弹出的弹出窗口,刷新父窗口非模态刷新父页面 :window.opener.location.reload()使用window.showDialog弹出的模式窗口模态刷新父页面 :window.dialogArguments.location.reload();先来看一个原创 2015-07-14 11:50:11 · 1893 阅读 · 0 评论 -
用JS判断单选按钮是否选中
function check(){var flag = false;if(form1.info_type != null){ var msglen=form1.info_type.length; for(i=0;i<msglen;i++){ if(form1.info_type[i].checked==true){ flag = true原创 2015-07-14 11:48:26 · 6958 阅读 · 2 评论 -
JS根据指定值删除数组中的元素
解决问题:1 .JS判断元素是否在数组内2. JS根据指定值删除数组中的元素要点:相当于jquery 的 $.inArray() 这个方法原创 2016-02-17 10:49:28 · 7818 阅读 · 0 评论 -
5分钟 0元搭建个人独立博客网站(一)Hexo + github page
一直接入正题,先看北妈个人博客地址:http://www.guoxiaobei.com 微信不允许加入外链,你只能复制去外部浏览器打开,或者看完文章在底部的 “阅读原文”,可以直接进去。 这个时代,普通人拥有自己的独立博客或网站有多么重要不用再说了,更不用说我们是程序员。 很久之前答应过大家,点赞超过200,就放出独立博客教程,结果那篇文章直接到了300赞,没法逃了...原创 2019-01-12 10:21:27 · 2067 阅读 · 1 评论