Vue开发
前端老道
一个写代码有点嘚儿的程序猿~,希望和大家一起学习,一起进步。大家也可以关注【前端开发社区】,里面有更多学习干货供大家学习,下载。
展开
-
Vue3.0源码结构分析
“关注 前端开发社区 ,回复“ 1” 即可加入 前端技术交流群,回复 “ 2” 即可免费领取500G前端干货![外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VLfB4jCn-1600135063713)(https://imgkr2.cn-bj.ufileos.com/01a6b83f-779c-496b-baf1-942e3e06a759.jpg?UCloudPublicKey=TOKEN_8d8b72be-579a-4e83-bfd0-5f6ce1546f13&a原创 2020-09-15 09:58:10 · 797 阅读 · 0 评论 -
vue.config.js的优化配置
“关注 前端开发社区 ,回复“ 1” 即可加入 前端技术交流群,回复 “ 2” 即可免费领取500G前端干货!最近优化了一个vue cli3.0项目,项目从打包体积2.5M,优化到272k, 速度提高了约2/3。下面将优化方法写下:需要新建文件’vue.config.js’,(这文件名是固定这么写的),与package.json在同一级目录下。BundleAnalyzer作用:展示打包图形化信息,会打开一个html页面,帮助自己分析哪些文件过大,可针对其进行优化,上线前 注释掉安装原创 2020-09-11 16:50:08 · 1318 阅读 · 0 评论 -
vue3.0新特性初体验(二)
“关注 前端开发社区 ,回复“ 1” 即可加入 前端技术交流群,回复 “ 2” 即可免费领取500G前端干货![外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ld6Jrq4N-1599788699477)(https://imgkr2.cn-bj.ufileos.com/1d4150b4-86fd-4363-9190-16cd86fc43e0.jpg?UCloudPublicKey=TOKEN_8d8b72be-579a-4e83-bfd0-5f6ce1546f13&a原创 2020-09-11 09:45:37 · 697 阅读 · 0 评论 -
vue3.0新特性初体验(一)
“关注 前端开发社区 ,回复“ 1” 即可加入 前端技术交流群,回复 “ 2” 即可免费领取500G前端干货!自从尤大的3.0横空出世以来,备受关注。感觉写法越来越像React,不过尤大也说了,其中一部分是受到了React hooks的思想影响。本系列文章将先带大家了解vue3.0, 会用vue3.0,以及最后了解vue3.0源码。先带大家了解下vue3.0的新特性玩法:(至于怎样创建vue3.0项目这里不再做更多的阐述,想了解的可以一移步官网。):setupsetup是新的组件选项。它充当原创 2020-09-08 16:14:09 · 407 阅读 · 0 评论 -
彻底理解 Cookie、Session、Token、JWT这些登录授权方法
“关注前端开发社区,回复“ 1”即可加入前端技术交流群,回复“ 2”即可免费领取500G前端干货!作者:秋天不落页http://suo.im/5YKnRS1、什么是认证(Authentication) 通俗地讲就是验证当前用户的身份,证明“你是你自己”(比如:你每天上下班打卡,都需要通过指纹打卡,当你的指纹和系统里录入的指纹相匹配时,就打卡成功) 互联网中的认证: 用户名密码登录 邮箱发送登录链接 手机号接收...转载 2020-08-16 15:15:36 · 692 阅读 · 0 评论 -
vue面试题总结(二)
“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!16.vue路由传参数1.使用query方法传入的参数使用this.$route.query接受2.使用params方式传入的参数使用this.$route.params接受17.vuex 是什么? 有哪几种属性?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。有 5 种,分别是 state、getter、mutation、action、modulevuex 的原创 2020-06-15 17:53:27 · 194 阅读 · 0 评论 -
vue面试题总结(一)
“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!1、Vue.js介绍Vue.js是一个轻巧、高性能、可组件化的 MVVM 库,同时拥有非常容易上手的APIVue.js是一个构建数据驱动的Web界面的库。Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.Vue 完全有能力驱动采用单文件组件和 Vue生转载 2020-06-14 11:40:31 · 299 阅读 · 0 评论 -
用好这7个VS Code插件,效率蹭蹭涨
作者:LittleGinger来源: 玩转VS CodeGit 增强:GitLensGitLens增强了 VSCode 中内置的 Git 功能,它能够提供更多的版本控制功能来增强你的VSCode。GitLens 提供了对代码的深入分析功能,可以显示更改时间以及更改后的代码。通过使用 GitLens 甚至可以比较不同的分支、标签和提交。点击安装:https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens代码检查:ESL.转载 2020-06-12 17:13:47 · 347 阅读 · 0 评论 -
Vue项目团队代码规范
“ 关注 前端开发社区 ,回复 ‘领取资料’,免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步规范与每个团队和个人都是息息相关的,因为其影响的不只是只是代码的维护和理解成本,严重的时候是会影响成员开发的心情一个团队的编码规范、git规范等,并没有绝对的最优解,心里要清楚明白没有银弹,规范是为了让团队统一,提高代码阅读性、降低代码维护成本等,本文是记录一些在项目code review中常见的规范,仅供参考JS部分和渲染无关的数据vue中d转载 2020-06-02 11:09:58 · 310 阅读 · 0 评论 -
你还在“滥”用Vue的watch吗?
我们在开发项目当中,经常用到watch监听某个数据的变化,但是往往有时候监听不到或者数据 被覆盖,从而导致数据不更新或者出错。在这里我想说,如果我们对Vue的响应式原理不太了解的话,尽量慎用Vue的watch监听数据的变化废话不多说,直接上代码: new Vue({ data() { return { city: {id: 1, name: '北京'} } }, watch: { city() { ...原创 2020-05-13 20:04:34 · 1745 阅读 · 1 评论