简单的谈一下前端开发中的小技巧

最新推荐文章于 2024-07-04 11:38:55 发布
最新推荐文章于 2024-07-04 11:38:55 发布
阅读量172 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_36146776/article/details/89308922
版权

查找资料

领导给你安排一个任务，你从来没有做过这个功能，咋办呢？？

  • 菜鸟
    对于前端菜鸟来说，直接撸好关键词，然后找度娘，稍微有志气一点的上Google
    呵呵呵呵。。。。。。
    大神们会鄙视的操作

  • 笨鸟
    稍微懂得多一点的，比如公司项目用的是vue，需要再页面中嵌套一个柱形图，他们知道上github查找咯
    在这里插入图片描述
    然后再再再稍微有经验一点的上npm网站查找咯
    在这里插入图片描述
    其次
    yarn网站
    cnpm,pnpm等同理即可，掌握其一则掌握其二咯

  • 大神
    我是高手，我自己封装组件然后上传到github，你们都准备好小星星给我吧，哈哈哈哈哈。。。。。。

吃瓜群众欢乐多
关注
前端工程师进阶 10 日谈
sybh的博客
10-23 477
月影大大帮你梳理前端开发的『内功』，让你告别萌新，走上大佬的成长之路~
技术分享：前端开发小技巧
关注我！带你一路 "狂飙" 到底！
08-25 634
但是 break 只能跳出当前循环, 怎么办呢, 我们就可以在 for 循环语句前面放上一个定位符。但是一旦对象中属性变得多了, 那么我们展开以后看到的结果就会误导我的代码了。发现有一个小虫子, 那么这个包子就不吃了, 我们直接 break 就好了。假如说, 我们吃到第二个包子的第二口的时候, 发现是 半条虫子。由于循环要花好久才能执行结束。因为各种各样的原因, 我们的代码一旦在浏览器运行总是各种。今天, 我们来说几个前端比较冷门, 不是很常用的小玩意。我们在吃包子的时候, 吃到第二个包子的第二口的时候。
前端开发的小技巧
Lyy1315078251的博客
11-01 305
1、在制作网站前，有必要先观察全部文件，找出其中公用部分以及私有部分，做到心中有数； 2、我建议其CSS分为三个部分，初始化（base.css）、公用（common.css）、页面私有（栏目名称.css），我建议自己有一套完整的classname命名规范，如：toper(顶部)、header(头)、content(内容)、nav(导航)、title-catalog-00(栏目标题类)、tab-ca...
分享15个高级前端开发小技巧
最新发布
2301_79226238的博客
07-04 1058
在今天这篇文章中，我们将探讨 15 种高级功能，这些功能现在可以在不依赖 JavaScript 的情况下实现。
前端开发几个小技巧
马优晨
10-10 1129
使用 Array.includes 来处理多重条件 // 条件语句 function test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log('red'); } } 如果我们想要匹配更多的红色水果呢，比方说『樱桃』和『蔓越莓』？我们是不是得用更多的 || 来扩展这条语句？ functio...
前端开发技巧
蚂蚁
04-15 8297
查看源码 在浏览器界面，按下F12或者鼠标右击，在出现的选项中点击检查，即可查看网页源码 并且可以获取每个HTML标签元素的具体的属性 编写样式 浏览器中还有一个功能，就是可以直接在浏览器中编写标签的样式，效果直接就可以看到 截图框的位置即可编写样式 编写JS代码 获取网页源代码，调试程序 ...
开发过程中的前端小技巧
旧单车的博客
03-07 2193
实用代码前端小技巧 前端小技巧 ##判断是否子iframe // 判断是否子iframe if(top.location!=self.location){ } ##判断是否子iframe // 判断是否子iframe if(top.location!=self.location){ } ...
前端开发核心知识进阶
GitChat
07-02 4284
web前端开发工具，前端原生开发是什么意思
m0_60125017的博客
07-24 1438
现如今很多在互联网的程序员，其实都是比较向往去国企的，尤其是那种年龄超过35的程序员，他们追求的可能不是高收入，而且稳定的工作以及能有时间陪家人。毕竟这些程序员打拼多年，多少都有一点身价了。 最近在职场论坛上看到这样一个案例：程序员去国企面试，跟领导谈完技术，看到工作环境之后：给多少工资也不去，网友评论炸锅了！这到底是怎么回事呢？ 原来这位员工今天去国企面试了，当时面试的领导问他要多少工资时，面试的程序员一时语噻了，因为根本就没打算留在国企。而原因也很简单，他说刚进公司时就发现办公室格局与互联网企业真的不
前端面试技巧
LittleRoundFace的博客
03-21 2572
前端面试葵花宝典 今天参加了一个分享大会，是关于前端面试的，虽然自己目前并无跳槽面试需求，但是觉得了解一下行业标准对自己现在查缺补漏更好一些。大会是线上的从早晨9点就开始了，一直到晚上七点多才结束，其实里面有10个分享嘉宾，不过我开头和中间有事都没有听见，听到的4~5个分享讲师分享的内容真的是干货满满，有点相见恨晚的感觉，于是会后我就想整理一下，让更多人也能有机会更早知道这些面试规则和技巧，早知道早去练习这些能力。对于准备跳槽的小伙伴会更有帮助。 注意：本文内容来自如下大会的各个大佬的讲课内容，我边听边做了
前端技术清单
2401_84091110的博客
04-22 1097
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等详细大厂面试题答案、学习笔记、学习视频等资料领取，点击资料领取直通车免费领取！起的朋友，同时减轻大家的负担。**[外链图片转存中…(img-9ils8Mfk-1713726397039)]
前端开发时的小技巧
Tiny2017的博客
05-07 173
1.console.log() ** 用法1： console.log('abc') // abc 用法2，打印全名变量： let a = 5 console.log({ a }) // {a: 5} 用法3，高级格式化： let obj = { name: '深深', age: 18, stature: '3m' } console.log('深深的个人资料: %O', obj...
前端开发小技巧一
hyupeng1006的博客
12-04 150
1、为形参y设置初始值。 function log(x, y = 'World') { console.log(x, y); } log('hello') //hello world log('hello', false) //hello false （如果不用这种方式，而是在函数内部去判断是否为空，那么如果传过来的y值为 空或者为 布尔值的false，那么就会出问题）...
前端开发中这些小技巧
树上骑个猴的博客
12-08 198
浏览器变成文本编辑器 地址栏输入： data:text/html, <html contenteditable> 利用a标签自动解析URL var a = document.createElement('a'); a.href = 'https://www.maomin.club'; console.log(a.host); // www.maomin.club 页面拥有ID的元素会创建全局变量 <!DOCTYPE html> <html> <head>
前端开发小技巧（1）
weixin_44333376的博客
08-25 113
在Android端，iOS端中以及H5应用中，UI设计中底部的tabBar高度一般是49px，这个49px是经过别人检验，一般是最适合的高度。
前端开发小技巧
qq_43557395的博客
01-14 239
当同时声明多个变量，可简写成一行 let x; let y=20; // 简写 let x,y=20; 巧妙使用解构赋值 let a,b,c; a=1; b=2; c=3; // 简写 let [a,b,c] =[1,2,3] 巧妙使用三元运算符 let num = 20; let result; if(num >=20){ result = 'hhh' }else{ result = 'xxx' } // 简写 let result = num >=20?'hhh':'x..
前端开发中这些小技巧，你知道几个？
主要领域：前端开发
06-05 548
浏览器地址栏运行JavaScript代码 javascript:alert('hello!'); Firefox不支持； 其他浏览器必须手动输入才可执行； 浏览器地址栏运行HTML代码 data:text/html,<h1>Hello, world!</h1> 在非IE浏览器可以运行 浏览器变成文本编辑器 地址栏输入： data:text/html, <html contenteditable> 控制台输入： document.body.contentEd
前端开发通用小技巧
AIGC大前端小王子
12-22 374
本文主要介绍前端开发的小技巧 1、常用方法 // 页面带参数跳转 go: function(path, data = {}) { path = path + '.html?t=' + (new Date().getTime()) for (var key in data) { path += '&' + key + '=' + data[key]; } window.location.replace(path); }, // 获取URL参数 getParams: function(n.
前端开发实用的小技巧
萧萧的博客
03-22 655
大四初学前端的一些笔记。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值