X_Jagger-CSDN博客

原创字符串前后判断踩坑，理解越直白的越不会出错

判断一个字符串是否以指定的字符串开始（未完）String.prototype.startWith = function (startString) { return typeof startString === 'string' && new RegExp('^' + startString).test(this); // if(startString && this.length

2017-12-21 10:53:58 308

原创 canvas-shooting-game 记录与思考

题目来源：http://git.imweb.io/imweb-teacher/game完成的代码:canvas-shooting-game 实现的功能： - 飞机自由移动 - 飞机可以单发也可以连发（移动的时候也可以） - 有关数demo-1:监听空格与方向键，赋予相应的事件，然后canvas重绘，实现飞机的移动与子弹的射击。每一个子弹是独立对象，继承自Bullet(),包含

2017-09-06 20:08:14 409

原创 window.scroll(To)为什么不能在页面load完成后自动滚动？

今天学window.scroll，然后试了一段代码function Scrolldown() { window.scrollTo(0, 300); console.log('success');}window.onload = Scrolldown;刷新页面死活不滚动… 然后自己在控制台手动输入window.scrollTo(0, 300);立马滚动….好奇脸？然后加了一个se

2017-09-04 17:48:44 1491

原创 17.8.28 搜狐编程题-JS.. 待完善

暴力做：测试用例//arr = ['7', '5', '1', '0', '0', '0'].map(Number) // 1//arr = ['0', '0', '4', '0', '0', '1'].map(Number) // 2var arr = readline().split(" ").map(Number);var sum = 0;var str = arr.join();

2017-08-28 21:18:08 337

原创响应式布局学习

Sizing Elements1.em：parent elements的 font size，不设置默认为16px2.rem 代表 font-size ,不设置默认为16px3.Percentages：height % width 相对于父本元素relative to their parent elements on the page “` .main { height: 300px

2017-08-23 00:38:23 290

原创 You Don't Know JS: Types & Grammar 总结

Typesnull undefined boolean number string object symbol(es6) 除了object，都叫基本类型用typeof来检测types：typeof NaN === 'number //truetypeof Infinity === 'number' //truetypeof undefned ==='undefined'typeof nul

2017-08-23 00:37:09 592

原创一篇文章搞懂toString() 和 valueOf()

碰到过几次这两个的问题了，于是总结一下，通过几个例子来学学toString() 和 valueOf() 以及他们之间的区别目录：零、隐式转换一、认识toString 二、认识valueOf() 三、toString() vs valueOf零、隐式转换Point to: 有趣的JS隐式转换一、认识toStringMDN：toString() 方法返回一个表示该对

2017-06-18 14:00:18 11064 4

原创问题（已解决）：push pop for循环中push变量，变量随之改变的问题

今天做剑指Offer的时候碰到了这个问题，push一个数组，这个数组也在pop元素，为什么push没有直接把结果放进去，而放的一个指向var x = [];var y = [1,2,3];for(var i = 0; i < 5; i++) { x.push(y); y.pop();}console.log(x);/*结果是这个[Array(0), Array(0), Ar

2017-06-10 00:54:05 2163

转载各种width，offsetWidth， getBoundingClientRect()， clientWidth，scrollWidth区别

各种width，offsetWidth， getBoundingClientRect()， clientWidth，scrollWidth区别搬运自https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elementsHow much room does

2017-05-31 23:34:04 2216

原创 JS类型判断全总结

为了不死在笔试，为秋招作的准备分为两个部分，一部分讲方法，一部分判断实例 1.Array.prototype 是数组,Object.prototype是对象,Function.prototype是函数设要判断的变量为variable,要判断的类型X 一、方法： - 1.typeof variable === X - 2.variable instanceof X - 3.va

2017-05-28 16:00:21 399

原创 apply,bind,call应用小总结

三者的作用都是改变函数执行时的上下文，也就是改变this指向 fun.apply(thisArg, [argsArray]) function.call(thisArg, arg1, arg2, …) fun.bind(thisArg[, arg1[, arg2[, …]]])call与apply的区别在于,传递参数的方式 bind与他们的区别是,bind是返回这个函数的copy，而call

2017-05-28 14:26:10 372

原创 JS 二进制计算，如何得到一个负数的二进制表示

题目：输入一个整数，输出该数二进制表示中1的个数。其中负数用补码表示收获： 1.由负数的补码求他的绝对值补码：负二进制数的绝对值，只要各位（包括符号位）取反，再加1，就得到其绝对值。 2.负数正码取反（不包括符号位）+1即得到补码表示 3.JS中求二进制，(number).toString(2)，负数和正数表示除了符号外相同。如(-123).toString(2) ==

2017-05-26 12:55:47 7234

原创 String.slice() 和 String.substring(),String.substr()的区别

Syntax: string.slice(start, stop); Syntax: string.substring(start, stop); 返回一个字符串，左包含，右不包含相同：1.如果start == stop,return一个空字符串2.stop如果被省略，则直接扫至字符串尾3.如果start或stop大于了字符串长度，则会被替换成字符串长度不同： substin

2017-05-26 10:40:58 2362

原创数组，对象遍历以及特殊的数组里的对象处理

做题碰到了数组里的对象的问题，特记下一、简单遍历//数组var x = [1,2];for(var i = 0; i < arr.length; i++ ){ //处理 console.log(arr[i]);//输出1 2}//对象var x = {a:1,b:2};for(var i in x){ //处理 console.log(i);//输出 a

2017-05-20 15:30:55 2672

原创 setTimeout 循环闭包的经典面试题解法与探究

题:修改下面的代码，让循环输出的结果依次为1， 2， 3， 4， 5 for (var i=1; i<=5; i++) { setTimeout( function timer() { console.log(i); }, i*1000 ); }一、利用闭包:1.匿名函数for (var i=1; i<=5; i++) { (

2017-03-21 23:02:00 689

原创 DOM简单梳理

定义：DOM：Document Object Model。是针对HTML,XML文档的一个API（应用程序编程接口），它将任何HTML,XML文档描绘成一个由多层节点(node)构成的结构。节点有多种类型，每种类型表示文档中不同的信息及标记，每个节点也拥有各自的特点、数据和方法，然后各节点之间也存在某种关系。想象成一个树状图一、Node节点爸爸一共有12种节点，这些节点都继承自一个基类型

2017-03-17 15:55:14 350

原创 HTTP理解梳理

内容来自《图解HTTP》沟通通信需要建立一个大家都遵守的规范，怎么传数据，谁先传数据等等，这个规范就是协议Protocol。HTTP也是一种协议，讲到协议就要说一下TCP/IP。TCP/IPTCP/IP是各类协议的总称。 1.协议族按层次分为四层：（方便更改测试等） - 应用层：应用服务通信。FTP,DNS,HTTP - 传输层：两台计算机之间的数据传输。 TCP（传输控制）,UDP(用户

2017-03-16 15:37:15 333

原创《Javascript高级程序设计》第七章-函数表达式总结

函数表达式1.函数表达式和函数声明函数表达式：x();//wrongvar x = function (arg0,arg1,arg2){//没有命名的函数称作匿名函数//函数体};函数声明：会在执行代码读取之前先读取函数声明，因此可以把声明放在执行代码之后。x();//rightfunction x (arg0,arg1,arg2){//函数体};2.递归function factor

2017-03-15 09:28:15 510

原创函数作为另一个函数的结果返回

function compare(x){ return function(obj1,obj2){//此处的Obj1,obj2是从data里的元素选来比较吗？ var value1=obj1[x]; var value2=obj2[x]; if(value1<value2){ return -1; }else if(value1>value2){

2017-03-12 11:43:45 562

原创 JS变量复制和参数传递

5种基本数据类型，按值访问引用类型：object、Array、function、date一、变量复制： 1.复制基本类型值时，会创建新值并复制到新变量分配的位置。var num1=5;var num2=num1;num2=4;alert(num1);// 输出5两个变量相互操作没有任何影响。 2.复制引用类型时，复制的值是一个指针，指向同一个对象。var obj1=new Object

2017-03-08 17:02:22 535

原创 Advanced Algorithm Scripting (50 hours)Javascript进阶算法练习

1.Validate US Telephone Numbers验证美国电话号码用户可以在表单中填入一个任意有效美国电话号码. 下面是一些有效号码的例子(还有下面测试时用到的一些变体写法): 555-555-5555 (555)555-5555 (555) 555-5555 555 555 5555 5555555555 1 555 555 5555 在

2017-03-02 23:31:43 712

原创各种符号、数字、带引号数字判断

区分数字、带引号数字、和其他符号（包括空格,null,undefined等）的方法 (练习FCC-Validate US Telephone Numbers时碰到问题，总结的解决方法）方法1：利用%求余。可以区分数字（带引号数字）和其他字符串，但无法区分空格,null2%1==0;"2"%1==0;" "%1==0;null%1==0;undefined%1==NaN"a"%1==

2017-03-02 11:14:22 1453

原创 Intermediate Algorithm Scripting (50 hours)中级算法脚本练习

1.Sum All Numbers in a Range，两个数之间所有数加起来 sumAll([1, 4]) 应该返回一个数字。 sumAll([1, 4]) 应该返回 10。 sumAll([4, 1]) 应该返回 10。 sumAll([5, 10]) 应该返回 45。 sumAll([10, 5]) 应该返回 45。function sumAll(arr) { arr.sort

2017-02-25 17:36:14 603

今天在引用了angularJS的https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js后竟然连基础的{{}}都显示不出来，反复对比以前用angularJS做的，同样的代码，以前的可以，现在的不行，仔细检查原来是因为以前的版本是1.4.8! 这是第二次出现类似的问题！上一次是导航栏布局，引用新版本的bootstra

2017-02-21 19:38:32 1133

原创 Wikipedia viewer

功能: 我可以在一个搜索框搜索维基百科的条目，并看到输出结果。功能: 我可以点击一个按钮就看到一个随机的维基百科条目。提示 #1: 这个URL可以让你获得一个随机的维基百科条目：http://en.wikipedia.org/wiki/Special:Random.提示 #2: 这是你使用维基百科API的入口： http://www.mediawiki.org/wiki/API:Mai

2017-02-18 22:59:52 941

原创 Show the Local Weather

需要解决的问题：本地ip的获取- API的接入与使用（$.ajax）为什么在chrome的console中可以运行的js，在编辑器中无法运行？

2017-02-14 13:47:23 1514

原创 Build a Random Quote Machine

Build a Random Quote MachineHTML\CSS\Javascript建立一个随机quote工具，可以分享到twitter,tumblrHTML负责内容’body’,CSS进行结构、颜色的排版、Javascript负责API获得quotes、分享。 <i>fa fa-twitter</i>图标 <a class="button">比<button class="

2017-02-08 12:48:10 1160

X_Jagger的博客