JAVASCRIPT
文章平均质量分 75
XiaoHuBeiPlus
梦想要有,万一见鬼了呢
展开
-
详说 Cookie, LocalStorage 与 SessionStorage
基本概念CookieCookie 是小甜饼的意思。顾名思义,cookie 确实非常小,它的大小限制为4KB左右,是网景公司的前雇员 Lou Montulli 在1993年3月的发明。它的主要用途有保存登录信息,比如你登录某个网站市场可以看到“记住密码”,这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。localStoragelocalStora转载 2015-12-11 14:09:06 · 555 阅读 · 0 评论 -
linux配置Play Framework
今天公司同事让我安装Play Framework,Play Framework是一个Rails风格的Full-stack Java Web框架,具体的情况请大家自己百度,这里就不详细介绍了. 系统:centos 5.5 需要的软件:play-1.2.4.zip jdk-7u3-linux-i586.rpm1.安装前准备去官网下载Linux平台上的JDK原创 2016-07-13 16:24:00 · 2953 阅读 · 0 评论 -
IE盒子模型和标准W3C盒子模型
网页制作Webjx文章简介:盒子模型是CSS中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 IE 盒子模型和标准 W3C 盒子模型。 盒子模型是CSS中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型是CSS中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 IE 盒子模型和标准 W3C 盒子模型。原创 2016-07-25 11:06:34 · 509 阅读 · 0 评论 -
JS的基础类型与引用类型
两种类型:1. ECMAScript变量包含两种不同类型的值:基本类型值、引用类型值;2. 基本类型值:指的是保存在栈内存中的简单数据段;3. 引用类型值:指的是那些保存在堆内存中的对象,意思是,变量中保存的实际上只是一个指针,这个指针执行内存中的另一个位置,由该位置保存对象;两种访问方式:4. 基本类型值:按值访问,操作的是他们实际保存的值原创 2016-08-01 15:38:32 · 264 阅读 · 0 评论 -
js 面试题
function Foo() { getName = function () { alert (1); }; return this;}Foo.getName = function () { alert (2);};Foo.prototype.getName = function () { alert (3);};var getName = function ()原创 2016-08-04 21:14:42 · 354 阅读 · 0 评论 -
Async详解之一:流程控制
为了适应异步编程,减少回调的嵌套,我尝试了很多库。最终觉得还是async最靠谱。地址:https://github.com/caolan/asyncAsync的内容分为三部分:流程控制:简化十种常见流程的处理集合处理:如何使用异步操作处理集合中的数据工具类:几个常用的工具类本文介绍其中最简单最常用的流程控制部分。由于nodejs是异步编程模型,有一些在同步编原创 2016-08-08 11:05:20 · 955 阅读 · 0 评论 -
程序员的自我修养
今天逛博客园,看到了一篇推荐的文章《浅谈程序员的英语学习》,就点进去看了一下,对于文章中的观点我非常认同,英语是非常重要的,但文章站的高度还是太高,具体表述的学习方法我不是很认同,也认为不太实际,恰好之前有一篇一直没有发表到首页的文章想重新发布,今天就借此机会和大家很认真的谈一谈程序员的自我修养问题。 先介绍一下利益相关,我的背景:初中开始参加信息学与数学竞赛,大学本科软件工原创 2016-08-11 09:21:21 · 863 阅读 · 1 评论 -
function与感叹号(转)
最近有空可以让我静下心来看看各种代码,function与感叹号的频繁出现,让我回想起2个月前我回杭州最后参加团队会议的时候,@西子剑影抛出的一样的问题:如果在function之前加上感叹号 (!) 会怎么样?比如下面的代码:!function(){alert('iifksp')}() // true在控制台运行后得到的值时true,为什么是true这很容转载 2016-09-13 11:45:23 · 366 阅读 · 0 评论 -
window.open被浏览器拦截的解决方案
现象最近在做项目的时候碰到了使用window.open被浏览器拦截的情况,搞得人无比郁闷啊,虽然在自己的环境可以对页面进行放行,但是对用户来说,不能要求用户都来通过拦截。何况当出现拦截时,很多小白根本不知道发生了啥,不知道在哪里看被拦截的页面,简直悲催啊~~。另外,可以发现,当window.open为用户触发事件内部或者加载时,不会被拦截,一旦将弹出代码移动到ajax或者一段异步代码内部,马上就出原创 2016-09-13 20:02:20 · 1856 阅读 · 0 评论 -
说, 一个程序员的成长
说, 有一天,一个小白开始coding...很开心写出了一个功能:var whoIsStupid = function (){alert("你是笨蛋!");};谁是笨蛋有一天,html和js分离来了...var whoIsStupid = function (){alert("你是笨蛋!");};window.onload = functio原创 2016-09-28 17:51:11 · 320 阅读 · 0 评论 -
javascript中setAttribute()函数使用方法及兼容性
setAttribute()函数可以设置对象的属性,如果不存在此属性,则会创建此属性。语法结构:el.setAttribute(name,value)参数列表:参数 描述name 必需。规定要设置的属性名。value 必需。规定要设置的属性值。代码实例: window.onload=function(){ var原创 2016-11-29 11:19:43 · 4394 阅读 · 0 评论 -
设置document.domain实现js跨域注意点
document.domain用来得到当前网页的域名。比如在地址栏里输入:javascript:alert(document.domain); //www.forjj.com我们也可以给document.domain属性赋值,不过是有限制的,你只能赋成当前的域名或者基础域名。比如:javascript:alert(document.domain = "forjj原创 2016-11-29 17:39:48 · 689 阅读 · 0 评论 -
关于Cookie中的Path和domain
关于Cookie中的Path和domainPath – 路径。指定与cookie关联的WEB页。值可以是一个目录,或者是一个路径。 如果http://www.china.com/test/index.html 建立了一个cookie,那么在http://www.china.com/test/目录里的所有页面,以及该目录下面任何子目录里的页面都可以访问这个cookie。这就是原创 2016-11-29 17:43:56 · 382 阅读 · 0 评论 -
360兼容模式问题
本来我们项目都是只支持ie8以上,之前做过的活动都是没有什么问题突然有一天,做了一个圣诞节的活动,准备上线的时候,业务发现在360浏览器打开出现各种样式排版问题,排查原因发现,这次活动360兼容模式打开,居然是以ie5模式渲染的。于是想着在ie9以下给出提示用户浏览器版本太低问题1.我们之前用的jq是2.1版本,换了1.11版本2.“缺少标识符、字符串或数字”,又报了一堆这原创 2016-12-20 12:24:19 · 560 阅读 · 0 评论 -
javascript理解之变量作用域与闭包
何为闭包闭包是指能够访问自由变量的函数 (变量在本地使用,但在闭包中定义)。换句话说,定义在闭包中的函数可以“记忆”它被创建时候的环境。函数作用域与声明提前var scope= "global scope";function f(){ console.log(scope); //undefined,并没有出现"global scope" var scope="loca原创 2017-07-04 16:40:21 · 299 阅读 · 0 评论 -
Javascript之BOM与DOM讲解
1.Javascript组成JavaScript的实现包括以下3个部分:1)核心(ECMAScript):描述了js的语法和基本对象。2)文档对象模型 (DOM):处理网页内容的方法和接口3)浏览器对象模型(BOM):与浏览器交互的方法和接口 ECMAScript扩展知识:① ECMAScript是一个标准,JS只是它的一个实现,其他实现包括原创 2017-07-04 17:12:22 · 479 阅读 · 0 评论 -
webpack3新特性简介
webpack3新特性简介6月20号webpack推出了3.0版本,官方也发布了公告。根据公告介绍,webpack团队将未来版本的改动聚焦在社区提出的功能需求,同时将保持一个快速、稳定的发布节奏。本文主要依据公告内容,简单介绍一下webpack3的新特性,以及在实际项目中的应用。升级到webpack3升级到webpack3,只需要通过npm安装即可:原创 2017-06-27 11:13:10 · 695 阅读 · 0 评论 -
JS面向对象的程序设计
面向对象的语言有一个标志,即拥有类的概念,抽象实例对象的公共属性与方法,基于类可以创建任意多个实例对象,一般具有封装、继承、多态的特性!但JS中对象与纯面向对象语言中的对象是不同的,ECMA标准定义JS中对象:无序属性的集合,其属性可以包含基本值、对象或者函数。可以简单理解为JS的对象是一组无序的值,其中的属性或方法都有一个名字,根据这个名字可以访问相映射的值(值可以是基本值/对象/方法)。原创 2017-07-10 11:51:51 · 267 阅读 · 0 评论 -
页面重绘和回流以及优化
页面重绘和回流以及优化在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。1. 浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个tag都是DOM树中的1个节点,根节点就是我们常用的document原创 2016-06-14 15:01:54 · 320 阅读 · 0 评论 -
switch跟if-else性能比较
switch和if-else性能比较switch和if-else相比,由于使用了Binary Tree算法,绝大部分情况下switch会快一点,除非是if-else的第一个条件就为true.说实话 我也没有深入研究过这个问题的根源只是在实际开发中 没有人会去用很多很多else if的都是用 switch case 的 后者比较清晰 给人感觉就是一个脑子很清楚的人写出来的东西至于效率的本原创 2016-05-19 15:26:29 · 2289 阅读 · 0 评论 -
Http请求中Content-Type讲解以及在Spring MVC中的应用
引言: 在Http请求中,我们每天都在使用Content-type来指定不同格式的请求信息,但是却很少有人去全面了解content-type中允许的值有多少,这里将讲解Content-Type的可用值,以及在Spring MVC中如何使用它们来映射请求信息。1. Content-Type MediaType,即是Internet Media Type,互联网媒体类型;也叫做MI原创 2016-05-19 10:59:04 · 4788 阅读 · 0 评论 -
关于http请求中get\post请求参数的限制
Get方法长度限制Http Get方法提交的数据大小长度并没有限制,HTTP协议规范没有对URL长度进行限制。这个限制是特定的浏览器及服务器对它的限制。如:IE对URL长度的限制是2083字节(2K+35)。下面就是对各种浏览器和服务器的最大处理能力做一些说明.Microsoft Internet Explorer (Browser)IE浏览器对URL的最大转载 2015-12-10 14:43:39 · 3182 阅读 · 0 评论 -
Web 应用架构
Web 应用架构Client - 客户端,一般指浏览器,浏览器可以通过 HTTP 协议向服务器请求数据。Server - 服务端,一般指 Web 服务器,可以接收客户端请求,并向客户端发送响应数据。Business - 业务层, 通过 Web 服务器处理应用程序,如与数据库交互,逻辑运算,调用外部程序等。Data - 数据层,一般由数据库原创 2016-01-05 10:12:37 · 1060 阅读 · 0 评论 -
写给后端程序员的HTTP缓存原理介绍
通过Internet获取资源既缓慢,成本又高。为此,Http协议里包含了控制缓存的部分,以使Http客户端可以缓存和重用以前获取的资源,从而优化性能,提升体验。虽然Http中关于缓存控制的部分,随着协议演进,有一些变化。但我觉着,作为后端程序员,在开发Web服务时,只需要关注请求头If-None-Match、响应头ETag、响应头Cache-Control就足够了。因为这三个Http头就可以满足你原创 2016-04-01 13:57:11 · 1186 阅读 · 0 评论 -
原生的强大DOM选择器querySelector
在传统的 JavaScript 开发中,查找 DOM 往往是开发人员遇到的第一个头疼的问题,原生的 JavaScript 所提供的 DOM 选择方法并不多,仅仅局限于通过 tag, name, id 等方式来查找,这显然是远远不够的,如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式,或者使用某个库。事实上,现在所有的浏览器厂商都提供了 querySelector 和 querySel原创 2016-02-25 13:14:03 · 119 阅读 · 0 评论 -
Jquery如何获取select选中项 自定义属性的值?
Jquery怎么获取selJquJquery如何获取select选中项 自定义属性的值?HTML code 日卡 月卡 年卡JScript codefunction ddl_change(obj){ alert($("#ddl").attr("emoney"));}Jquery如何获取select选中项 自原创 2015-10-13 08:44:23 · 461 阅读 · 0 评论 -
怎么样设计良好的API
好的 API 设计:在自描述的同时,达到抽象的目标。设计良好的 API ,开发者可以快速上手,没必要经常抱着手册和文档,也没必要频繁光顾技术支持社区。流畅的接口方法链:流畅易读,更易理解123456789101112131415原创 2016-04-05 11:24:30 · 634 阅读 · 0 评论 -
JS面向对象及组件开发
面向对象的组成[html] view plain copy > html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>无标题文原创 2016-04-13 14:46:45 · 4662 阅读 · 1 评论 -
基础 HTML之目录问题(相对路径和绝对路径区别)
基础 HTML之目录问题(相对路径和绝对路径区别)相对路径-以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。 绝对路径-以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。 其实绝对路径与相对路径的不同原创 2016-04-11 11:29:26 · 786 阅读 · 0 评论 -
常用的加密算法介绍
对称加密 指加密和解密使用相同密钥的加密算法。对称加密算法的优点在于加解密的高速度和使用长密钥时的难破解性。假设两个用户需要使用对称加密方法加密然后交换 数据,则用户最少需要2个密钥并交换使用,如果企业内用户有n个,则整个企业共需要n×(n-1) 个密钥,密钥的生成和分发将成为企业部门的恶梦。对称加密算法的安全性取决于加密密钥的保存情况,但要求企业中每一个持有密钥的人都保守秘密是不可能的原创 2016-04-17 21:33:09 · 441 阅读 · 0 评论 -
10个常见的Node.js面试题
如果你希望找一份有关Node.js的工作,但又不知道从哪里入手评测自己对Node.js的掌握程度。 本文就为你罗列了10个常见的Node.js面试题,分别考察了Node.js编程相关的几个主要方面。 在进入正文之前,需要提前声明两点:这些问题只是Node.js知识体系的一个局部,并不能完全考察被面试者的实际开发能力。对现实世界开发中遇到的问题,需要的是随机应变与团队合作,所以你可原创 2016-05-25 11:41:03 · 2030 阅读 · 0 评论 -
RESTful 架构详解
1. 什么是RESTREST全称是Representational State Transfer,中文意思是表述(编者注:通常译为表征)性状态转移。 它首次出现在2000年Roy Fielding的博士论文中,Roy Fielding是HTTP规范的主要编写者之一。 他在论文中提到:"我这篇文章的写作目的,就是想在符合架构原理的前提下,理解和评估以网络为基础的应用软件的架构设计,得到一原创 2016-05-26 09:51:38 · 6475 阅读 · 2 评论 -
Async函数介绍
Async函数介绍基于async的0.2.9版本。async主要实现了三个部分的流程控制功能:集合: Collections流程控制: Control Flow工具类: Utils1). 集合: Collectionseach: 如果想对同一个集合中的所有元素都执行同一个异步操作。map: 对集合中的每一个元素,执行某个异步操作,得到结果原创 2016-05-26 15:30:59 · 489 阅读 · 0 评论 -
ES6 Generator介绍
1234567function*generateNaturalNumber(){ vari=0; while(i100){ yieldi; i++; }}原创 2016-05-27 10:22:17 · 537 阅读 · 0 评论 -
前端面试题
node-interview-questionsNode是搞后端的,不应该被被归为前端,更不应该用前端的观点去理解,去面试node开发人员。所以这份面试题大全,更侧重后端应用与对Node核心的理解。node开发技能图解node 事件循环机制起源node正风生火起,很多介绍却停留在入门阶段,无法投入生产node相关的高质量面试题更是少之原创 2016-05-30 13:43:22 · 457 阅读 · 0 评论 -
面试题(node核心内置类库(事件,流,文件,网络等))
node概览1. 为什么要用node?参考答案: 总结起来node有以下几个特点:简单强大,轻量可扩展.简单体现在node使用的是javascript,json来进行编码,人人都会;强大体现在非阻塞IO,可以适应分块传输数据,较慢的网络环境,尤其擅长高并发访问;轻量体现在node本身既是代码,又是服务器,前后端使用统一语言;可扩展体现在可以轻松应对多实例,多服务器架构,原创 2016-05-30 13:46:43 · 7780 阅读 · 0 评论 -
toLowerCase和toLocaleLowerCase()的区别
我们日常使用中,已经有一个经典的toLowerCase和toUpperCase,为啥还会多出个toLocaleLowerCase()和toLocaleUpperCase()呢? 本文将对此做简短介绍。ECMAScript中涉及字符串大小写转换的方法有4个:toLowerCase()、toLocaleLowerCase()、toUpperCase()和toLocaleUpperCase()。原创 2016-05-18 16:22:50 · 14858 阅读 · 0 评论 -
github上传本地代码
第一步:建立git仓库 cd到你的本地项目根目录下,执行git命令git init1第二步:将项目的所有文件添加到仓库中git add .1如果想添加某个特定的文件,只需把.换成特定的文件名即可第三步:将add的文件commit到仓库git commit -m "注释语句"1第四步:去github上创建自己的Repository,创建页面如下图所示:点击下面的Create repository,就...原创 2018-05-18 16:20:02 · 209 阅读 · 0 评论