前端
文章平均质量分 70
喜欢安静的程序猿
爱学习
展开
-
如何禁用textarea的resizable属性?
我想禁用的可调整大小的属性textarea。目前,我可以textarea通过点击的右下角textarea并拖动鼠标来调整a的大小。如何禁用此功能?以下CSS规则禁用textarea元素的大小调整行为:textarea { resize: none;}要禁用某些(但不是全部)textareas,有几个选项。要禁用属性设置为(即)的特定项textarea,请执行以下操作:namefoo<textarea name="foo"></textarea>..原创 2021-04-16 15:52:59 · 306 阅读 · 0 评论 -
箭头函数的副作用
一、前言项目中,我习惯上能用箭头函数的地方都用箭头函数,这样我就不用随时操心this作用于的问题,而且对于书写上也很方便。也搜索过相关文章,里面也建议尽量使用箭头函数。当然,箭头函数也不是万能,肯定无法取代普通函数。那么,究竟箭头函数需要注意哪些呢?二、一些常见的问题(代码在控制台测试)1.作用域this的指向问题this指向被创建的地方,或者是被实例化的地方;对象方法,let A = { a:'a',name:()=>console.log(this,this.原创 2021-04-06 15:48:42 · 171 阅读 · 0 评论 -
Webpack 5 配置手册(从0开始)
webpack安装顺序1. `npm init -y`,初始化包管理文件 package.json2. 新建src源代码目录3. 新建index.html4. `yarn add webpack webpack-cli`,安装webpack相关包5. 在项目根目录中,创建webpack.config.js 的配置文件6. `yarn add webpack-dev-server`,安装支持项目自动打包的工具,并配置7. `yarn add html-webpack-plugin`,安装生成原创 2021-04-02 16:27:48 · 358 阅读 · 0 评论 -
小技巧!CSS 整块文本溢出省略特性探究
今天的文章很有意思,讲一讲整块文本溢出省略打点的一些有意思的细节。文本超长打点我们都知道,到今天(2021/03/06),CSS 提供了两种方式便于我们进行文本超长的打点省略。对于单行文本,使用单行省略:{ width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}而对于多行文本的超长省略,使用-webkit-line-clamp相关属性,兼容性..原创 2021-03-30 16:13:24 · 79 阅读 · 0 评论 -
前端学习笔记之强制类型转换
1.避免使用 true 和 == false 。因为在比较中,会将true和false强制类型转换为1和0。2.在==中,null和undefined相等,其它值和他俩都不相等。3.抽象关系比较时,如果出现非字符串,就根据ToNumber规则,将双方强制转换为数字比较。如果双方都是字符串,则按字母顺序比较。4.||和&&并不返回布尔值,而是返回两个操作数中的一个。5.JSON.stringify()在对象遇到undefined、function、symbol时会自动将其忽略。原创 2021-03-29 19:46:26 · 382 阅读 · 0 评论 -
做了3年测试,靠着这份面试题和答案,我成功跳槽字节跳动拿到了前端offer
个人经历给大家一个参考,计算机信息工程专业,大学学过前端,毕业后阴差阳错在小公司做了三年测试后,意外地拿到了字节跳动前端的offer,成功跳槽到了字节跳动事业部。字节跳动面试对基础比较看重,然后需要你有两三个比较好的项目,一面重视面试者对前端基础的把握,还要手写代码,不过不难。二面部门的leader面,这一面比较难,面试官会对你的项目细节进行深挖,所以说项目要牛逼一点,最后还会有一道逻辑题(侥幸),三面是还是技术面,最后是HR面,如果你想进大公司的话,下面这些技术是肯定要掌握的:html5,css原创 2021-03-24 13:38:07 · 256 阅读 · 0 评论 -
JavaScript 的 switch 条件语句
switch语句是典型的多分支语句,作用与嵌套使用if语句基本相同,但switch语句更具有可读性,且其允许在找不到的情况下执行默认的一组语句。switch 语句用于基于不同条件执行不同动作,结束switch语句。语法:switch(表达式) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: 默认代码块} 【首先设.原创 2021-03-23 13:39:03 · 247 阅读 · 0 评论 -
jQuery王者归来
曾经jQuery也是王者,只是时代变了,不过时代仍然在变,我们会发现jQuery还是那个王者。react和jquery比起来,你会不会发现,那些花里胡哨的东西,在jquery面前,就是笨拙的大象么?react的生态如此庞大,以及react本身所提出的协程,不都是因为react慢吗?项目里面打包一个react-dom,噢,让界面打开再飞一会儿。总而言之,现代前端虽然有很多创新,但带来的痛苦也不尽其数。让我们再回头,弹一弹jQuery身上的尘土,看,它还在发光。 react之所以让我们热爱,抛开工程化的那一原创 2021-03-19 18:14:24 · 366 阅读 · 0 评论 -
三十分钟包会——正则表达式
一、前言正则表达式,对大家来说既熟悉又陌生。熟悉是因为工作中有很多场景能用到,比如手机号、邮箱、密码等规则校验。陌生则是因为正则表达式看上去就是一堆乱码,且一眼看上去很难看懂匹配规则。有时候在网上去找一个特定规则的正则表达式,搜出来的结果各不相同,执行效果更是不尽人意,想自己去修改,感觉也无从下手。今天就花费30分钟时间,带领大家从另一个角度去剖析匹配的目的,理解匹配的思路,一步一步抽丝剥茧去学会怎么写正则表达式(读正则表达式远比写正则表达式要困难的多)。二、理解正则要干的事情正则要干的原创 2021-03-17 12:50:08 · 197 阅读 · 0 评论 -
字节跳动最爱考的前端面试题:计算机网络基础
3)问:HTTP 缓存HTTP 缓存又分为强缓存和协商缓存:首先通过 Cache-Control 验证强缓存是否可用,如果强缓存可用,那么直接读取缓存 如果不可以,那么进入协商缓存阶段,发起 HTTP 请求,服务器通过请求头中是否带上 If-Modified-Since 和 If-None-Match 这些条件请求字段检查资源是否更新: 若资源更新,那么返回资源和 200 状态码 如果资源未更新,那么告诉浏览器直接使用缓存获取资源 (5)问:HTTP 常用的状态码及使用场景?1xx:原创 2021-03-15 13:59:33 · 233 阅读 · 0 评论 -
JS: 浅拷贝vs深拷贝 | 刷题打卡
1. 概念在JavaScript中,拷贝一般是指变量的复制过程。对于简单类型,拷贝就是直接赋值的过程;对于复杂类型,浅拷贝是指复制对象的引用地址的过程。如果修改了源对象的某个属性,由于引用相同,所以目标对象的属性也会被改变。2. 测试// 测试1function test() { var obj = { id: 1, name: 'Tom', props: { age: 18, }, color: ['red', 'green原创 2021-03-12 18:20:23 · 118 阅读 · 0 评论 -
Promise对象
Promise是什么Promise是异步编程的一种解决方案,比传统的方案--回调函数和事件--更合理且更强大。所谓Promise,简单来说就是一个容器,里面保存着未来才会结束的事件(通常是一个异步操作)结果。从语法上说,Promise是一个对象,可以获取异步操作的消息。有了Promise对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。Promise的特点对象的状态不受外界的影响。Promise对象代表一个异步操作,有3种状态:Pending(进行中)、Fulfil原创 2021-03-11 18:15:08 · 199 阅读 · 0 评论 -
three.js 实现图片粒子爆炸特效
大家好,这里是 CSS 魔法使——alphardex。以下是最终实现的效果图撒,哈吉马路由!准备工作笔者的three.js模板:点击右下角的fork即可复制一份世界同步在我的上一篇博文中,讲到了如何将HTML世界和webgl的世界同步起来,本文也是同样的思路,先同步好两个世界,再进行特效创作首先搭建HTML和JS<div class="relative w-screen h-screen"> <div class="absolute w-scree原创 2021-03-09 17:00:27 · 1804 阅读 · 1 评论