Javascript
关注
分享
扫一扫
放肆青春的博客
www
展开
-
JSON的总结
JSON 是用于存储和传输数据的格式，通常用于服务端向网页传递数据什么是 JSON?JSON英文全称 JavaScript Object Notation(JavaScript 对象表示法)，是一种轻量级的用于存储和交换文本信息的语法，被设计用于可读的数据交换，类似 XML，但比 XML 更小、更快，JSON具有自我描述性，更易理解JSON 简介JSON是从 Jav转载 2017-05-10 22:59:07 · 224 阅读 · 0 评论 -
Javascript Math ceil()、floor()、round()三个函数的区别
下面来介绍将小数值舍入为整数的几个方法：Math.ceil()、Math.floor()和Math.round()。 这三个方法分别遵循下列舍入规则：◎Math.ceil()执行向上舍入，即它总是将数值向上舍入为最接近的整数；◎Math.floor()执行向下舍入，即它总是将数值向下舍入为最接近的整数；◎Math.round()执行标准舍入，即它总是将数值四舍五入为最接近的整数(这也是转载 2017-12-11 22:06:53 · 563 阅读 · 0 评论 -
css阻塞与js阻塞
js的阻塞特性：所有浏览器在下载JS的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。直到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。为了提高用户体验，新一代浏览器都支持并行下载JS，但是JS下载仍然会阻塞其它资源的下载（例如.图片，css文件等）。由于浏览器为了防止出现JS修改DOM树，需要重新构建DOM树的情况，所以就会阻塞其他的下载和呈现。嵌入JS会阻塞所有...转载 2018-03-09 08:24:04 · 897 阅读 · 0 评论 -
hone hone clock人体时钟
hone hone clock是个十分有趣的人体时钟,这个时钟代码分两种一种是背景透明的,一种是白色背景的,把你喜欢的代码添加到你的网页中适当位置即可。两种代码如下：[javascript] view plain copy<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/...转载 2018-03-09 15:34:41 · 562 阅读 · 0 评论 -
js 中null和undefined的区别和用法
js中，每次想知道一个对象是否为空时，首先想到的判断条件是"o==null"，但转念一想，感觉还不大安心，又加上“||o== undefined”，这样终于心满意足了！这就侧面表现出我对null和undefined认知的不足及不自信。而每次查了资料，看过之后又给忘了，所以这里姑且做个笔记！1.null表示一个对象不存在，即“没有对象”；undefined表示基本类型或对象的值没被定义，也就“缺少值...转载 2018-03-16 10:38:14 · 492 阅读 · 0 评论 -
document.getElementById与getElementsByClassName的区别
1.document.getElementById 得到的是单个元素2.document.getElementByClassName得到的是数组原创 2018-03-17 16:05:23 · 3617 阅读 · 2 评论 -
利用原生js修改input的placeholder的默认字体颜色
昨晚有朋友求助，碰到一个需求，需要修改input，第一个需求是鼠标点击input，提示字不消失，但是原input里面写的是value = "提示字样",我让他将value改为placeholder之后解决了鼠标点击输入框提示字消失的问题；他们第二个需求是：鼠标点击提示字不消失并且该字体需要变颜色，最可气他们工程师还将js写进了input标签里(个人在这里十分不赞同这种做法，不利于维护，而且看起来很...转载 2018-03-17 14:27:23 · 5553 阅读 · 0 评论 -
三张图搞懂JavaScript的原型对象与原型链
对于新人来说，JavaScript的原型是一个很让人头疼的事情，一来prototype容易与__proto__混淆，二来它们之间的各种指向实在有些复杂，其实市面上已经有非常多的文章在尝试说清楚，有一张所谓很经典的图，上面画了各种线条，一会连接这个一会连接那个，说实话我自己看得就非常头晕，更谈不上完全理解了。所以我自己也想尝试一下，看看能不能把原型中的重要知识点拆分出来，用最简单的图表形式说清楚。我...转载 2018-03-19 19:53:27 · 197 阅读 · 0 评论 -
js中2个等号与3个等号的区别（js == 与 === 的区别）
概念与总述基本类型、基础类型：(number,string,boolean,null,undefined) 基本类型之外的就是引用类型（对象）==， 两边值类型相同时，等同于===；不同的时候，要先进行类型转换，再比较。 ===，不做类型转换，类型不同的一定不等。分别说明先说 ===，这个比较简单。下面的规则用来判断两个值是否===相等：1、如果类型不同，就[不相等] 2、如果两个都是数值，并且是...转载 2018-03-22 14:05:18 · 1336 阅读 · 0 评论 -
网页中实现一个计算当年还剩多少时间的倒数计时程序,要求网页上实时动态显示"××年还剩××天××时××分××秒"
<!doctype html><html><head> <meta charset="utf-8"> <title>TEst</title></head><body> <span id="target"转载 2018-03-22 14:39:57 · 1766 阅读 · 0 评论 -
JavaScript简写技巧总结
在日常工作中，JavaScript一些常用的简写技巧，将直接影响到我们的开发效率，现将常用技巧整理如下: 1. 空(null, undefined)验证 当我们创建了一个新的变量，我们通常会去验证该变量的值是否为空(null)或则未定义(undefined)。这对于JavaScript编程来说，是一个经常要考虑到的验证。 非优化代码：if (vari...转载 2018-03-30 13:06:43 · 216 阅读 · 0 评论 -
JS中变量名和函数名重名
今天骚凯问了一道变量名冲突的题目,感觉很有意思,顺便也复习一下预解析的一些知识,有不对的地方忘前辈大神指正,题目是这样的:var a=100;function a(){ console.log(a);}a();这个串代码执行完会报错 : a is not a function问题来了,为什么会报这个错误呢? 这里涉及到函数和变量的预解析:1)函数声明会置顶2)变量声明也会置顶3)函数声明比变量...转载 2018-04-17 21:25:46 · 397 阅读 · 0 评论 -
js的获取节点遇到的坑
elemem.childNodes会包含文本节点，而且不同浏览器对文本节点的定义是不同的，IE会忽略换行符，但标准浏览器则不会。所以比较高效的做法是使用elemem.children属性，这样就只会获得非文本节点集合，而且这个属性是浏览器原生就支持的ie6及其更高版本都可以使用...原创 2018-04-18 20:33:03 · 627 阅读 · 0 评论 -
火狐浏览器如何js关闭窗口的几种解决方法
今天在项目上有一个页面要求在几秒后自动关闭，想着还比较简单，用window.close()就可以了，但是用IE/谷歌/火狐浏览器试了一下，发现IE可以，谷歌用网上的兼容方法也可以实现，但是火狐这里卡住了，不能关闭，网上看到的一种兼容代码：function windowclose() { var browserName = navigator.appName; if (browser...转载 2018-04-18 21:20:17 · 3256 阅读 · 0 评论 -
详解JS获取HTML DOM元素的8种方法
什么是HTML DOM文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。这篇文章不做深入研究，只把各种用法和坑做一个总结。JS获取DOM元素的方法（8种）通过ID获取（getEleme...转载 2018-04-13 11:41:23 · 710 阅读 · 0 评论 -
原生js获取left值和top值
在用js做动态效果时，通常需要获取元素绝对定位中的left和top属性值。比如做一个碰撞广告，就要不停的获取元素的top和left属性值。需要注意的事：取值的元素必须要设置position:absolute绝对定位属性，才能取的到left值。第一种方法，比较简单，就是直接通过obj.style.left和obj.style.top，但是有局限性，这种获取的方法只能获取到行内样式的left和top的...转载 2018-04-19 10:36:28 · 1948 阅读 · 0 评论 -
document.getElementById(), getElementsByname(),getElementsByClassName()区别
[html] view plain copyform> input class="user" type="" name="user" value="hi"/> input class="user" type="" name="user" value="hi"/> form> [javascr转载 2017-09-27 20:06:48 · 4835 阅读 · 0 评论 -
js开发实现简单贪吃蛇游戏（20行代码）
曾经诺基亚的贪吃蛇风靡一时，在游戏匮乏的年代，用java实现太难，现在网页制作20行代码就做成一个简单的demo了，时代在进步啊代码：[html] view plain copy> html> body> canvas id="can" width="400" height="400" style="backgrou转载 2017-09-25 21:37:45 · 922 阅读 · 0 评论 -
简单前端——圆与圆碰撞检测
只是没什么做搞个来玩玩，顺便练练手鼠标按着红球，就可以移动红球，如果以黄球发生碰撞，红球就变为绿球，否则颜色不变。[html] view plain copy> html> head> meta charset="utf-8"> title>title> s转载 2017-09-25 21:21:24 · 2187 阅读 · 0 评论 -
详解Windows下安装Nodejs步骤
最近打算把我们的微信端用Vue.js重构，为什么选择Vue.js，一是之前使用的是传统的asp.net mvc，多页面应用用户体验比单页面要差。二是使用过Angular.js，感觉对开发人员要求较高，上手难度较大，而Vue.js在这方面有优势 。这里记录下Vue.js开发环境 Nodejs在Windows下的安装和配置。第一步：下载 https://nodejs.org/en/ 笔者目前使转载 2017-05-25 10:05:54 · 456 阅读 · 0 评论 -
详解Javascript中prototype属性
在典型的面向对象的语言中，如java，都存在类（class）的概念，类就是对象的模板，对象就是类的实例。但是在Javascript语言体系中，是不存在类（Class）的概念的，javascript中不是基于‘类的'，而是通过构造函数（constructor）和原型链（prototype chains）实现的。但是在ES6中提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。转载 2017-05-15 16:11:24 · 1046 阅读 · 0 评论 -
js技巧收集
js技巧收集1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件(value=='') {value='郭强'}">点击时文字消失，失去焦点时文字再出现2.网页按钮的特殊颜色style="backgrou转载 2017-05-16 16:03:37 · 1235 阅读 · 0 评论 -
html+css+js小技巧
前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地址栏运行JavaScript代码转载 2017-05-16 16:07:22 · 437 阅读 · 0 评论 -
Javascript异步编程的4种方法
你可能知道，JavaScript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为转载 2017-05-09 19:45:23 · 200 阅读 · 0 评论 -
JS实现进制转换
js的进制转换， 分为2进制，8进制，10进制，16进制之间的相互转换， 我们直接利用对象.toString()即可实现：[javascript] view plain copy //10进制转为16进制 (10).toString(16) // =>"a" //8进制转为16进制 (012).toString(16) //转载 2017-05-09 19:48:02 · 3476 阅读 · 0 评论 -
JS统计一个JSON元素数量
以下就是js统计一个json的元素数量的方法啦[javascript] view plain copy var keleyijson={"plug1":"myslider","plug2":"zonemenu","plug3":"javascript"} function JSONLength(obj) {转载 2017-05-09 22:46:04 · 4321 阅读 · 0 评论 -
html、css、js文件加载顺序及执行情况
今天看书，看到html，css，js加载执行情况，发现自己并不是真正的了解，网上搜了半小时依然未弄明白，就在这时我找到了让我恍然大悟的一段话，如下：HTML页面加载和解析流程 1. 用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件。 2. 浏览器开始载入html代码，发现标签内有一个标签引用外部CSS文件。 3.转载 2017-05-18 16:26:03 · 1315 阅读 · 0 评论 -
防止js全局变量污染方法总结
javaScript 可以随意定义保存所有应用资源的全局变量。但全局变量可以削弱程序灵活性，增大了模块之间的耦合性。在多人协作时，如果定义过多的全局变量 有可能造成全局变量冲突，也就是全局变量污染问题,以下是两种解决办法一.定义全局变量命名空间只创建一个全局变量，并定义该变量为当前应用容器，把其他全局变量追加在该命名空间下var MY={}; my.name={转载 2017-05-19 20:02:47 · 1635 阅读 · 0 评论 -
JavaScript运行原理解析
写在前面的话： 发现使用了那么长时间的JavaScript，但是对其运行原理还是不清晰，今天特意总结一下，把大神们的理论和自己的总结都记录到下面；1. 什么是JavaScript解析引擎？简单地说，JavaScript解析引擎就是能够“读懂”JavaScript代码，并准确地给出代码运行结果的一段程序。比方说，当你写了 var a = 1 + 1; 这样一段代码，J转载 2017-05-20 20:29:20 · 225 阅读 · 0 评论 -
css,js互相引入问题
在css中导入css文件：@import url("public.css");js中引入js document.write(" src='other.js'>");原创 2017-06-08 10:20:09 · 541 阅读 · 0 评论 -
V8 javascript 引擎
V8是一个由丹麦Google开发的开源java script引擎，用于Google Chrome中。[2]Lars Bak是这个项目的组长。[3] V8在执行之前将java script编译成了机器码的，而非字节码或是直译它，以此提升效能。更进一步，使用了如内联缓存（inline caching）等方法来提高性能。有了这些功能，java script程序与V8引擎的速度转载 2017-07-20 15:18:48 · 667 阅读 · 0 评论 -
$.ajax()方法详解
jquery中的ajax方法参数总是记不住，这里记录一下。 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout: 要求为Number类型的转载 2017-08-22 08:08:42 · 259 阅读 · 0 评论 -
用js获取basePath
/** * Created by Administrator on 2015/10/31. * * 实现类似jsp中<%=basePath%>的功能，获取项目根目录有助于url的填写 * * 使用方法，用类似引用jQuery的方法引入本插件 * * 定义一个全局的变量，然后的ready方法内部掉用本方法，获得basePath */ function base...转载 2018-05-24 09:42:44 · 2099 阅读 · 0 评论