茶无味的一天

8
获赞数
12
关注数
5
粉丝数
IP 属地广东
2017-11-25 加入
浏览 5.2k

代码首先是写给人看的,附带能在机器上运行的功能。

19 声望|新手
前端
19
javascript
19
面试小抄
8
面试问题
8
html
5
黄金勋章
暂未获得该勋章
如何获得
白银勋章
暂未获得该勋章
如何获得
青铜勋章
暂未获得该勋章
如何获得
个人动态
  • 发布了文章2023-01-19
    Electron打包错误的踩坑小记
    这种都是缺少相关包导致的问题,根据报错信息手动下载相应的资源,放入 C:\Users\你的用户名\AppData\Local\electron\Cache 目录下即可。
  • 发布了文章2022-10-31
    原生拖拽太拉跨了,纯JS自己手写一个拖拽效果,纵享丝滑
    提到元素拖拽,通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现,它提供了一套完整的事件机制,看起来似乎是首选的解决方案,但实际却不是那么美好,主要是它的样式太过简陋,无法实现更高级的用户体验:
  • 发布了文章2022-10-09
    如何优雅地编写一个高逼格的JS插件?
    在一个风和日丽的早晨,我正悠闲地喝着Coffe,突然领导向我走来,我赶紧熟练地切出VSCode,淡定自若地问:领导,什么事?领导拍了拍我的肩膀:你上次封装的方法同事跟我反馈使用起来很不错啊,你不如做成JS插件给大家用吧。我放下了手中的马克杯,甩了一下眼前仅剩的...
  • 发布了文章2022-10-08
    这道JS经典面试题不要背,今天带你彻底搞懂它!
    这是一道非常经典的面试题,涵盖了从函数的基本概念、运算符优先级,到作用域链、原型链、this关键字、new关键字等基础知识点考察,可以说能完整答对 JS 基础才算过了关,本文就带大家回顾并剖析这道面试题,应该是全网最详细的文章了,这次彻底搞懂它。
  • 发布了文章2022-10-08
    学会一行CSS即可提升页面滚动性能
    一般情况下 CSS 并不会影响 JS 事件,但有一个 CSS 属性则比较特殊,那就是 pointer-events,它可以用来规避鼠标事件,其中大部分属性值只适用于 SVG(可缩放矢量图形)操作,而我们只需要关注其 none 属性值,该值表示鼠标事件“穿透”该元素并且指定该元素“下面”的任...
  • 发布了文章2022-10-08
    JS探究之call和apply到底哪个更快?
    我们都知道 call() 和 apply() 是用来改变函数中 this 指向的,它们的共同点是都会立即执行,而如果问到它们之间有什么区别时,我们都会想到一个「传参不同」
  • 发布了文章2022-10-07
    当UI走查说页面色值错误时,先别急着检查代码
    颜色一直是UI设计师们非常敏感的问题,我至今仍忘不了那天,一位萌新设计师在走查UI时,给我提了好几个Bug,大多是颜色有差异问题,我当时的第一反应是去检查代码,排查了半天确认自己没有写错色值后,我就在想会不会是取色的问题?于是我做了个试验,在网页上设置一...
  • 发布了文章2022-10-07
    Vue实现无限级树形选择器(无第三方依赖)
    想要在 Vue 中实现一个这样的无限级树形选择器其实并不难,关键点在于利用 递归组件 和 高阶事件监听,下面我们就一步步来实现它。简单实现下样式创建 Tree.vue 组件(为方便阅读,代码有省略): {代码...} 展开收缩我们使用 CSS 来创建一个三角形: {代码...} 然后...
  • 发布了文章2022-10-07
    如何编写一个原生 Web Components 组件
    在今天的前端编程中,利用语义化的 HTML 结合 CSS 来完一个组件并不是一件难事,这也意味着无论在 React、Vue 中都可以插入,不过它俩不是今天的主角,接下来我将用一个例子来介绍如何封装一个完整的原生 HTML 的 Web Components 组件,让我们开始吧!
  • 发布了文章2022-10-07
    面试官:哪些浏览器事件不会冒泡?
    你知道哪些浏览器事件不会冒泡吗?回答这个问题之前,我们首先要具备DOM事件流捕获与冒泡的知识,这里只讲JS中如何设置这两种事件监听,例如对body注册点击事件: {代码...} 具体区别在第三个参数,w3c规定了true表示捕获阶段触发,false表示冒泡阶段触发,默认false...
  • 发布了文章2022-10-06
    在Chrome浏览器中最快速实现拾色器(颜色吸管)的方法
    说到网页拾色器(颜色吸管工具)在前端的实现方法,通常我们会想到先进行网页截图,然后通过Canvas绘制截图,此时利用Canvas所提供的的API即可解析出图片每个像素点颜色,最后通过获取鼠标定位,得到当前的坐标来进行颜色选择。
  • 发布了文章2022-10-06
    为什么大家偏爱怪异盒模型border-box?
    我们都知道有两种盒模型,w3c盒模型和IE盒模型,IE是业界毒瘤所以IE盒模型又叫怪异盒模型(好吧我瞎说的)。content-box,顾名思义,即width就是内容宽度,和边框边距相互独立,反过来 border-box 就是宽度包含了padding和border,相互影响。
  • 发布了文章2022-10-06
    时隔一年多jQuery发布3.6.1新版本,你还在用JQ吗?
    在今年8月26日 jQuery 终于是更新了一个 3.6.1 维护版本,距离上一个版本发布时间已过去一年零五个月之久,其维护者表示接下来主要考虑修复聚焦与失焦(focus & blur)的问题以及一些难以捉摸的边缘情况,可能是历史原因,jQuery 中与焦点有关的地方都很难改变,团队从...
  • 发布了文章2022-10-06
    Vue项目处理错误上报如此简单
    随着网页项目越来越复杂,许多异常报错很难在开发和测试阶段被发现,尽管你可能避开了语法等常规错误,但不可避免的是代码在运行时的错误你仍旧无法准确预料,假设现在有如下一段 Vue 代码,它在生命周期的 created 阶段异步请求并接收了错误的数据,可能就会导致页...
  • 发布了文章2022-10-05
    利用Vue自定义指令让你的开发变得更优雅
    前段时间在用框架开发H5页面时,碰到框架中的组件内置了一个属性用于适配异形屏,虽然是组件内部实现的,但这个方式让我萌生一个想法:能不能自己写一个属性来实现这样的功能?
  • 发布了文章2022-10-05
    用纯CSS实现优惠券剪卡风格
    在做商城类项目的时候,我们可能都会经历过“优惠券”这类需求,笔者在过往工作中,都是直接要求UI切图来实现,直到有一天产品告诉我一个奇思妙想:这个优惠券的宽度会随内容变化的!一下子让我陷入了人生的大思考,这样图片方式可不好整呐,因此萌生一个想法:能不能...
  • 发布了文章2022-10-05
    浅谈前端工程化的发展以及相关工具介绍
    随着发展的逐步发展,作为工程师除了需要关注需要写的⻚面,样式和逻辑之外,还需要面对日益复杂 的系统性问题,比如模块化文件的组织、ES6 JS 文件的编译、打包压缩所有的 JS 代码、优化和合并图片静态资源等等事情。
  • 发布了文章2022-09-30
    面试官问我 JS 中 foreach 能不能跳出循环
    当年懵懂无知的我被问到这个问题时,脑袋一片空白,因为我一度认为forEach可能只是为了方便书写所创造出来的语法糖,在业务代码中也经常使用,但没有思考过它存在的问题,本文旨在记录自己的心路历程,抛砖引玉,如果对你有所帮助那就更好啦。
  • 发布了文章2022-09-28
    JavaScript波澜起伏的一生
    JavaScript俨然是热度最高的编程语言之一,作为前端开发在工作中总离不开写JS,但有些疑问总在我脑海中:它与Java到底什么关系?所谓的ES、TS又是什么?现在就让我们一起走进JS的前世今生吧。
  • 发布了文章2022-08-30
    vue项目前端性能优化小结
    0. 路由懒加载路由组件不使用直接引入,而是匿名函数返回形式,如下注释可以定义编译后的js文件名,在未进入该路由时此js文件的内容将不会被请求到: {代码...} 1. 开启gzip压缩1.1. 需要服务端做配置开启gzip功能,例如我的是nginx.conf配置: {代码...} 1.2. vue.c...