20231027 前端开发日报

面试官问,如何在十亿级别用户中检查用户名是否存在?;前端鉴权的几种方式;vue3优雅的使用useDialog;35k Web3 智能合约架构师面试记录;梦回JavaScript之作用域–小白篇;从 Tailwind CSS 到 UnoCSS —— 原子化真的是现代前端CSS的救星吗;JS设计模式:敲代码还不会追女孩子?受不了一点-小白篇;APP与H5通信-JsBridge

  1. 面试官问,如何在十亿级别用户中检查用户名是否存在?

    前言 不知道大家有没有留意过,在使用一些app注册的时候,提示你用户名已经被占用了,需要更换一个,这是如何实现的呢?你可能想这不是很简单吗,去数据库里查一下有没有不就行了吗,那么假如用户数量很多,达到

  2. 前端鉴权的几种方式

    常见鉴权方式 目前我们常用的鉴权有四种: HTTP Basic Authentication (HTTP基本认证) session-cookie Token 验证(包括JWT,SSO) OAuth(开

  3. vue3优雅的使用useDialog

    在日常开发时,弹窗是一个经常使用的功能,而且重复性极高,你可能会遇到下面这些问题: 1、一个页面内多个弹窗, 要维护多套状态,看的眼花缭乱 2、弹窗内容比较简单,不想单独维护一套变量 关于这个问题,

  4. 35k Web3 智能合约架构师面试记录

    从很多朋友那儿道听途说最近行情非常差,于是在主流招聘平台投了一些岗位试试水。最近可能会持续更新一些面试文章。 不得不说今年的环境确实是最近四五年最差的一年。主要是有两点,第一点是真正招人的公司变少了…

  5. 梦回JavaScript之作用域–小白篇

    .作为一名刚刚接触JavaScript的萌新小白,我们今天来聊点“干货”—-作用域。萌新必看!!!

  6. 从 Tailwind CSS 到 UnoCSS —— 原子化真的是现代前端CSS的救星吗

    原子化 CSS 是一种 CSS 的编写方式,它将样式规则分解为独立的、可重复使用的小型类名,以实现更高度可组合和可重用的 CSS。显然原子化 CSS 并不适用于所有情况。

  7. JS设计模式:敲代码还不会追女孩子?受不了一点-小白篇

    小白必看,JavaScript设计模式:理清对象设计思路!码商 + 情商 = 面向对象,找"对象"必学一招

  8. APP与H5通信-JsBridge

    背景 在移动开发领域,原生应用嵌入网页(H5)可以实现一套代码多端使用,那么原生应用(APP)和网页(H5)之间的通信就非常重要。 JsBridge作为一种实现此类通信的工具,用于实现原生应用和嵌入其

  9. 超火迷你GPT-4视觉能力暴涨,GitHub两万星,华人团队出品

    GPT-4V来做目标检测?网友实测:还没有准备好。 虽然检测到的类别没问题,但大多数边界框都错放了。 没关系,有人会出手! 那个抢跑GPT-4看图能力几个月的迷你GPT-4升级啦——MiniGPT-v

  10. electron27+react18集成搭建跨平台应用|electron窗口多开

    文章浏览阅读67次。electron27-vite4-react18基于electron27结合vite4构建工具快速创建react18跨端应用实践。综上就是electron27+react18创建跨端桌面应用的一些分享,希望能喜欢~~这里选择使用vite.js构建工具来快速创建一个react18项目。在项目根目录下新建一个主进程文件electron-main.js。创建桌面端项目的一些分享,里面有打包的一些配置,感兴趣可以去看看。这样一个简单的react18项目就已经创建完毕了。配置vite.config.js主进程入口。

  11. 基于nodejs+vue 宁夏旅游景点客流量数据分析系统

    文章浏览阅读99次。在自己定义的条件下,采集得到某些网页的信息,比如房价、股票、招聘信息等,对于这些信息,我们可以对数据进行处理,后引入数据挖掘技术对旅游景点客流量预测进行建模,并引入粒子群算法对旅游景点客流量预测模型参数进行优化.

  12. Vue+ElementUI项目打包部署到Ubuntu服务器中

    文章浏览阅读66次。【代码】Vue+ElementUI项目打包部署到Ubuntu服务器中。

  13. React Swiper.js使用(详细版)3D聚焦特效,自定义导航按钮等

    文章浏览阅读83次。1、 通过直接引入less文件 重新定义 swiper-button-prev等类 或 :global ,自定义导航按钮 / 进度条样式2、 防止冲突,swiper2-button-prev swiper-button-prev 通过在前端定义前缀,避免多个swiper.js使用 navigation={{ nextEl: ‘.swiper-button-next’,top: unset;left: 50%;left: 0px;top: 50%;&::after {

  14. vue2 系列:自定义 v-model

    文章浏览阅读255次。自定义 v-model

  15. vue源码分析(二)——vue的入口发生了什么

    文章浏览阅读325次。vue源码分析(二)——vue的入口发生了什么

  16. vue3 源码解析(1)— reactive 响应式实现

    文章浏览阅读201次。综上所述,vue3的响应式原理通过使用Proxy对象实现数据代理,结合副作用函数和依赖追踪,实现了高效的数据变化追踪和自动更新机制。这种设计使得vue3在处理数据和视图之间的关系时更加灵活和高效。

  17. vue重修之Vuex【下部】

    文章浏览阅读214次。类别直接使用模式借助辅助方法使用state$store.state.模块名.数据项名…mapState(‘模块名’, [‘数据项’]) 或 …mapState(‘模块名’, { 新的名字: 原来的名字 })getters$store.getters[‘模块名/属性名’]…mapGetters(‘模块名’, [‘属性名’]) 或 …mapGetters(‘模块名’, { 新的名字: 原来的名字 })mutations$store.commit(‘模块名/方法名’, 其他参数)

  18. 微前端qiankun接入Vue和React项目

    文章浏览阅读126次。微前端qiankun使用

  19. vue3 elementPlus 表格实现行列拖拽及列检索功能

    文章浏览阅读443次。1、安装vuedraggable。

  20. React之如何进行性能优化

    文章浏览阅读148次。通过上面初步学习,我们了解到react代码层面工程层面框架机制层面通过这三个层面的优化结合,能够使基于react项目的性能更上一层楼。

  21. 网络建设 之 React数据管理

    文章浏览阅读70次。React作为一个用于构建用户界面的JavaScript库,很多人认为React仅仅只是一个UI 库,而不是一个前端框架,因为它在数据管理上是缺失的。在做一个小项目的时候,维护的数据量不多,管理/维护数据用useState/useRef就足够了;可是当项目变大,需要的数据量成百上千,然后就会发现:全局变量到处都是。在某些组件里定义的数据无法传递到其他组件里。数据传来传去找不到定义位置,很难维护。因此这时候就需要数据管理了。

  22. vue中组件传值 引用页面与组件页面绑定参数 vue省市地区街道级联选择组件

    文章浏览阅读66次。链接:https://pan.quark.cn/s/0b70e60fd377。

  23. vue3学习心得

    文章浏览阅读59次。与其说 组件v-model,倒不如说,父子组件通讯的双向邦定,我倒喜欢这样子去理解。就好比,我在子组件内有一个input框,然后,这个框的值会跟父组件定的属性一起变化。//注意【update:test】需要跟html中定义的一致。1、组件v-model。

  24. 03 React 面向组件编程

    文章浏览阅读157次。script type = " text/babel " > //1.编写函数式组件 function Demo() {//组件名需要大写,不然 react 会认为标签里面是 html 标签,而不是 react 组件 console . log(this);

  25. vue+导出excel报表

    文章浏览阅读84次。var title = defaultTitle || ‘列表’var title = defaultTitle || ‘列表’4.引入export2Excel.js导入文件。先判断是否为null/undefined。设置worksheet每列的最大宽度。/* 增加自适应宽度*/2.定义data数据。// 导出excel。


关注我

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

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

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