精华内容
下载资源
问答
  • // 以下都是两年前端人真实项目中遇到问题(在此只是抽取出来了),在此分享给各位学弟学妹,也真心希望你们能够在前端这条路上越走越远。 var data1 = [{ name: "阿三", age: 18 }, { name: "阿绿", age: 21 ...
    // 以下题目有简单也有难的(具体看你怎么定义)。
    // 如果能做到立马想出答案的,则前端算是学的不错的了。
    // 如果需要百度才能做出来(直接百度答案的,我就只能说你开心就好),那么也说明一般。
    // 如果一点都不会并且百度都不会,那就自己问一下自己究竟学了啥?
    // 以下都是两年前端人真实项目中遇到的问题(在此只是抽取出来了),在此分享给各位学弟学妹,也真心希望你们能够在前端这条路上越走越远。
    var data1 = [{
    	name: "阿三",
    	age: 18
    }, {
    	name: "阿绿",
    	age: 21
    }, {
    	name: "可可",
    	age: 24
    }, {
    	name: "可可",
    	age: 26
    }, {
    	name: "阿锅",
    	age: 14
    }, {
    	name: "阿上",
    	age: 30
    }, {
    	name: "阿上",
    	age: 35
    }]
    // 题目1:
    // 找到名叫阿上的人员,输出结果:{name: "阿上",age: 30}
    
    // 题目2:
    // 找到年龄小于20但不小于16的人,获取他的名字name。输出结果:阿三
    
    // 题目3:
    // 找到重复名字的人员年龄都+1。输出结果:[{name: "阿三",age: 18}, {name: "阿绿",age: 21}, {name: "可可",age: 25}, {name: "阿锅",age: 14}, {name: "可可",age: 27}, {name: "阿上",age: 30}]
    
    // 题目4:
    // 输出结果:阿三,阿绿,可可,阿锅,可可,阿上
    
    // 题目5:
    var str1 = "/asdasf/asfaewf/agaegr/trer/rhh";
    // 输出结果:rhh
    
    // 题目6:
    var str2 = "/asdasf/asfaewf/agaegr/trer/rhh";
    // 输出结果:/asdasf/asfaewf/agaegr/trer
    
    // 题目7:
    var date = "2020-10-10";
    // 输出结果:2020/10/10
    
    // 题目8:
    var love = ["我", "爱", "我", "的", "祖", "国"]
    // 输出结果:我爱我的祖国
    
    // 题目9:
    // 输出结果:我爱祖国的大好河山
    
    // 题目10:
    var aa1 = "江西省南昌市区濂溪区西湖区桃花路2688号"
    var aa2 = "江西省南昌市区濂溪区"
    // 对比两个地址之前相同的然后找到不一样的地址进行截取(请不要直接通过下标获取)。输出结果:西湖区桃花路2688号
    
    // 题目11
    var data2 = [{
    	id: "1",
    	name: "苹果",
    	num: 1,
    }, {
    	id: "2",
    	name: "苹果",
    	num: 1,
    }, {
    	id: "3",
    	name: "梨",
    	num: 1,
    }, {
    	id: "4",
    	name: "苹果",
    	num: 1,
    }]
    // 找到重名的然后进行操作。输出结果: [{ id: "1", name: "苹果", num: 3,}, { id: "3", name: "梨", num: 1, }]
    
    // 题目12
    var data3 = [{
    	id: "1",
    	name: "苹果",
    	num: 3,
    }, {
    	id: "3",
    	name: "梨",
    	num: 1,
    }]
    // 输出结果: [{ value: "苹果", num: 3,}, { value: "梨", no: 1, }]
    
    // 题目13
    // 获取当前时间的一年前时间。
    
    // 题目14
    // 获取当前时间的半年前时间。
    
    
    展开全文
  • 1. electron封装vue 2. 在前端使用后端技术(nodejs)读写本地文件 ...5. 使用’nodejs’的模块’child_process’读取cmd的内容,出现乱码问题 6. 在electron封装的vue开发桌面应用时,使用不了’no

    1. electron封装vue

    2. 在前端使用后端技术(nodejs)读写本地文件

    注:在浏览器端不能使用nodejs,必须使用electron封装成桌面应用后才可以使用

    3. nodejs中用到的模块(‘fs’, ‘child_process’)

    4. 为什么在vue组件中的回调函数中必须使用箭头函数,否则’this.$store’会找不到

    5. 使用’nodejs’的模块’child_process’读取cmd中的内容,出现乱码问题

    6. 在electron封装的vue开发桌面应用时,使用不了’nodejs’的模块

    7. nodejs调用c++动态库(DLL)

    1. 在32位操作系统的Windows文件夹中,SYSTEM和SYSTEM32两个文件夹,分别用来存放16位和32位的DLL文件。
      在64位操作系统的Windows文件夹中,System32和SysWOW64两个文件夹,分别用来存放64位和32位的DLL文件。

    参考: https://blog.csdn.net/zhanzhan666666/article/details/108828383
    https://blog.csdn.net/wang839305939/article/details/83780789
    https://blog.csdn.net/ruisenLi/article/details/113404380
    https://blog.csdn.net/rammuschow/article/details/107792969

    展开全文
  • 前端开发遇到的一些问题一、怎样才能让select里的内容居中显示?二、点击一个select里面的一个option,向另一个select添加一组option用js怎么实现?三、点击select里不同的option时如何显示不同的内容(文本、表格、...

    一、怎样才能让select里的内容居中显示?

    最近在做一个可视化项目,有一个下拉菜单,很基本的一个居中显示居然把我难住了。
    最开始的想法使用text-align:center这个方法行不通。然后又试了padding,这个效果不是很好,并不能让每一项都居中显示。经过查阅资料发现写这么两句话就ok了。

    text-align: center;
    text-align-last: center; 
    

    二、点击一个select里面的一个option,向另一个select添加一组option用js怎么实现?

    本质上就是select级联问题,废话不多说,上代码

    <!DOCTYPE html>
    <html>
    	<head>
    		<script type="text/javascript">
    			var arr = "请选择网关|金路热电偶采集项目|老科|主楼318|咖啡街|test1";
    
    			var arr0 = "请选择节点";
    			var arr1 = "请选择节点|热电偶采集卡1|热电偶采集卡2|热电偶采集卡3|热电偶采集卡4";
    			var arr2 = "请选择节点|老科一|老科二|老科三";
    			var arr3 = "请选择节点|主楼一|主楼二|主楼三";
    			var arr4 = "请选择节点|咖啡街一|咖啡街二";
    			var arr5 = "请选择节点|test01|test02|test03";
    
    			function AddOptions(dltObj, arrObj) {
    				dltObj.innerHTML = "";
    				var arrLocation = arrObj.split("|");
    				for (var i = 0; i < arrLocation.length; i++) {
    					var opt = document.createElement("OPTION");
    					dltObj.add(opt);
    					opt.value = i;
    					opt.text = arrLocation[i];
    				}
    			}
    
    			function init() {
    				AddOptions(dltGateway, eval('arr'));
    				AddOptions(dltNode, eval('arr' + dltGateway.selectedIndex));
    			}
    		</script>
    	</head>
    	<body onLoad="init();">
    		<table width="300" cellpading="0" cellspacing="0" border="0">
    			<tr>
    				<td width="100">
    					<select id="dltGateway" οnchange="AddOptions(dltNode,eval('arr'+dltGateway.selectedIndex));"style="width:100%"></select>
    				</td>
    				<td width="100">
    					<select id="dltNode" style="width:100%"></select>
    				</td>
    			</tr>
    		</table>
    	</body>
    </html>
    
    

    三、点击select里不同的option时如何显示不同的内容(文本、表格、echarts图表等)?

    最核心的地方在于获取option的value值,通过value值去控制显示不同的内容
    大概代码如下:

    var myNode = document.getElementById("dltNode"); //通过id获取select对象
    var indexNode = myNode.selectedIndex;         //获取被选中的Option的索引
    var valueNode = myNode.options[indexNode].value;  //获取被选中的Option选项的value值
    var input=document.getElementById("car");  // 获取文本框input对象
    input.value=valueNode;
    
    展开全文
  • indexOf() 方法传入的是指定元素 , 返回数组某个指定的元素位置。如果在数组没找到指定元素则返回 -1。 find() 方法传入某个条件,返回符合条件的数组第一个元素 ,如果没有找到返回undefined (注:这个undefined,...

    1.区分数组的indexOf/findIndex/find 的使用场景

    findIndex() 方法传入某个条件,返回符合条件的数组第一个元素位置 ,如果没有找到返回 -1

    indexOf() 方法传入的是指定元素 , 返回数组中某个指定的元素位置。如果在数组中没找到指定元素则返回 -1。

    find() 方法传入某个条件,返回符合条件的数组第一个元素 ,如果没有找到返回undefined (注:这个undefined,经常会带来一些报错,可以换用findIndex方法)

    // var num = [10, 20, 30, 40, 50, 60, 70, 80, 90];
    var newNum2 = num.findIndex((item, index) => {
        return item > 40;
    })
    
    var newNum3 = num.indexOf(40);
    var newNum4 = num.indexOf(40, 10);//从索引10的位置开始向后查找
    
    var newNum1 = num.find((item, index) => {
        return item > 40;
    })

    2.使用Lodash的merge方法时 merge(undefined, []) 会返回一个{} 非 []

    展开全文
  • 前端网页时,外联样式默认样式放到页面样式之前,否则默认样式会覆盖后面的样式。如下代码:normalize.css为默认样式,index.css为页面样式 <link rel="stylesheet" href="css/normalize.css"> <link ...
  • 前端工作中遇到问题总结(一)

    千次阅读 2021-01-15 15:16:52
    6、v-model绑定的值和下拉框绑定的值不一样,需要在data重新赋值变量 7、get请求:function的data后台获取不到变量的值,那么用params当做变量的key 8、在数组循环添加对象; let historyMeet = []; this....
  • 前端面试题之项目中的难点

    千次阅读 2021-04-25 15:39:00
    项目中遇到的难点 1.发表动态 后端代码: async insert (data) { let {filename,url} = data; // console.log(filename,url,table) var base64 = url.replace(/^data:image\/\w+;base64,/, "");//去掉图片base...
  • 项目中你会遇到哪些问题呢1.前后端联动的问题 ** 1.前后端联动的问题 ** ①:id精确度丢失的问题 1. 产生原因:后端生成id的规则有很多种,但是有时后端生成的id是long类型的,那么传到前端的时候会转为Number类型...
  • 1.代码习惯 比如写个列表标签的tag,提前询问后端返回的数据枚举类型,然后定义一个map集合来渲染 页面 2.git命令 git rebase命令 3.微前端后退失效 4.map方法和Object.assign() 如果属性值是一个基本数据类型 ...
  • 在每个前端求职者的面试过程,一定都有过被面试官问到项目中的难点,而答不上来的情况。为了让大家在前端面试前准备得更加充足,小编准备了一些易被忽视且难度较高的前端面试题,希望可以帮助大家更加顺利完成求职...
  • 前端开发过程遇到访问请求跨域的问题,比如调用如下方法访问疫情分布的公共接口,就会出现跨域的问题。 export function getDiseaseInfo() { return axios({ url: '...
  • 前端巨型项目拆分与整合原则方案

    千次阅读 2021-12-04 14:33:47
    前端项目组织原则 微服务下的前端项目 ​ 随着微服务与容器化技术的兴起,web项目变得不再像原来的单体应用项目那样庞大,通常以单一服务功能的实现为原则,服务端应用被拆分成了一个个的互不依赖的小型项目。被拆分...
  • 前端项目自动部署到服务器一、安装依赖npm install cross-env scp2 ssh2 -D或者yarn add cross-env scp2 ssh2 -D二、在项目根目录新建 deploy 文件夹在文件夹里席间含 index.js 和 products.js 文件// deploy/index....
  • 使用vuejs开发项目中遇到问题总结

    千次阅读 2020-12-30 17:35:54
    这次和大家分享一下我在该项目中遇到的坑。1、使用axios.js处理异步加载时发现请求时传递参数会直接发送js对象到后端,而不是发送Form Data,下面是两种传递参数方式的对比。而且post请求会发送两次请求,第一次的...
  • 前端项目性能优化

    2021-06-17 18:06:49
    前端项目性能优化 一、前端项目架构优化 1、加载性能 1、资源内容使用CDN加载,请求开启Gzip压缩 利用CDN加载资源内容 cdn全称content delivery network。它是依靠部署在各地区的边缘服务器,达到用户就近...
  • 项目时间:2016年4月5日--4月9日项目名称:阿七果子园web前端页面项目内容:1.HTML5+CSS+JavaScript(banner+timer)+JQuery(small_banner)+引入(jquery-1.4.2.min.js);2.2天完成页面架构,2天添加特效,半天查看、...
  • 前端开发遇到的坑

    2020-12-22 10:13:57
    2.vuev-if和v-show的区别 (1)v-if的原理是根据判断条件来动态的进行增删DOM元素, (2)v-show是根据判断条件来动态的进行显示和隐藏元素。 (3)v-for比v-if优先级高, 3.Csspx,em,rem的区别 (1)px像素(Pixel...
  • 记录自己第一次使用nginx部署前端项目所踩的一些坑,用的是windwos10 正文 前提准备:nginx文件,vue或HBuilder打包后的静态文件 坑一:官网上下载的nginx压缩包解压后没有nginx.exe启动文件 下载地址:...
  • 前端项目中如何安装添加ElementUI组件 今天在搭建前端开发环境时,所遇到的一些小问题,拿出来和大家分享一下。 ** 1.什么是ElementUI?可以用来做什么? ** ElementUI是我们学习前端Vue框架里核心思想式组件和数据...
  • 前端实习项目总结一

    2021-06-29 02:02:44
    关于定位总结position:[static,absolute,relative,fixed]默认值:static适用于:除display属性定义为table-column-group|...relative:对象遵循常规流,并且参照自身在常规流的位置通过top,right,bottom,left这四...
  • 前端灰度-前端项目如何进行灰度?

    千次阅读 2020-12-24 11:22:11
    前端灰度-前端项目如何进行灰度? 对于任何一端的应用生产的灰度机制都异常重要,可以大幅提高应用生产业务的可用性和可控性,对于复杂度较高的业务意义更加重大。 根据文章标题应该很多前端同学心里已经开始在...
  • 前端 项目 埋点

    2021-11-08 10:11:38
    目的 获取用户基本信息、行为以及跟踪产品在用户端的使用情况,并以监控数据为基础,指明产品优化的方向。 前端监控类别 前端监控可以分为三类:数据监控...用户在相应的页面触发的行为 统计这些数据是有意义的,比如
  • 项目代码中前端页面乱码分析 项目背景 刚刚换了个新电脑,加入一个公司 开发工具是IDEA 前端jsp页面 后端spring 多模块maven项目 分页组件是jqGrid 其他同事从git上拉取代码后没有问题,只有我的打包部署上tomcat...
  • 点击上方关注前端技术江湖,一起学习,天天进步前言本篇写一下前端项目负责人在项目初期需要做什么?主要分四个方面项目相关这一部分可能看起来没那么重要,但是做项目对于项目的关键信息还是要了解的...
  • 项目中遇到了一个cookie无法设置的问题,大佬排查之后,找出原因如下: 当前服务器下不同端口有另外一个项目,并且存储cookie名称与我项目相同。 正常来说,我项目登录后会直接将另外一个项目cookie覆盖掉,这样使用...
  • 1.安装依赖包 yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel 2....运行nginx /usr/local/nginx/sbin/nginx 注: 查询进程是否存在 ps -ef | grep nginx 杀死进程 kill -9 xxxx
  • 被问到项目亮点、难点、遇到问题、解决思路

    千次阅读 多人点赞 2021-05-23 20:36:38
    面试被问到你的项目亮点、难点、遇到问题、解决思路是不是很蒙,现在我拆分一下问题 什么是项目亮点: 你负责的业务是什么?(学会发现问题) 你真的想过业务是什么吗? 有为业务想过什么吗? 有了你,业务有什么...
  • 首先作为知识储备需要理一下,性能损耗可能遇到问题 比如大列表的渲染,大量dom的渲染; 大量图片的加载,过多资源的请求,资源体积是否过大,; 代码有没有耗时的计算操作,或则大量循环.递归 编写的组件过于...
  • 文章目录一、XSS 攻击防御二、CSRF 攻击防御三、iframe 风险防御四、点击劫持危害防御五、第三方依赖包带来的问题防御六、https 存在的风险过程防御七、CDN劫持防御八、本地存储数据泄露防御 一、XSS 攻击 XSS...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 284,695
精华内容 113,878
关键字:

前端项目中遇到的问题