前言 在之前的面试官:来说说vue3是怎么处理内置的v-for、v-model等指令?文章中讲了transform阶段处理完v-for、v-model等指令后,会生成一棵javascriptAST抽象语法树。这篇文章我们来接着讲generate阶段是如何根据这棵javascriptAST抽象语法树生成render函数字符串的,本文中使用的vue版本为3.4.19。 看个demo 还是一样的套路,我们通过debug一个demo来搞清楚render函数字符串是如何生成的。demo代码如下: <template> <p>{{msg}}</p> </templ...

  3A8RnFxQCDqM   29天前   50   0   0 Vue

之前已经出了一篇关于loading动画的随笔《博客园美化:给网页加上loading动画》,但是每次加载都必须等loading动画加载完成才能进行下一步点击,很浪费时间,所以pass掉了...... 这次做了一个顶部的loading进度条,加载的同时不影响浏览点击网页,并且进度条颜色十分酷炫(  非主流  )的那种。 话不多说,先上效果图: 酷炫吧......😄 页首HTML代码附上: 1<scriptsrc="/Scripts/jquery-1.10.2.min.js"type="text/javascript"></script...

  xfU1fQ69BoWe   29天前   69   0   0 JavaScript

写在前面 tips:点赞+收藏=学会! 主页有更多其他篇章的方法,欢迎访问查看。 本篇我们继续介绍radash中函数柯里化和Number相关的方法使用和源码解析。 函数柯里化 chain:创建一个函数链并依次执行 使用说明 功能描述:用于创建一个函数链,该链依次执行一系列函数,每个函数的输出都是下一个函数的输入。这种模式常见于函数式编程,特别是在数据转换和流水线处理中。 参数:函数数组(或者说任意数量的函数)。 返回值:返回一个新的函数。 使用代码示例import{chain}from'radash' constadd=(y:number)=>(x:number)=>...

  VS6kEJaSGjz7   29天前   65   0   0 JavaScript

目录 TypeScript入门介绍 什么是TypeScript? 发展历史 优缺点 应用场景 开发工具 环境依赖 编程IDE vs调试 构建工具/工程化 步骤汇总 第一个项目 TypeScript入门介绍 什么是TypeScript? 1.1TypeScript是由微软开发的一种开源的编程语言。它是JavaScript的一个超集,通过为JavaScript提供静态类型检查,增加了代码的可读性和可维护性 发展历史 1.2TypeScript的历史和发展 TypeScript最初由AndersHejlsberg在微软开发,并于2012年首次发布。它的发展一直得到社区的积...

  f18CFixvrKz8   29天前   74   0   0 JavaScript

在XMLSchema(XSD)中,复杂元素是指包含其他元素和/或属性的XML元素。复杂元素可以分为四种类型: 空元素:仅包含其他元素和/或属性的元素。 仅包含其他元素的元素:不包含文本内容,只包含其他子元素的元素。 仅包含文本的元素:不包含其他子元素,只包含文本内容的元素。 既包含其他元素又包含文本的元素:同时包含其他子元素和文本内容的元素。 以下是复杂元素的一些示例: 空元素: <productpid="1345"/> 仅包含其他元素的元素: <employee> <firstname>John</firstname> &lt...

  YHTQQsaAg9bB   29天前   65   0   0 Html/Css

一、是什么 单点登录(SingleSignOn),简称为SSO,是目前比较流行的企业业务整合的解决方案之一 SSO的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统 SSO一般都需要一个独立的认证中心(passport),子系统的登录均得通过passport,子系统本身将不参与登录操作 当一个系统成功登录以后,passport将会颁发一个令牌给各个子系统,子系统可以拿着令牌会获取各自的受保护资源,为了减少频繁认证,各个子系统在被passport授权以后,会建立一个局部会话,在一定时间内可以无需再次向passport发起认证 上图有四个系统,分别是Applicati...

  uCg8iP04yNRs   29天前   161   0   0 Html/Css

vue3+uniapp多端自定义table组件|uniapp加强版综合表格组件 uv3-table:一款基于uniapp+vue3跨端自定义手机端增强版表格组件。支持固定表头/列、边框、斑马纹、单选/多选,自定义表头/表体插槽、左右固定列阴影高亮显示。支持编译兼容H5+小程序端+App端。 如下图:H5+小程序+App端,多端运行一致。 uv3-table表格插件是最新原创项目uniapp-os后台管理系统的一个独立版组件。 由于在开发uni-os手机后台系统需要用到table表格组件。无奈uniapp官方及插件市场table表格组件无论功能及UI上都不满足要求,于是自己爆肝一个多日夜开发了...

  hGgw0bajsGf1   2024年05月18日   67   0   0 Vue

一、是什么 事件代理,俗地来讲,就是把一个元素响应事件(click、keydown......)的函数委托到另一个元素 前面讲到,事件流的都会经过三个阶段:捕获阶段->目标阶段->冒泡阶段,而事件委托就是在冒泡阶段完成 事件委托,会把一个或者一组元素的事件委托到它的父层或者更外层元素上,真正绑定事件的是外层元素,而不是目标元素 当事件响应到目标元素上时,会通过事件冒泡机制从而触发它的外层元素的绑定事件上,然后在外层元素上去执行函数 下面举个例子: 比如一个宿舍的同学同时快递到了,一种笨方法就是他们一个个去领取 较优方法就是把这件事情委托给宿舍长,让一个人出去拿好所有快递,然后再根...

  uCg8iP04yNRs   2024年05月18日   52   0   0 JavaScript

一、axios是什么 axios 是一个轻量的 HTTP客户端 基于 XMLHttpRequest 服务来执行 HTTP 请求,支持丰富的配置,支持 Promise,支持浏览器端和 Node.js 端。自Vue2.0起,尤大宣布取消对 vue-resource 的官方推荐,转而推荐 axios。现在 axios 已经成为大部分 Vue 开发者的首选 特性 从浏览器中创建 XMLHttpRequests 从 nod...

  uCg8iP04yNRs   2024年05月17日   24   0   0 Vue

在现代的Web开发中,前端框架的选择是至关重要的。Vue.js作为一款流行的前端框架,与传统的原生开发相比,有许多明显的区别。 模版语法与HTML Vue.js使用特殊的模板语法来创建动态视图,这样开发者可以更方便地表达复杂的逻辑。通过指令(例如v-if、v-for等)和模板表达式,Vue.js简化了数据的呈现和处理: 在原生开发中,需要手动操作DOM来实现类似的功能,比如使用document.createElement、appendChild、removeChild等,这样的操作可能会比较繁琐。 路由管理 Vue.js有强大的路由管理功能,使用VueRouter可以轻松地管理单页应用的导航。...

  gYl4rku9YpWY   2024年05月17日   43   0   0 Vue

一、是什么 权限是对特定资源的访问许可,所谓权限控制,也就是确保用户只能访问到被分配的资源 而前端权限归根结底是请求的发起权,请求的发起可能有下面两种形式触发 页面加载触发 页面上的按钮点击触发 总的来说,所有的请求发起都触发自前端路由或视图 所以我们可以从这两方面入手,对触发权限的源头进行控制,最终要实现的目标是: 路由方面,用户登录后只能看到自己有权访问的导航菜单,也只能访问自己有权访问的路由地址,否则将跳转 4xx 提示页 视图方面,用户只能看到自己有权浏览的内容和有权操作的控件 最后再加上请求控制作为最后一道防线,路由可能配置失误,按钮可能忘了加权限,这种时...

  uCg8iP04yNRs   2024年05月17日   35   0   0 Vue

Vue模板语法:使用插值表达式的内容必须是有结果的内容才可以,就是需要return出来的才可以显示出来。插值表达式所表现的内容为纯文本模式如何避免即所有的逻辑操作都在js里面实现,不要再templete中实现可以完美的避免这个问题。 Vue属性绑定1.使用v-bind进行属性绑定语法:v-bind:class/id=“名称”2.对于v-bind是将属性进行绑定,如果属性的结果是null或者undefined则会自动将其删除不进行显示3.v-bind有一种简写模式直接使用:即可代替v-bind4.也可以使用布尔类型的truefalse5.动态绑定多个值:在数组中新建一个对象,v-bind绑定一个...

  hCqS9nAImRxU   2024年05月17日   38   0   0 Vue

前言 在上一篇vue3早已具备抛弃虚拟DOM的能力了文章中讲了对于动态节点,vue做的优化是将这些动态节点收集起来,然后当响应式变量修改后进行靶向更新。那么vue对静态节点有没有做什么优化呢?答案是:当然有,对于静态节点会进行“静态提升”。这篇文章我们来看看vue是如何进行静态提升的。 什么是静态提升? 我们先来看一个demo,代码如下: <template> <div> <h1>title</h1> <p>{{msg}}</p> <button@click="handleChange">changemsg&l...

  3A8RnFxQCDqM   2024年05月17日   36   0   0 Vue

目录 VUE-局部使用 快速入门 常用指令 v-for v-bind v-if&v-show v-on v-model vue生命周期 Axios Vue案例 VUE-局部使用 Vue是一款用于构建用户界面的渐进式的JavaScript框架。(官方:https://cn.vuejs.org/) 快速入门 准备 准备html页面,并引入Vue模块(官方提供) 创建Vue程序的应用实例 准备元素(div),被Vue控制 构建用户界面 准备数据 通过插值表达式渲染页面 vscode新建html文件并快速生成标准的html代码:https://www.c...

  onf2Mh1AWJAW   2024年05月17日   46   0   0 Vue

一、错误类型 任何一个框架,对于错误的处理都是一种必备的能力 在Vue 中,则是定义了一套对应的错误处理规则给到使用者,且在源代码级别,对部分必要的过程做了一定的错误处理。 主要的错误来源包括: 后端接口错误 代码中本身逻辑错误 二、如何处理 后端接口错误 通过axios的interceptor实现网络请求的response先进行一层拦截 apiClient.interceptors.response.use( response=>{ returnresponse; }, error=>{ if(error.response.status401){ router....

  uCg8iP04yNRs   2024年05月17日   45   0   0 Vue

前言 在家没事的时候刷抖音玩,抖音首页的视频怎么刷也刷不完,经常不知不觉的一刷就到半夜了😅不禁感叹道"垃圾抖音,费我时间,毁我青春😅" 这是我的模仿抖音系列文章的第二篇,本文将一步步实现抖音首页视频无限滑动的效果,干货满满 第一篇:200行代码实现类似Swiper.js的轮播组件第三篇:Vue路由使用介绍以及添加转场动画第四篇:Vue有条件路由缓存,就像传统新闻网站一样第五篇:GithubActions部署Pages、同步到Gitee、翻译README、打包docker镜像 如果您对滑动原理不太熟悉,推荐先看我的这篇文章:200行代码实现类似Swiper.js的轮播组件 最终效果 在...

  Wo2WjWKSubMZ   2024年05月17日   36   0   0 Vue

一、是什么 webpackproxy,即webpack提供的代理服务 基本行为就是接收客户端发送的请求后转发给其他服务器 其目的是为了便于开发者在开发模式下解决跨域问题(浏览器安全策略限制) 想要实现代理首先需要一个中间服务器,webpack中提供服务器的工具为webpack-dev-server webpack-dev-server webpack-dev-server是 webpack 官方推出的一款开发工具,将自动编译和自动刷新浏览器等一系列对开发友好的功能全部集成在了一起 目的是为了提高开发者日常的开发效率,只适用在开发阶段 关于配置方面,在webpack配置对象...

  uCg8iP04yNRs   2024年05月17日   37   0   0 Vue

一、原因 现在市面上有很多为前端开发的框架、模板。为什么我们还要再做一个呢,究其原因,因为这些框架和模板更多的基于技术层面提供了快捷方便的实现方法;但却缺少具体业务层面的实现。因此,结合自身需求,将各种系统常用的功能和页面进行归纳总结,实现了一套更贴近实际业务的前端框架,框架中提供了一系列实际的业务功能模块,用户可直接使用,甚至无需做任何更改。 二、使用技术 框架基于vue-element-admin框架二次开发而成,使用了VUE和ElementUI实现。 三、常用功能 根据常用程度,框架归纳实现了常用的功能模块,具体包括如下内容: 【账号密码登录】 【手机短信登录】 【注册】 【找回密码】 ...

  0LYBELHOQl6a   2024年05月17日   51   0   0 Vue

大家好,我是Java陈序员。 问君能有几多愁,唯有上班摸鱼解千愁! 今天,给大家推荐一款软件,利用键盘输入来记忆英语单词,上班摸鱼可用! 关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 项目介绍 QwertyLearner——一款为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件,主要服务于以英语作为主要工作语言的键盘工作者。 软件内置了中高考英语、大学英语、考研、专业英语、PET等词典。 除了英语词典,还有日语、德语词典。 除了课本、考试中的英语单词外,还有程序员常见英语单词以及多种编程语言API等词库。 功能列表 丰富的词库...

  VlNAKfyhjjp9   2024年05月17日   65   0   0 React

在目录结构中,我们精心创建的每一个文件最终都会经过处理,转化为相应的页面路由。然而,值得注意的是,某些特殊文件格式在生成过程中并不会被当作路由路径来处理。 app |-auth login page.tsx password page.tsx //最后生成的路由路径 //·localhost:3000/auth/login //·localhost:3000/auth/password //()路由组的作用在编译的时候会忽略 app (auth) login page.tsx password page.tsx //最后生成的路由路径 //·localhost:3000/login //·...

  sJ0c5xhtsE03   2024年05月17日   43   0   0 React
推荐作者 更多

2023-11-08

2023-11-12

2023-11-21

2023-11-01

2023-11-02

2023-11-02

2023-11-02

2023-11-02

2023-11-01

2023-11-01