前端
言千
这个作者很懒,什么都没留下…
展开
-
安装“react-dnd”和“react-dnd-html5-backend”无法找到“react/jsx-runtime”
安装“react-dnd”和“react-dnd-html5-backend”后无法找到“react/jsx-runtime”原创 2022-11-07 12:02:41 · 1438 阅读 · 1 评论 -
前端-js-编程题11-移除数组中的元素
题目描述移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr,结果返回新的数组示例1输入[1, 2, 3, 4, 2], 2输出[1, 3, 4]function remove(arr, item) { var b=[]; for(var i in arr){ if(arr[i]!==item){ ...原创 2019-04-08 16:15:59 · 186 阅读 · 0 评论 -
前端-js-编程题12-移除数组中的元素
题目描述移除数组 arr 中的所有值与 item 相等的元素,直接在给定的 arr 数组上进行操作,并将结果返回示例1输入[1, 2, 2, 3, 4, 2, 2], 2输出[1, 3, 4]function removeWithoutCopy(arr, item) { for(var i=0;i<arr.length;i++){ if...原创 2019-04-08 18:23:17 · 572 阅读 · 0 评论 -
前端-js-编程题13-添加元素
题目描述在数组 arr 末尾添加元素 item。不要直接修改数组 arr,结果返回新的数组示例1输入[1, 2, 3, 4], 10输出[1, 2, 3, 4, 10]法一:function append(arr, item) { var b=[]; b=arr.concat(item);//使用concat将传入的数组或非数组值与原数组合并,...原创 2019-04-16 13:24:31 · 151 阅读 · 0 评论 -
前端-js-编程题14-删除数组最后一个元素
题目描述删除数组 arr 最后一个元素。不要直接修改数组 arr,结果返回新的数组示例1输入[1, 2, 3, 4]输出[1, 2, 3]1、function truncate(arr) { var b=[]; for(var i=0;i<arr.length-1;i++){ b.push(arr[i]); } ...原创 2019-04-16 13:32:16 · 1831 阅读 · 1 评论 -
前端-js-编程题15-添加元素
题目描述在数组 arr 开头添加元素 item。不要直接修改数组 arr,结果返回新的数组示例1输入[1, 2, 3, 4], 10输出[10, 1, 2, 3, 4]法一:function prepend(arr, item) { var b=[]; b=arr.slice();//slice()不会改变原数组,会返回新的数组 b.un...原创 2019-04-16 21:25:42 · 114 阅读 · 0 评论 -
前端-js-编程题16 - 删除数组第一个数
题目描述删除数组 arr 第一个元素。不要直接修改数组 arr,结果返回新的数组示例1输入[1, 2, 3, 4]输出[2, 3, 4]function curtail(arr) { var b=[]; b=arr.slice();//返回新数组,不会改变原数组 //b.shift();//法一 b.splice(0,1);//法二,...原创 2019-04-16 21:30:13 · 799 阅读 · 1 评论 -
前端-js-编程题17-数组合并
题目描述合并数组 arr1 和数组 arr2。不要直接修改数组 arr,结果返回新的数组示例1输入[1, 2, 3, 4], ['a', 'b', 'c', 1]输出[1, 2, 3, 4, 'a', 'b', 'c', 1]function concat(arr1, arr2) { return arr1.concat(arr2); }...原创 2019-04-16 22:37:04 · 143 阅读 · 0 评论 -
前端-js-编程题18-添加元素
题目描述在数组 arr 的 index 处添加元素 item。不要直接修改数组 arr,结果返回新的数组示例1输入[1, 2, 3, 4], 'z', 2输出[1, 2, 'z', 3, 4]function insert(arr, item, index) { var b=[]; b=arr.slice(); b.splice(ind...原创 2019-04-16 22:51:10 · 122 阅读 · 0 评论 -
前端-js-编程题19-计数
题目描述统计数组 arr 中值等于 item 的元素出现的次数示例1输入[1, 2, 4, 4, 3, 4, 3], 4输出3function count(arr, item) { var count=0; for(var i in arr){ if(arr[i]===item){ count++; ...原创 2019-04-16 22:53:11 · 213 阅读 · 0 评论 -
前端-js-编程题20 - 查找重复元素
题目描述找出数组 arr 中重复出现过的元素示例1输入[1, 2, 4, 4, 3, 3, 1, 5, 3]输出[1, 3, 4]function duplicates(arr) { var b=[]; for(var i=0;i<arr.length;i++){ for(var j=i+1;j<arr.length;j+...原创 2019-04-17 10:32:40 · 155 阅读 · 0 评论 -
前端 - js - 编程题21 - 求二次方
题目描述为数组 arr 中的每个元素求二次方。不要直接修改数组 arr,结果返回新的数组示例1输入[1, 2, 3, 4]输出[1, 4, 9, 16]法一:function square(arr) { //var b=[]; return arr.map(function(elem,index,arr){ return ...原创 2019-04-17 11:16:50 · 247 阅读 · 0 评论 -
前端 - js - 编程题22 - 将字符串转化为驼峰格式
题目描述css 中经常有类似 background-image 这种通过 - 连接的字符,通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式,请完成此转换功能1. 以 - 为分隔符,将第二个起的非空单词首字母转为大写2. -webkit-border-image 转换后的结果为 webkitBorderImage示例1输入...转载 2019-04-29 17:53:56 · 504 阅读 · 0 评论 -
前端 - js - 编程题24 - 颜色字符串转换(牛客网)
转自:https://www.jianshu.com/p/a523b7271d01将 rgb 颜色字符串转换为十六进制的形式,如 rgb(255, 255, 255) 转为 #ffffff1. rgb 中每个 , 后面的空格数量不固定2. 十六进制表达式使用六位小写字母3. 如果输入不符合 rgb 格式,返回原始输入1.首先用正则表达式判断输入的字符串是否符合rgb格式,不符合...转载 2019-05-05 22:02:06 · 927 阅读 · 0 评论 -
前端 - js - 编程题23 - 两数之和
给定一个整数数组nums和一个目标值target,请你在该数组中找出和为目标值的那两个整数,并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是,你不能重复利用这个数组中同样的元素。示例:给定nums = [2,7,11,15],target=9;因为num[0]+num[1]=2+7=9;所以返回[0,1]/*** @param {num...原创 2019-04-30 16:15:05 · 363 阅读 · 0 评论 -
前端 - js - 编程题25 - 根据包名,在指定空间中创建对象(牛客网)
题目描述根据包名,在指定空间中创建对象输入描述:namespace({a: {test: 1, b: 2}}, 'a.b.c.d')输出描述:{a: {test: 1, b: {c: {d: {}}}}}function namespace(oNamespace, sPackage) { var arr = sPackage.split('.');//arr[0...转载 2019-05-06 10:09:40 · 251 阅读 · 0 评论 -
前端 - js - 编程题10-数组求和
题目描述计算给定数组 arr 中所有元素的总和输入描述:数组中的元素均为 Number 类型示例1输入[ 1, 2, 3, 4 ]输出10function sum(arr) { var sum=0; for(var i in arr){ sum+=arr[i]; } return sum;}...原创 2019-04-08 16:05:56 · 491 阅读 · 0 评论 -
前端-js-编程题9-查找数组元素位置
题目描述找出元素 item 在给定数组 arr 中的位置输出描述:如果数组中存在 item,则返回元素在数组中的位置,否则返回 -1示例1输入[ 1, 2, 3, 4 ], 3输出2function indexOf(arr, item) { flag=true; for(var i in arr){ if(arr[i]==...原创 2019-04-08 15:58:59 · 287 阅读 · 0 评论 -
前端 - js - 编程题7 - 斐波那契数列
题目描述用 JavaScript 实现斐波那契数列函数,返回第n个斐波那契数。 f(1) = 1, f(2) = 1 等f(n)=f(n-1)+f(n-2);function fibonacci(n) { if(n==1){ return 1; }else if(n==2){ return 1; }else{ ...原创 2019-04-02 18:30:08 · 178 阅读 · 0 评论 -
前端 - js - 编程题6 - DOM节点查找
题目描述查找两个节点的最近的一个共同父节点,可以包括节点自身输入描述:oNode1 和 oNode2 在同一文档中,且不会为相同的节点function commonParentNode(oNode1, oNode2) { if(oNode1.contains(oNode2)){ return oNode1; }else{ re...原创 2019-04-02 18:05:03 · 203 阅读 · 0 评论 -
前端 - js - 编程题5 - 为 Array 对象添加一个去除重复项的方法
题目描述为 Array 对象添加一个去除重复项的方法示例1输入[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a', NaN]输出[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a']Array.prototype.uniq = functio...原创 2019-03-31 22:33:55 · 353 阅读 · 0 评论 -
jQuery_2_$符号的实质
1、$其实就是一个函数,以后用$的时候,记得跟小括号$();2、参数不同,功能就不同;3种用法如下:1)参数是一个function,入口函数$(function(){});console.log(typeof $);//function2)$(domobj) 把dom对象转换成jquery对象$(document).ready(function(){});3...原创 2019-03-31 12:46:33 · 112 阅读 · 0 评论 -
js的缺点?
js代码缺点:1)代码比较麻烦,需要遍历,可能还需要嵌套2)找对象麻烦,方法少,还长3)会有兼容性问题4)如果想要实现简单的动画效果,animate封装麻烦5)script代码的位置问题,放上面需要window.unload解决(等待页面加载完成后才会执行)6)js注册事件,会被覆盖,用addEventListener可以解决,但有兼容性...原创 2019-03-29 15:08:07 · 489 阅读 · 0 评论 -
jQuery - 1 - jQuery初体验
一、什么是jQueryjQuery的官网http://jquery.com/1)jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更简单。jQuery其实就是一个js文件,里面封装了一大堆的方法方便我们的开发,其实就是一个加强版的common.js。2)js库:把一些常用到的方法写到一个单独的js文件,使用的时候直接引用这些js文件就可以了。(anima...原创 2019-03-29 15:05:19 · 102 阅读 · 0 评论 -
面向对象 和 面向过程
一、编程思想:1、面向过程:所有的事情都是亲力亲为,注重的是过程2、面向对象:提出需求,找对象,对象解决,注重的是结果3、JS不是一门面向对象的语言,是基于对象的语言,JS来模拟面向对象二、面向对象的特性:封装、继承、多态、(抽象性)1、封装:就是包装,把一些重用的内容进行包装,在需要的时候,直接使用 把一个值,存放在一个变量中,把一些重用的代码...原创 2019-03-19 22:45:48 · 118 阅读 · 0 评论 -
前端 - JS介绍
一、JavaScript简称:JS二、JS分三部分:1、ECMAScript标准----基础的语法2、DOM ---Document Object Model 文档对象模型3、BOM ---Browser Object Model 浏览器对象模型三、什么是JS?1)是一门脚本语言;2)是一门解释性语言;3)是一门弱类型语言;4)是一门基于对象的语言;5)是一...原创 2019-03-19 21:06:37 · 474 阅读 · 0 评论 -
前端 - JS编程题4 - 统计字符串中每个字符的出现频率,返回一个 Object,key 为统计字符,value 为出现频率
题目:统计字符串中每个字符的出现频率,返回一个 Object,key 为统计字符,value 为出现频率1. 不限制 key 的顺序2. 输入的字符串参数不会为空3. 忽略空白字符function count(str) { var obj={}; for(var i=0;i<str.length;i++){ if(str[i]!==' ')...原创 2019-03-19 20:07:04 · 1538 阅读 · 0 评论 -
前端 - js编程题3 - 获取字符串的长度
题目:获取字符串的长度如果第二个参数 bUnicode255For1 === true,则所有字符长度为 1否则如果字符 Unicode 编码 > 255 则长度为 2输入'hello world, 牛客', false输出17function strLength(s, bUnicode255For1) { var count=0;...原创 2019-03-19 20:04:47 · 1111 阅读 · 0 评论 -
前端 - js编程题2 - 获取 url 中的参数
题目:获取 url 中的参数1. 指定参数名称,返回该参数的值 或者 空字符串2. 不指定参数名称,返回全部的参数对象 或者 {}3. 如果存在多个同名参数,则返回数组知识点:URL:统一资源定位符(URL,英语Uniform Resource Locator的缩写)也被称为网页地址,是因特网上标准的资源的地址。 Location 对象包含有关当前 URL...原创 2019-03-18 09:55:42 · 507 阅读 · 0 评论 -
webstorm快捷键大全
Ctrl+/或Ctrl+Shift+/ 注释(//或者/*…*/ ) Ctrl+D 复制行 Ctrl+X 删除行 Ctrl+Alt+L 格式化代码(自动加空格) Ctrl+P 方法参数提示 Ctrl+B或Ctrl+鼠标左键单击 快速打开光标处的类或方法 写代码,按Tab,return ...转载 2019-03-13 12:13:58 · 250 阅读 · 0 评论 -
前端- web API-BOM-加载事件onload
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <script> //代码是从上到下执行的 //页面加载的时候,按钮还没出现,页面没有加载完毕 //页面加载...原创 2019-03-06 16:18:52 · 244 阅读 · 0 评论 -
前端- webapi - BOM - window
1) JavaScript分三个部分:1、ECMAScript标准---->基本语法2、DOM---->Document Object Model 文档对象模型,操作页面元素的3、BOM---->Browser Object Model 浏览器对象模型,操作浏览器的2)浏览器中有个顶级对象:window----皇上 页面中顶级对象:document...原创 2019-03-06 16:07:05 · 244 阅读 · 0 评论 -
前端-js编程题1-封装函数f,使f的this指向指定的对象
题目:封装函数f,使f的this指向指定的对象知识点:参考网址:https://www.cnblogs.com/kongxy/p/4581223.html随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是调用函数的那个对象。1)方法调用模式 当函数被保存为一个对象的属性时,它就可称为这个对象的方法。当一个方法被调用时,this被绑定到这...原创 2019-03-06 12:26:24 · 1359 阅读 · 0 评论 -
前端 - js - 编程题8 - 邮箱字符串判断
题目描述判断输入是否是正确的邮箱格式输入描述:邮箱字符串输出描述:true表示格式正确function isAvailableEmail(sEmail) { //var emailReg = /^([\w+\.])+@\w+([.]\w+)+$/; var emailReg=/^[\w\._]+\@([\w\._])+$/; if...原创 2019-04-02 19:38:13 · 572 阅读 · 0 评论