![](https://img-blog.csdnimg.cn/32dabb62b8c4408398eab0b9a09206ec.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue.js
文章平均质量分 65
以实战为线索,逐步深入开发中的各个细节
唐璜Taro
CV工程师
展开
-
认识JavaScript中的防抖函数
在JS防抖、节流实现过程中,返回一个函数是为了让其具有更好的通用性和灵活性提示原创 2023-03-02 22:38:31 · 2782 阅读 · 1 评论 -
vue中怎么把reader.onload中的定义的变量在外部调用
👨 作者简介:大家好,我是Taro,前端领域创作者✒️ 个人主页:唐璜Taro🚀 支持我:点赞👍+📝 评论 + ⭐️收藏通常我们在前端遇到读写服务端文件时,会遇到此类问题二、解决方法1. 改变this指向2. 利用Promise单独封装返回Promise对象的uploadFile函数,把文件流传给,然后通过 方法拿到返回结果三、为什么直接赋值失败很简单:在如上的代码示例中, 这里,this并没有按照大家想的那样指向 实例,而是指向了 函数的调用者:reader,所以导致给外部原创 2022-12-06 08:58:50 · 1724 阅读 · 0 评论 -
标准项目开发流程
需求> 需求调研、需求设计、需求评审(交互、技术、用例评审)、工期评估(开发)- 开发> 接口设计、接口评审、前后端开发、CR(CodeReview)、自测原创 2022-10-18 21:53:34 · 664 阅读 · 0 评论 -
JavaScript中监听对象的操作方式
Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。以上就是JavaScript中监听对象的描述符的讲解。原创 2022-10-16 23:39:25 · 1769 阅读 · 2 评论 -
koa实战 (三):JWT --Token 登录验证
使用JWT创建token,设置有效时间,返回数据等,然后将token返回到前端调用处, 前端登录处调用后端接口,然后接收到token后,然后将token存储到本地的浏览器中原创 2022-10-01 22:17:37 · 1142 阅读 · 3 评论 -
有了这一特性,不再安装脚手架,可创建Vue或React项目
NPX is an NPM package executor. Initially, NPX was launched in July 2017. NPX was just an NPM package that could be installed like other NPM packages. Currently, NPX is bundled with NPM when you install the NPM version 5.2.0 or higher.原创 2022-09-29 21:00:00 · 851 阅读 · 8 评论 -
package.json中的npm run命令执行后发生了什么
当 `npm run serve` 执行 `vue-cli-service serve `命令时,虽然没有关于 `vue-cli-service` 的全局命令,但是 npm 会到 ` ./node_modules/.bin ` 中找到 `vue-cli-service` 文件作为脚本来执行原创 2022-09-28 19:44:33 · 1002 阅读 · 3 评论 -
JavaScript 中 map、forEach、reduce、filter 之间的区别
下面案例可供参考以上就是今天要讲的内容,本文仅仅简单介绍了map、forEach、reduce、filter 之间区别,而JavaScript 提供大量能使我们快速便捷地处理数据的函数和方法。原创 2022-08-19 22:12:54 · 919 阅读 · 5 评论 -
为什么放弃npm转向yarn了
yarn和npm都是非常优秀包管理工具,经过重新设计的npm客户端yarn,无疑是npmplus版本,解决了开发者使用npm时遇到的痛点例如以上就是今天要讲的内容,本文仅仅简单介绍了yarn和npm的使用命令以及yarn的优点。...原创 2022-07-24 18:14:08 · 3292 阅读 · 13 评论 -
配置文件以rc结尾什么意思
rc’后缀可以追溯到Unix的祖父母CTSS。它有一个名为“runcom”的命令脚本功能。早期的Unix使用‘rc’作为操作系统启动脚本的名称,作为对CTSSruncom的致敬。一部分人认为“rc文件”的“rc”命名约定受到上述“runcom”工具的启发,在Unix世界中,RC代表“运行控制”我们经常会看到.eslintrc、.npmrc诸如此类以rc的结尾的配置文件。对于rc不同的人出现了不同的理解。这些名称中的“rc”是什么意思?......原创 2022-07-24 11:10:20 · 1513 阅读 · 0 评论 -
Vue中v-for里面key的作用
随着Vue的不断发展,深入了解技术背后的原理也越来越重要,很多人都开启了Vue源码学习,本文就介绍了v-for中key的基础内容。以上就是今天要讲的内容,本文仅仅简单介绍了Key的处理过程。原创 2022-07-16 13:48:01 · 2258 阅读 · 4 评论 -
Javascript 中的this指向
在常见的面向对象的编程语言中,比如Java、C++中,this通常只会出现在类的方法中。在类中的方法中,this代表了当前的调用对象,但是Javascript中的this要比其他语言更加的灵活以上就是今天要讲的内容,本文仅仅简单介绍了this的指向,this可以让我们更加便捷的方式来引用对象,在进行一些API设计时,代码更加的简洁和易于复用。httpshttpshttpshttps。...原创 2022-07-15 13:51:00 · 148 阅读 · 10 评论 -
区分JavaScript中的防抖节流函数定义
防抖和节流是日常开发中使用频率非常高的函数,所以也会频繁的出现在面试题当中。如果直接面对这两个功能,确实有点很容易混淆,根本无法区分开防抖和节流有什么区别,此篇文章特地来总结一下对防抖和节流的认知过程我们不仅仅要区分清楚防抖和节流两者的区别,也要明白在实际中哪些场景会用到借用网上的2副图片来说明详细触发过程:假设等待时间为:1s ;蓝色的柱子代表了触发的频率,黄色的柱子代表了函...原创 2022-07-14 09:57:40 · 209 阅读 · 5 评论 -
前端如何让跨编辑器开发的项目保持相同的编码风格?
在新项目开发前,作为TL的你,要意识到一个人不会一直维护一个项目,人员会有新进有退出,每个人代码风格不同,甚至是使用的编辑器不一样,都会导致最终产生的代码千差万别。在合并代码及后期维护中,会导致大量的时间用来解决冲突,加大项目的维护难度。EditorConfig 是一款专门为团队中多个开发人员,使用不同编辑器和 IDE 开发同一项目能够保持一致的编码风格的工具.........原创 2022-07-09 18:04:55 · 392 阅读 · 13 评论 -
vue项目中 jsconfig.json是什么
这也太官方了,说白了就是提高在写项目时舒适度的。目录中存在tsconfig.json文件表明该目录是 TypeScript 项目的根目录。该tsconfig.json文件指定编译项目所需的根文件和编译器选项。JavaScript 项目可以使用jsconfig.json文件来代替,它的作用几乎相同,但默认启用了一些与 JavaScript 相关的编译器标志。......原创 2022-07-06 10:01:25 · 15353 阅读 · 15 评论 -
Vue团队开发规范及说明
Vue团队开发规范及说明原创 2022-06-23 19:56:26 · 225 阅读 · 3 评论 -
免费开放的API接口:天气预报,登录注册,图片视频等支持分页
为了方便各类开发者,现提供开放Api接口,所有接口均无使用限制,返回格式全是JSON,所以基本能满足大家的开发需求转载 2022-06-16 09:05:36 · 4063 阅读 · 0 评论 -
后端返回正则表达式,前端test无反应以及test is not a function
错误是因为后端返回给我们的正则是无法直接使用的,我们需要...原创 2022-06-02 15:13:26 · 1875 阅读 · 7 评论 -
前端必须要熟练掌握的11条Linux基础指令
本文针对的是Linux常用命令方面的知识,适合从事运维或前后端开发的人员阅读。原创 2022-06-01 09:20:19 · 656 阅读 · 9 评论 -
浅析前端项目中图标究竟是使用svg还是iconfont
最近做项目在选择图标用svg还是字体图标问题上想了好久,在网上看到两者对比的一片文章,觉得还不错,转过来做个记录。SVG是什么?SVG是一种可缩放矢量图形(英语:Scalable Vector Graphics,SVG)是基于可扩展标记语言(XML),用于描述二维矢量图形的图形格式。SVG由W3C制定,是一个开放标准。简单的理解它是图形的另一种格式例如它和常见的图片格式.png、.jpg、.gif等是一类。SVG发展历程2001年9月4日,发布SVG 1.02003年1月4日,发布SVG 1.1转载 2022-05-30 09:25:31 · 2700 阅读 · 0 评论 -
关于匹配各种数字和小数的正则表达式
下面的正则表达式分别对应以下4种情况只能输入整数或小数let reg = /^[0-9]+([.]{1}[0-9]+){0,1}$/ //1.只能输入整数或小数不限制小数位数let reg = /^[+-]?((\d*(\.\d{1,})$)|(\d+$))/ //2.不限制小数位数限制必须1位以上,小数{1,}let reg = /^[+-]?((\d*(\.\d{1,})$)|(\d{1,3}$))/限制1至4位整数, {1,4}let reg =原创 2022-05-27 07:43:43 · 13384 阅读 · 3 评论 -
手摸手实现Mini-Observer,还原一把Vue背后的响应式(系列2)
文章目录一、发布者-订阅者模式二、举例三、一步一步完成发布者-订阅者模式1. 发布者2. 订阅者3. 特定执行4. 全部代码总结一、发布者-订阅者模式这是一种比较常见的设计模式。顾名思义,在这种设计模式下有发布者,订阅者两种角色,发布者会记录下订阅者的需求,然后等到一个特定时间点会通知到订阅者。二、举例小明和小强是两位主播,由于最近人气低迷,都想搞一波福利给家人们,提升一下人气。小王想到了iPhone,小李想到了IPad,于是两人不约而同,到了某强北的二楼档口。可惜不巧,iPhone和iPad.原创 2022-05-24 06:00:00 · 141 阅读 · 15 评论 -
VS Code + ESLint 让你码力倍增
不论是多人协作亦或个人项目,代码标准是很关键的。这样做,不只可以很大水平地防止根本语法错误,也确保了代码的可读性。这所谓工欲善其事,必先利其器,个人引荐VS Code + ESLint ,绝对让你码力倍增原创 2022-05-23 13:43:45 · 916 阅读 · 0 评论 -
手摸手实现Mini-Observer,还原一把Vue背后的响应式(系列一)
文章目录前言一、响应式是什么?二、使用步骤1.引入2.基础示例三、你会如何设计一个响应式?总结前言随着对vue的不断使用,深入学习这门技术背后的原理也越来越重要,很多人都开启了学习vue背后的原理,本文就介绍了Vue 中实现响应式基本原理基础内容。一、响应式是什么?示例:let x = 1;let y = 2;let z = x * y;console.log('z:', z); // z: 2延伸一下?let x = 1;let y = 2;let z = x * y;co原创 2022-05-22 23:26:12 · 139 阅读 · 7 评论 -
vue函数式组件进行i18n国际化处理
对vue函数式组件中的内容下进行国际化处理原创 2022-05-12 13:12:23 · 949 阅读 · 10 评论 -
虚拟dom(vnode)和渲染函数(h函数)的关系
我将一如既往用每篇文章的 title 作为研究问题的主要方向虚拟dom(简称:vdom) 和渲染函数(简称:h函数) 究竟有何关系?我将vue中vdom和diff算法分为3个方向,本篇主要研究第1个方向(如上),3篇文章循序渐进依次进行解读。能看到vdom,相信屏幕前的你,多半已经是一名成熟的cv工程师了。看到这张图,是不是感觉更熟了(斜眼笑)好吧好吧,扯远了,扯远了。赶紧回归正题。在正式了解vdom之前,我们看一下真实的DOM结构vnode呢,作为一个虚拟的DOM节点,它是用js中对象原创 2022-05-04 21:56:31 · 629 阅读 · 0 评论 -
idea控制台日志信息乱码问题
咱们window上面系统采用UTF-8编码格式可以idea不一定也遵循UTF-8的编码格式,所以你要把它修改成为UTF-8的编码格式,它就会成为中文了总共就2步,很简单首先说一下,没有网上说的这么复杂,又是配置,又是搞这搞那的跟着我的路子大胆走,好吧~1. 打开你的tomcat 下的编辑配置找到VM选项(V):应该是空的 把这个 复制进去-Dfile.encoding=UTF-8还有一步找到菜单栏的帮助,如果没有做汉化就是(Help)打开它 加上下面这句话-Dfile.原创 2021-04-24 10:30:23 · 301 阅读 · 1 评论 -
使用iconfont中图标后,大小显示不一致
使用iconfont 中的图标,但是引入看到效果之后,但是各自显示各自的大小,为啥会出现这样的情况?原创 2022-03-19 17:25:47 · 3592 阅读 · 9 评论 -
使用font-awesome的CDN链接图标显示不全或显示
项目实施人员突然告诉系统的图标不能显示,我:"???不能显示 ,我咋没你部署对了吗"。赶紧排查了一遍,又在项目里面引了一版5.X的,测试一下,全是方框,显示都不会显示,又换了一版,好像有了,这尼玛也不对啊?都不显示。这。。。我要一个个尝试吗?是的,呜呜呜~~~~终于在茫茫版本中查找到了可以使用的一版,使用低版本是可以的<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-aweso原创 2021-11-13 16:00:58 · 1567 阅读 · 1 评论 -
Vue模板技术-mustache
Vue源码非常庞大,各种极力非常多:从模板引擎,到数据劫持,虚拟节点,最小量更新,抽象语法树等等,本系列文章会逐个击破,循序渐进。1. 模板引擎模板引擎是将数据转成视图的最优雅的解决方案。譬如 v-for,实际上就是一种模板引擎。关于模板引擎的“前世今生”:...原创 2021-10-24 16:44:50 · 115 阅读 · 0 评论 -
vue首次加载页面动画加载提示
话不多说,咱们直接上代码!!!下面图片是实现效果:Tips:只有app第一次初始化会加载,路由到其他页面并不会加载,路由切换非常快,不需要这种全屏的加载中状态,路由切换的状态,小伙伴可以试一下:vue-progress<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=原创 2021-09-28 15:10:08 · 1050 阅读 · 0 评论 -
vue中页面中的引用组件
1.了解目录结构pages文件夹存放我们这个项目所有的页面home文件夹存放home页面的组件home.vue是home页components文件夹存放组成home页的小组件例子:把swiper.vue放入home.vue1.每一个组件都有一个“出口名字”(在外面引用这个组件就会用他这个名字)export default { name: 'swiper',}2.home.vue①script标签中引入这个组件import swiper from './components/sw原创 2020-12-06 11:49:19 · 1018 阅读 · 2 评论 -
uni-app 安装配置安卓手机模拟器
这一篇文章主要是讲一下UniApp如何配置手机模拟器这该死的MEIZU,本来正常操作,只要打开手机的USB调试和开发者选项,设置成USB的传输文件。Hbuildx就可以自动识别到机器,本来就是简简单单的事情,但是我。。。无奈只能借助第三方的手机模拟器来测试了,最终,我在最终的手机模拟器中选择Wy的mumu手机模拟器,其他的模拟器很容易莫名的卡顿,可能机器有点吃不消。其实配置过程也是极其简单下载流程不用过多讲了,估计能看到这篇文章,都是C界老手艺人了.(C届不会没听过吧… 给你普及一下,)= >原创 2021-03-28 17:58:22 · 12921 阅读 · 7 评论 -
vue中导出csv格式表格
这是页面这是最终csv格式导出表挺简单的,读完此篇文章约3分钟,学会使用约2分钟首先介绍一下我用的插件**## csv-exportor**安装命令npm install --save csv-exportor别忘了在script引用一下import CsvExportor from "csv-exportor";不要问为啥用这个插件,问就是用的人最多==============================这是我在按钮上绑定的点击事件 <on原创 2021-03-19 21:27:49 · 2885 阅读 · 5 评论