20231108 前端开发日报

js中闭包是个啥?带你揭开闭包神秘面纱;20 个令人惊叹的一行 JavaScript 代码;vue3 setup 中国省市区三级联动options最简洁写法,无需任何库;发布自己的 vscode 大模型问答插件,vue+nodejs 接入文心一言api;原来这才是HTML5标签正确的使用方式;JS设计模式之模板方法模式:打破束缚,解密代码复用的精髓;万字技术分享——从零开始 实现一个Vue-CLI;Photoshop Web版本用了哪些CSS技术

  1. js中闭包是个啥?带你揭开闭包神秘面纱

    很多人都认为闭包很难,其实不然,只要我们理解也会感觉闭包好像也就这么回事。函数内如果有不受外函数管制的内部函数,出栈时会保留该内部函数在调用栈内存中,函数体以及它所使用的外函数变量的集合称为闭包。

  2. 20 个令人惊叹的一行 JavaScript 代码

    分享 20 个 令人惊叹的 JavaScript 一行代码,让你的工作更轻松。一起来看看吧!! !

  3. vue3 setup 中国省市区三级联动options最简洁写法,无需任何库

    本前端仔在写页面的时候,发现表单里面有一个省市区的 options 组件要写,因为表单很多地方都会用到这个地址选择,我便以为很简单嘛。 虽然很简单的一个功能,但是网络上能搜索到的教程大多都是需要配合

  4. 发布自己的 vscode 大模型问答插件,vue+nodejs 接入文心一言api

    对于大模型代码生成能力而言,最简洁高效的方式就是集成为常用IDE的插件,那么我们就以开发一个简易的大模型对话插件,来探究一下vscode插件开发到发布的流程,研究一下文心一言大模型api的接入

  5. 原来这才是HTML5标签正确的使用方式

    HTML5标签是HTML语言的最新版本引入的一些新的标签,这些标签用于定义网页内容的结构和语义。相比于以前的HTML版本,HTML5标签提供了更加语义化的元素,使开发者能够更准确地描述和组织网页的内容

  6. JS设计模式之模板方法模式:打破束缚,解密代码复用的精髓

    在前端开发中,模板方法模式是一种常用的设计模式,它能够有效地提高代码的复用性和扩展性。在 JavaScript 中,模板方法模式的应用广泛,常被用于组件的生命周期管理、请求封装和拦截器设计、表单验证。

  7. 万字技术分享——从零开始 实现一个Vue-CLI

    背景 大家周五好,正好填一下之前的坑我准备了很久的学习如何开发一个 Vue CLI 工具的学习的内容输出成文章,我觉得学习的最终过程是需要输出成果的,这也是我的一个学习过程的记录。文章内容比较长,需要

  8. Photoshop Web版本用了哪些CSS技术

    本文介绍了Photoshop Web版本使用的一些CSS技术。与国内常见的CSS技术相比,有许多不同之处,其中很多部分值得学习和借鉴。

  9. 我终于学会的前端技能——代码调试、打断点

    在技术的世界里,要用魔法来打败魔法说来惭愧我做前端已近三年了竟然还没有学会如何调试代码,也就是给自己的代码打上断点一步步看它的运行状态以达到理清代码运行逻辑、排查问题提升开发效率的目的。直到最近我才学

  10. 前端信号Signal是什么?原子CSS组件是什么?OMI 响应式WebComponents和OmiElements来袭

    2023 年了,各大Web框架纷纷放弃兼容 IE11,如果不考虑 IE11 的情况,便可充分利用浏览器当前全新的特性,那么前端框架该设计成什么样子?

  11. ES6新特性全面汇总39条你知道多少?(九)

    导言 这篇文章是我开启ES6新特性全面汇总的第九章,我将在未来每天更新一篇后续,我将会较为详细深入的向大家介绍我们ES6+的新特性,而不是简单的标注一共有哪一些特性,本篇文章关于其中的三条:对象属性初

  12. 245:vue+openlayers 利用canvas绘制边线纹路

    文章浏览阅读152次,点赞45次,收藏47次。第245个本示例的目的是介绍如何在vue+openlayers项目中利用canvas绘制边线纹路。思路就是将stroke渲染通过canvas设定的pattern模式。

  13. 四、React中state属性

    文章浏览阅读167次。通过之前的文章自定义组件,我们发现创建的类式组件里面会存在state属性。在React中,state是一个用于存储组件内部数据的特殊对象。每个React组件都可以包含自己的state,我们往往是通过修改state的值来驱动React重新渲染组件。由于函数式组件this指向的是undifind所以,函数式组件不存在state。

  14. Vue 3 中,watch 和 watchEffect 的区别

    文章浏览阅读126次。watch:既要指明要监听的属性,也要指明回调。不用指明监听哪个属性,回调中用到哪个属性,那就监听哪个属性。watchEffect 有点像计算属性 computed:但 computed 注重的计算出来的值(回调函数的返回值),所以必须要写返回值。而 watchEffect 更注重的是过程(回调函数的函数体),所以不用写返回值。与比较,watch懒执行副作用;更具体地说明什么状态应该触发侦听器重新运行;访问侦听状态变化前后的值。

  15. Vue2和Vue3生命周期映射关系及异同

    文章浏览阅读60次。Vue的生命周期包含创建、更新、销毁等过程。看这里了解vue2与vue3的异同与映射关系。

  16. vue3如何使用element-plus的el-table组件展示图片表格

    文章浏览阅读82次。scope表示作用域,scope.row则为当前展示行的数据,scope.row.imgUrl则为当前展示行的图片地址。由于图片展示需要用到当前行的图片地址,然后配合img标签进行展示,el-table-column不能直接展示图片,所以这个问题该如何解决呢?想了半天没想出来,翻来覆去查资料都没看懂(我好蠢),后面发现了一个scope关键字,借助scope关键字终于解决了这个问题。这种用法当然不局限于展示图片,既然知道了如何获取当前展示行的数据,我们就能够自定义展示效果了。比如同时展示图片与图片描述。_el-table 显示图片

  17. Vue Vuex模块化编码

    文章浏览阅读172次。正常写vuex的index的时候如果数据太多很麻烦,,如果代码太多会造成混乱,这时候可以使用模块化管理。

  18. 如何释放React Hooks的力量

    文章浏览阅读98次。React是用于构建用户界面的一个流行JavaScript库,多年来已经发生了重大变化和改进。React中最具颠覆性的新特性之一就是引入了Hooks。React Hooks彻底改变了开发者在函数组件中管理状态和生命周期的方式。在这个全面的指南中,将深入研究React Hooks的世界,探索它们的优点、用例,以及如何利用它们来编写更干净、更易于维护的React代码。

  19. react: antd组件使用 FC Fragment

    文章浏览阅读95次。RangePicker<RangePicker style={{width: ‘260px’}} placeholder={[‘开始日期’, ‘结束日期’]} allowClear={false} defaultValue={[defaultDate, defaultDate]} value={reportDate} onChange={(dates: any) => {


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流