写点什么

vue.js

10 人感兴趣 · 34 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/b0/b0a9d9eaaf9822188cdf085e01b01069.png?x-oss-process=image/resize,w_416,h_234

一个可递归遍历的 Vue 树型组件

用户头像
空城机4 月 13 日

在创建列表时,常常会遇到一层套一层,如同套娃一般的列表结构。那么这种结构是否能够递归实现呢

手写函数

用户头像
wudaxue4 月 2 日

javascript面试中的手写函数

https://static001.geekbang.org/infoq/b0/b0a9d9eaaf9822188cdf085e01b01069.png?x-oss-process=image/resize,w_416,h_234

JSP 中 Vue.js 的使用受限

用户头像
空城机3 月 26 日

这次写这篇博客的起因主要是由于我想把数据库数据更新到HTML页面上,然后把使用了vue.js的html页面直接后缀改为jsp页面,然后进行传值,发现查询关键字方法失效了,然后去查找原因,然后发现是因为vue主要用于客户端渲染,所以有一些功能在jsp中是实现不了的

https://static001.geekbang.org/infoq/11/11ab74c7dd6b581d5e791f6fe7d998fa.jpeg?x-oss-process=image/resize,w_416,h_234

快速使用 Vue3 最新的 15 个常用 API(1W5+ 字详解,建议收藏)

用户头像
零一3 月 23 日

超详细的Vue3 API 使用教程,带你快速入门Vue3上手开发~

https://static001.geekbang.org/infoq/f0/f0d74ca16d9b742a17eda897bb1f6ffa.png?x-oss-process=image/resize,w_416,h_234

前端开发:数据处理方法分享(其一)

用户头像
三掌柜3 月 23 日

在前端开发过程中会遇到各种各样的数据处理需求,开发者会根据不同的业务需求来实现对应的业务功能,但是数据格式是固定不变的,那么在遇到一些数据不是想要的数据怎么办呢?那就需要开发者对获取到的特定数据进行二次处理,一些简单的处理直接通过数据

https://static001.geekbang.org/infoq/50/50a496a457618df54fd811dea7941191.jpeg?x-oss-process=image/resize,w_416,h_234

前端开发:自定义搜索框(含联想搜索)

用户头像
三掌柜3 月 22 日

在前端开发过程中,搜索功能是比较常见的功能,也是在项目开发过程中比较常见的需求。搜索框功能常用的几种需求也都是大同小异,但是实用的搜索框可以作为一个例子来写是很有必要的,那么本篇博文就来分享一下前端开发的具有联想功能的自定义搜索框。

https://static001.geekbang.org/infoq/77/77222e7a86ab6ee48e72c0a9d4d90da3.jpeg?x-oss-process=image/resize,w_416,h_234

前端开发:Vue 启动项目报错 ValidationError:webpack Dev Server Invalid Options

用户头像
三掌柜3 月 20 日

在前端开发的时候,启动运行Vue项目的时候:npm run dev或者 npm run start 或者yarn examples:start,遇到ValidationError:webpack Dev Server Invalid Options报错的提示,报错信息如下所示:

https://static001.geekbang.org/infoq/d5/d588e503ede36cb0e415fefb415fdd13.png?x-oss-process=image/resize,w_416,h_234

前端开发: 路由跳转页面详解

用户头像
三掌柜3 月 18 日

在前端开发的时候,路由跳转是非常经典的知识点之一,对于刚入门的开发者来说,可能会一知半解,那么本篇博文就来分享一下前端开发过程中路由跳转的使用,以及在路由跳转中可能会遇到的问题和注意事项,该知识点比较基础,技术大牛就不要进来看了,只分

https://static001.geekbang.org/infoq/99/995996bce4bce161779107a343c6a571.png?x-oss-process=image/resize,w_416,h_234

前端开发:Mac 环境的 Chrome 浏览器设置跨域请求的 SameSite 解决方法

用户头像
三掌柜3 月 16 日

前段时间在开发项目的时候,遇到一个比较稀奇古怪的跨域问题,不管怎么写就是解决不了,后来通过Chrome浏览器的设置,解决了跨域问题,这样就不需要在项目里通过设置代理来解决跨域问题,直接通过设置修改Chrome浏览器的设置就可以解决项目跨域问题。

https://static001.geekbang.org/infoq/24/2445a377433a64fe9aaf0787f864d872.jpeg?x-oss-process=image/resize,w_416,h_234

前端开发:项目运行 npm install 提示 XXX packages are looking for funding run `npm fund` for details 的解决方法

用户头像
三掌柜3 月 15 日

前端开发:项目运行npm install 提示XXX packages are looking for funding run `npm fund` for details的解决方法

https://static001.geekbang.org/infoq/bb/bbbccbef1e5521fd3c0735619984c98c.jpeg?x-oss-process=image/resize,w_416,h_234

前端开发:Vue 项目报错 [Vue warn]:Property "visible" must be accessed with "$data.visible" because…问题解决方法

用户头像
三掌柜3 月 14 日

前端开发:Vue项目报错[Vue warn]:Property "visible" must be accessed with "$data.visible" because properties…问题解决方法

https://static001.geekbang.org/infoq/4e/4ed38f9c0be4268c16447ed59d5c06f6.png?x-oss-process=image/resize,w_416,h_234

前端开发:Vant 组件—Uploader 文件上传的方法(图片上传)

用户头像
三掌柜3 月 13 日

前段时间在开发项目的时候,有一个业务需求是上传图片,之前做移动端开发的时候上传图片也是非常基本的需求,但是对于前端开发来说需要研究一下怎么实现的。

https://static001.geekbang.org/infoq/0b/0b1659693f29098078749fae8fcdbc17.jpeg?x-oss-process=image/resize,w_416,h_234

前端开发:Vue 项目中解决 Emitted value instead of an instance of Error 问题

用户头像
三掌柜3 月 12 日

分享一个在刚接触前端开发的开发者常遇到的一个经典错误,那就是在Vue项目运行中遇到Emitted value instead of an instance of Error的问题,附带解决该问题的方法以及原理。

https://static001.geekbang.org/infoq/80/80d3f1da2257b0751383d572fdf17036.jpeg?x-oss-process=image/resize,w_416,h_234

前端开发:VS Code 编辑器新建 Vue 文件自定义模板的方法

用户头像
三掌柜3 月 11 日

在前端开发过程中,尤其是对于经验不足的初级开发者来说,需要掌握一些必备的提升开发速度的技巧,比如使用各种插件来提升开发速度,这样才能事半功倍。

https://static001.geekbang.org/infoq/0b/0b1659693f29098078749fae8fcdbc17.jpeg?x-oss-process=image/resize,w_416,h_234

前端开发:Vue 项目中解决 Emitted value instead of an instance of Error 问题

用户头像
三掌柜3 月 10 日

分享一个在刚接触前端开发的开发者常遇到的一个经典错误,那就是在Vue项目运行中遇到Emitted value instead of an instance of Error的问题,附带解决该问题的方法以及原理。

https://static001.geekbang.org/infoq/f2/f216c2787b0eb2d01f6656fdcf043b58.jpeg?x-oss-process=image/resize,w_416,h_234

前端开发:深入使用 proxy 代理解决跨域问题

用户头像
三掌柜3 月 8 日

在前端领域里面,跨域指的是浏览器允许向服务器发送跨域请求,进而克服Ajax只能同源使用的局限性限制。同源策略是一种约定,而且是浏览器中最基本也是最核心的安全功能,若缺少了该策略,浏览器非常容易被攻击;同源就是指“协议+域名+端口”都一样...

https://static001.geekbang.org/infoq/37/371aed54cdc60ce9eadc227c9838bec0.jpeg?x-oss-process=image/resize,w_416,h_234

前端开发:Node 版本引起的报错问题

用户头像
三掌柜2 月 7 日

前端开发:Node版本引起的报错问题

https://static001.geekbang.org/infoq/df/df3699220555041eb30933bb138e7c09.png?x-oss-process=image/resize,w_416,h_234

从设计模式理解 Vue 响应式(多图警告)

用户头像
coolFish(呔呆)1 月 29 日

近日公司开发一个拖拽表单项目,用到了 Vue,部门老大便开始研读 Vue 源码,并且传授给我们,老大说,读源码不能仅仅只看懂源码,还得读懂他的设计思想,他为什么要这么设计,把自己当做设计者来读,这样才能真正理解,本文中,我会按照老大的指引方向,和自

https://static001.geekbang.org/infoq/ba/badc023064887c0be33da8040f2cac12.png?x-oss-process=image/resize,w_416,h_234

探索 Vue.js 响应式原理

用户头像
pingan87871 月 11 日

提到“响应式”三个字,大家立刻想到啥?响应式布局?响应式编程?

https://static001.geekbang.org/infoq/97/97c5cd1574a9ac7afc60db24dff354c5.png?x-oss-process=image/resize,w_416,h_234

Vue 3 组件开发:搭建基于 Vite 的在线表格编辑系统(组件集成)

用户头像
Geek_Willie1 月 6 日

通过前文的学习,我们已经用 Vite 搭建出了Vue 3 的项目原型。今天,我们将基于这个原型,集成 SpreadJS 电子表格组件和在线编辑器组件,使其具备 Excel公式计算、在线导入导出 Excel 文档、数据透视表和可视化分析能力,实现在线表格编辑系统的雏形。

https://static001.geekbang.org/infoq/17/17a0a9af481761ee59ddf7658e94e670.png?x-oss-process=image/resize,w_416,h_234

vue 高级进阶系列——用 typescript 玩转 vue 和 vuex

用户头像
徐小夕2020 年 12 月 5 日

 用过vue的朋友大概对vuex也不陌生,vuex的官方解释是专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。说的简单点就是对vue的状态进行统一管理,如下图介绍了其管理

https://static001.geekbang.org/infoq/d3/d3e42c0a0586692c0684c4a7bd3a169b.png?x-oss-process=image/resize,w_416,h_234

在 vue2 中使用 ts

用户头像
正经工程师2020 年 9 月 30 日

文本所介绍的内容是使用 TypeScript 编写 Vue2.6.11 前端应用,具体 demo 地址可访问: vue-ts-demo。

了解 JS 压缩图片,这一篇就够了

用户头像
华为云开发者社区2020 年 8 月 17 日

公司的移动端业务需要在用户上传图片是由前端压缩图片大小,再上传到服务器,这样可以减少移动端上行流量,减少用户上传等待时长,优化用户体验。

mini-vue 之 proxy 代理

用户头像
晓枫2020 年 8 月 13 日

vue源码

手动实现 mini-vue

用户头像
晓枫2020 年 8 月 12 日

目标就是手动实现vue的响应式功能,模板解析功能等,后续如果有精力在实现诸如生命周期,计算属性这些功能。

https://static001.geekbang.org/infoq/e5/e510df3d35aa3e3410e4097121ec9468.png?x-oss-process=image/resize,w_416,h_234

Vue 学习笔记 -2

用户头像
多选参数2020 年 7 月 24 日

Vue 学习第二天。

https://static001.geekbang.org/infoq/e5/e510df3d35aa3e3410e4097121ec9468.png?x-oss-process=image/resize,w_416,h_234

Vue 学习笔记 -3

用户头像
多选参数2020 年 7 月 24 日

Vue 学习的第三天。

https://static001.geekbang.org/infoq/9a/9aa20f5ca09d9343fad0527831a56399.png?x-oss-process=image/resize,w_416,h_234

揭秘 vivo 如何打造千万级 DAU 活动中台 - 启航篇

用户头像
vivo互联网技术2020 年 7 月 23 日

随着 vivo 互联网用户量级不断增加,应用商店、官网商城、 游戏中心和浏览器等 vivo 官方产品相继进入存量用户运营时代。在这种大背景下,营销活动日益增多,传统活动开发模式已经不能满足井喷式且多样化的需求,项目开发和产品运营过程中遇到种种困难:

https://static001.geekbang.org/infoq/e5/e510df3d35aa3e3410e4097121ec9468.png?x-oss-process=image/resize,w_416,h_234

Vue 学习笔记 -1

用户头像
多选参数2020 年 7 月 22 日

Vue 学习笔记-1。

https://static001.geekbang.org/infoq/2a/2a75d5f106a96005a51672b7998806dd.png?x-oss-process=image/resize,w_416,h_234

Element-UI 实战系列:Tree 组件的几种使用场景

用户头像
brave heart2020 年 6 月 7 日

在使用Vue开发项目时,引入了Element-UI组件库,因为自己开发的部分,很多都是树形结构数据相关的,所以经常使用到Tree组件,在好几次实现需求的过程中,遇到了很多难点,自己也是绞尽脑汁才解决的,这里就把遇到的几种使用场景,归纳总结一下。

vue.js_vue.js资料文章-InfoQ写作平台