- 博客(71)
- 收藏
- 关注
RSS订阅原创 React 监听页面滚动
const scrollEvent = event => { // 滚动的高度 const scrollTop = (event.srcElement ? event.srcElement.scrollTop : false) || window.pageYOffset || (event.srcElement ? event.srcElement.body....
2019-07-28 16:42:53
7139
原创 js对象值为null判断作用方向
== 和 ===的区别大家可以去查一下，单单从图片中可以总结出：：obj.c == null的情况可以在值为null或undefined同时作用为true
2018-05-22 22:59:47
1129
原创 二次封装函数
题目描述已知函数 fn 执行需要 3 个参数。请实现函数 partial，调用之后满足如下条件：1、返回一个函数 result，该函数接受一个参数2、执行 result(str3) ，返回的结果与 fn(str1, str2, str3) 一致示例1输入var sayIt = function(greeting, name, punctuation) {
2017-12-06 10:41:58
683
原创 闭包
先来看一个题目例子，我将在下一环节出闭包讲解。。题目描述实现函数 makeClosures，调用之后满足如下条件：1、返回一个函数数组 result，长度与 arr 相同2、运行 result 中第 i 个函数，即 result[i]()，结果与 fn(arr[i]) 相同输入[1, 2, 3], function (x) { return x
2017-12-06 10:05:32
175
原创 返回函数---（这个其实多个参的时候还是不太。。。。）
题目描述实现函数 functionFunction，调用之后满足如下条件：1、返回值为一个函数 f2、调用返回的函数 f，返回值为按照调用顺序的参数拼接，拼接字符为英文逗号加一个空格，即 ', '3、所有函数的参数数量为 1，且均为 String 类型示例1输入functionFunction('Hello')('world')输出
2017-12-01 13:15:40
214
原创 函数的上下文
题目描述将函数 fn 的执行上下文改为 obj 对象示例1输入function () {return this.greeting + ', ' + this.name + '!!!';}, {greeting: 'Hello', name: 'Rebecca'}输出Hello, Rebecca!!!刚开始我还想通过
2017-12-01 09:52:43
997
原创 apply提高数组找出最大最小值的方式（性能）
apply() 方法调用一个函数, 其具有一个指定的this值，以及作为一个数组（或类似数组的对象）提供的参数。注意：call()方法的作用和 apply() 方法类似，只有一个区别，就是 call()方法接受的是若干个参数的列表，而apply()方法接受的是一个包含多个参数的数组。apply 使用apply和内置函数聪明的apply用法允许你在某些本来需要
2017-11-29 15:17:59
447
原创 函数传参（函数作为参数）
题目描述将数组 arr 中的元素作为调用函数 fn 的参数示例1输入function (greeting, name, punctuation) {return greeting + ', ' + name + (punctuation || '!');}, ['Hello', 'Ellie', '!']输出Hello, Ellie!
2017-11-29 14:35:15
1103
原创 流程控制
题目描述实现 fizzBuzz 函数，参数 num 与返回值的关系如下：1、如果 num 能同时被 3 和 5 整除，返回字符串 fizzbuzz2、如果 num 能被 3 整除，返回字符串 fizz3、如果 num 能被 5 整除，返回字符串 buzz4、如果参数为空或者不是 Number 类型，返回 false5、其余情况，返回参数 num示例1
2017-11-29 14:14:33
230
1
原创 计时器
实现一个打点计时器，要求1、从 start 到 end（包含 start 和 end），每隔 100 毫秒 console.log 一个数字，每次数字增幅为 12、返回的对象中需要包含一个 cancel 方法，用于停止定时操作3、第一个数需要立即输出第一种：：运用setInterval定时器每间隔100毫秒打印一次，需要满足start小于等于endfunction co
2017-11-29 10:09:01
216
原创 递归（求对象中无底洞值）
今天想到了运用递归求出，对象中嵌套对象的无底洞的值。。。function m(data){console.log('leixcng::',typeof data.a);if(typeof data.a == 'object'){ console.log(1000,data.a);return m(data.a);}else{
2017-11-28 14:10:00
227
原创 查找元素【全部】位置
题目描述在数组 arr 中，查找值与 item 相等的元素出现的所有位置第一种：：filter过滤每一个元素，找到相同则执行push，最后返回存放下标数组function findAllOccurrences(arr, target) { var m = []; arr.filter(function(ele,idx,arr){ retur
2017-11-27 10:05:17
705
原创 求二次方
题目描述为数组 arr 中的每个元素求二次方。不要直接修改数组 arr，结果返回新的数组示例1输入[1, 2, 3, 4]输出[1, 4, 9, 16]Math.pow() 函数返回基数（base）的指数（exponent）次幂，即 baseexponent。function square(arr) {
2017-11-23 15:34:09
377
原创 查找重复元素
题目描述找出数组 arr 中重复出现过的元素示例1输入[1, 2, 4, 4, 3, 3, 1, 5, 3]输出[1, 3, 4]function duplicates(arr) { var m = arr.reduce(function(allEle,curEle,index,arr){
2017-11-21 18:30:56
349
原创 计数
题目描述统计数组 arr 中值等于 item 的元素出现的次数示例1输入[1, 2, 4, 4, 3, 4, 3], 4输出3function count(arr, item) { var o = arr.reduce(function(allEle,curValue,index,arr){
2017-11-20 15:57:09
178
原创 添加元素（任意位置）
题目描述在数组 arr 的 index 处添加元素 item。不要直接修改数组 arr，结果返回新的数组示例1输入[1, 2, 3, 4], 'z', 2输出[1, 2, 'z', 3, 4]第一种：： 运用splice的第二个蚕食为0去添加元素的特性function insert(arr, item, i
2017-11-20 15:28:48
483
原创 数组合并
题目描述合并数组 arr1 和数组 arr2。不要直接修改数组 arr，结果返回新的数组示例1输入[1, 2, 3, 4], ['a', 'b', 'c', 1]输出[1, 2, 3, 4, 'a', 'b', 'c', 1]//利用concatfunction concat(arr1, arr2)
2017-11-19 11:42:34
571
原创 删除数组第一个元素
题目描述删除数组 arr 第一个元素。不要直接修改数组 arr，结果返回新的数组示例1输入[1, 2, 3, 4]输出[2, 3, 4]第一种：：运用slice()的浅克隆去复制元素从第二个开始到最后一个function curtail(arr) {var m = arr.slice(1);
2017-11-19 11:24:08
95330
原创 添加元素（数组开头）
题目描述在数组 arr 开头添加元素 item。不要直接修改数组 arr，结果返回新的数组示例1输入[1, 2, 3, 4], 10输出[10, 1, 2, 3, 4]unshit()向数组开头添加元素function prepend(arr, item) {var m = arr.slice();
2017-11-18 17:40:43
16460
1
原创 删除数组最后一个元素
题目要求：删除数组 arr 最后一个元素。不要直接修改数组 arr，结果返回新的数组。输入：[1,2,3,4]输出：[1,2,3]当然首先想到的是pop(),删除数组最后一项改变数组长度。这是第0中解决方案你说行不行啊！function truncate(arr) { var m = arr.slice(); m.pop(
2017-11-18 16:58:55
128358
原创 添加元素(数组末端)
题目是这样的;在数组 arr 末尾添加元素 item。不要直接修改数组 arr，结果返回新的数组。输入：[1,2,3,4],10输出：[1,2,3,4,10]第一种：兼顾处理，可在函数内做判断（在输入参数item是数组时，可以做是否是数组兼容性判断）function append(arr, item) {var newArr=[item]; [
2017-11-17 21:55:09
2291
原创 移除数组中的元素（操作原数组）
题目：移除数组 arr 中的所有值与 item 相等的元素，直接在给定的 arr 数组上进行操作，并将结果返回输入：[1,2,3,4,2] ，2输出：[1,3,4]使用splice()删除与item相同的值并把数组索引回退一个值（i--）function removeWithoutCopy(arr, item) { for
2017-11-16 22:06:24
633
原创 移除数组中的元素（返回新数组）
怎莫说呢！这道题目看似简单，但是也有很多种处理方式，答案仍然不唯一。题目是这样的;移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr，结果返回新的数组。输入：[1,2,3,4,2] ，2输出：[1,3,4]第一种解决方案：for循环push()进新的数组中（像这种循环遍历对数组无增删的也可以选用forEach）遇到与item不
2017-11-16 21:56:39
11606
原创 reduce计算数组中元素出现的次数
var names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];var countedNames = names.reduce(function (allNames, name) { console.log('allNames::'+allNames+";;name::"+name); if (name in allNames)
2017-11-15 12:57:36
1092
原创 reduce在数组求和中第二个参数initialValue讨论
回调函数第一次执行时，accumulator 和currentValue的取值有两种情况：调用reduce时提供initialValue，accumulator取值为initialValue，currentValue取数组中的第一个值；没有提供 initialValue，accumulator取数组中的第一个值，currentValue取数组中的第二个值。注意：如果没有提供initialV
2017-11-15 11:13:48
2511
1
原创 数组求和
数组求和是这样描述的：计算给定数组 arr 中所有元素的总和输入的要求是这样的：数组中的元素均为Number类型实例：输入：[1,2,3,4]输出：10第一种解法：常规这道题目让我们上来就想到的是for循环对数组元素相加function sum(arr) { var s = 0; for (var i=arr.length-1;
2017-11-15 10:37:21
1539
原创 查找数组元素位置
题目原本是这样描述的：找出元素 item 在给定数组 arr 中的位置输出的数据要求是：如果数组中存在item,则输出在数组中的位置，否则输出-1输入：[1,2,3,4],3输出：2解决方案有以下三种：第一种：function indexOf(arr,item){return arr.indexOf(item);}是的,indexOf()方法
2017-11-14 23:49:31
670
原创 radio\checkbox\select用js\jq获取选中的值
html>html lang="en">head> meta charset="UTF-8"> title>获取勾选值title>head>body>div id="wrap"> input type="radio" name="payMethod" value="1"/>男 input type="radio" name="payMethod" value="2"/>女
2017-09-27 21:58:44
421
原创 修改输入框placeholder文字的样式
input:-moz-placeholder,textarea:-moz-placeholder{ }input:-ms-input-placeholder,textarea:-ms-input-placeholder{ } input::-webkit-input-placeholder,textarea::-webkit-i
2017-08-15 15:24:17
642
原创 json文件数据格式
json数据文件的数据格式可以用下边两种方式写：1.在只有一类数据的情况情况下f.json文件：[ {"name":"致美丽的你----红玫瑰11枝","pic":1,"price":128,"num":3}, {"name":"夏之物语----香槟玫瑰50枝","pic":2,"price":386,"num":7}, {"name":"为爱相随----百合+黛
2016-09-18 20:35:04
2626
原创 javaScript实现全屏页面滚动效果(优化)
在我读完javaScript DOM之后，对解释型的javaScript脚本语言有了更加深刻的感悟和理解，并使我的javaScript代码更加规范化。接下来，我们转入今天我要分享的技术性问题：全屏页面实现滚动。实现的代码很简单，但是发现其中存在的问题就要靠长久的经验、读书阅历、以及程序员丰富的想象力。先来看看，最后完成的两个效果图，以及console.log打印出来的内容：1.点击...
2016-09-10 20:15:40
3800
原创 css强制文本在一行，超出省略
在需要省略的那行写入如下三行样式：/*超出部分隐藏*/overflow: hidden;/*强制在一行*/white-space: nowrap;/*文本超出部分省略*/text-overflow: ellipsis;
2016-09-08 15:15:09
4658
原创 Linux 下安装新版nodejs
Centos环境下：第一步：curl --silent --location https://rpm.nodesource.com/setup_10.x | sudo bash -第二步：sudo yum -y install nodejs注意：node -v 查看版本，如果还不是 最新版 node，执行以下命令后再执行第二步：sudo yum cl...
2016-09-08 10:38:13
340
原创 命令的基本操作
1.进入某个盘符：例如进入D盘，直接输入D:就可以顺利进入。2.进入某个文件夹：例如进入node文件夹cd node3.返回上一级目录：cd..3.返回上上级目录：cd...3.返回根目录：cd\4.创建某个文件夹：例如创建node文件夹mkdir node5.查看当前目录列表：dir6.删除文件：del
2016-09-08 10:27:16
686
原创 DHTML说明
DHTML是“Dynamic HTML”（动态HTML）的简称。DHTML并不是一项新技术，而是描述HTML,CSS和javaScript技术组合的术语。DHTML背后的含义是：1.利用HTML把网页标记为各种元素；2.利用CSS设置元素样式和它们的显示位置；3.利用javaScript实时地操控页面和改变样式。
2016-08-20 10:37:10
354
原创 jQuery对内容的获取,添加,移动的.append(), .html(), .prepend(), .after(), .before()
在jQuery中我们使用.append(), .appendTo(), .html(), .text(), .prepend(), .prependTo(), .after(), .before(), .insertAfter(), .insertBefore() 是很方便的。注意：是在引入jQuery库的前提下使用。一、.append();.appendTo() 插入不替换.appe
2016-08-11 21:01:51
3110
原创 javaScript的insertAdjacentHTML()和insertAdjacentText()详解
1、insertAdjacentHTML方法可以在指定的地方插入html内容和文本内容。性能上：insertAdjacentHTML 比 element.innerHTML的性能更好，比Document Fragments更好的HTML文档插入方案，因为我们知道Document Fragments在某些IE版本中的表现不好。2、insertAdjacentText方法与 insertAdjac
2016-08-11 20:10:09
1489
原创 PHP的构造函数，析构函数，(静态)变量,方法
1.php的类的结构以及调用与java的方法很是不同；2.php使用->调用方法和变量的，用::调用静态方法和变量；3.php不仅有一个构造函数，还有有一个析构函数。子类的这两种函数可被parent::来进行调用保留。一、父类 myClass.php<?phpheader("Content-type:text/html;charset=utf-8");class
2016-08-07 11:00:05
4220
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人